登录后查看完整内容
您需要 登录 才可以下载或查看,没有账号?立即注册
x
HTML是什么?
HTML 英文全称是 Hyper Text Markup Language,中文译为“超文本标记语言”,专门用来设计和编辑网页。
用 HTML 编写的文件称为“HTML 文档”,一般后缀为.html。HTML 文档是一种纯文本文件,可以使用 Windows 记事本、Notepad++ 等文本编辑器来打开或者创建。
「HTML示例」代码
- <!DOCTYPE html>
- <html>
- <head>
- <title>TeklaHome网站</title>
- </head>
- <body>
- <h1>Tekla模板教程</h1>
- <p>学习如何制作 Tekla 模板</p>
- <p>如何使用模板编辑器</p>
- <p>如何制作表格模板</p></body>
- </html>
复制代码
HTML标签
HTML 是一种标记语言,使用各种标签来修饰内容,标签的特点如下:
• HTML 标签由尖括号包围的关键词构成,比如 <html> ;
• 大多数 HTML 标签都是成对出现的,比如 <p> 和 </p> ;
• 成对出现的标签中,第一个标签称为开始标签,第二个标签称为结束标签;
HTML 实际就是通过标签将文本、音频视频、图片、表格、按钮等内容显示出来。标签的使用方式就是将要显示的内容放在一对开始标签和结束标签之间。
那么从开始标签到结束标签的所有代码,我们可以称之为HTML元素。换句话说,HTML 元素以开始标签起始,以结束标签终止,元素的内容就是开始标签与结束标签之间的内容。
在HTML中,我们使用 <table> 标签来定义表格。
「HTML表格示例」代码
- <!DOCTYPE html>
- <html>
- <head>
- <title>HTML表格示例</title>
- </head>
- <body>
- <table>
- <tr>
- <td>名称</td>
- <td>网址</td>
- <td>性质</td>
- </tr>
- <tr>
- <td>TeklaHome官网</td>
- <td>www.teklahome.com</td>
- <td>Tekla学习交流</td>
- </tr>
- <tr>
- <td>Tekla官网</td>
- <td>www.tekla.com</td>
- <td>官方网站</td>
- </tr>
- <tr>
- <td>京东</td>
- <td>www.jd.com</td>
- <td>购物网站</td>
- </tr>
- </table>
- </body>
- </html>
复制代码
• <table> 表示表格,表格的所有内容需要写在 <table> 这对标签之间。
• <tr> 是 table row 的简称,表示表格的行。表格中有多少对 <tr> 标签就表示定义了多少行。
• <td> 是 table data cell 的简称,表示表格的单元格,这是真正存放表格数据的标签。 我们可以理解为每一行,也就是每对 <tr> 标签中,有多少对 <td> 标签,就有多少列。
HTML表格示例2
- <!DOCTYPE html>
- <html>
- <head>
- <title>「HTML表格示例2」代码</title>
- </head>
- <body>
- <table border="1">
- <tr>
- <td>零件编号</td>
- <td>截面规格</td>
- <td>长度(mm)</td>
- <td>材质</td>
- <td>数量</td>
- <td>单重(kg)</td>
- <td>总重(kg)</td>
- </tr>
- <tr>
- <td>P-1</td>
- <td>PL8*120</td>
- <td>160</td>
- <td>Q355B</td>
- <td>48</td>
- <td>1.21</td>
- <td>57.88</td>
- </tr>
- <tr>
- <td>P-2</td>
- <td>PL18*220</td>
- <td>500</td>
- <td>Q355B</td>
- <td>10</td>
- <td>17.10</td>
- <td>170.97</td>
- </tr>
- </table>
- </body>
- </html>
复制代码
|