常用元素：
table 内表身标签为 tbody，表身层标签为 tr，表身内容标签为 td；
<!DOCTYPE html> <!-- 标准的文档类型声明 --> <html> <!-- HTML 开始标签--> <head> <!-- head 开始标签 --> <title>this is a page title</title> <!-- title 标签，将显示在浏览器的窗口标题栏中--> </head> <!-- head 结束标签 --> <!-- paragraphe --> <!-- 以下内容将出现在网页上被我们看见 --> <body> <!-- body 开始标签 --> <h1>This is a heading</h1> <h2>This is a heading</h2> <h3>This is a heading</h3> <h4>This is a heading</h4> <h5>This is a heading</h5> <h6>This is a heading</h6> <!-- h1 ~ h6 级标签，不同级的标签有不同的显示效果 --> <p><a href="http://baidu.com" target="_blank">This is a page</a></p> <!-- p 元素内包含 a 元素，即一个链接，链接为“百度”，在网页上显示为 “This is a page" --> <!-- target="_blank" 表示在新开的窗口打开网页--> <p>This is a page</p> <!-- 新开一行，内容为“This is a page” --> <p>Lorem <strong><em>dolor</em> sit</strong> amet consectetur adipisicing elit. Nobis, accusamus ab at delectus veritatis aperiam fugiat placeat accusantium doloribus incidunt sint libero dolorum, architecto qui! Assumenda quod ex earum velit.</p> <!-- 自动填充的一段文字，其中 dolor 显示为斜体和加粗 --> <!-- 无序列表 --> <ul> <li>List item 01</li> <li>List item 01</li> <li>List item 01</li> <li>List item 01</li> <li>List item 01</li> </ul> <!-- 有序列表 --> <ol> <li>List item 01</li> <li>List item 01</li> <li>List item 01</li> <li>List item 01</li> <li>List item 01</li> </ol> <!-- 表格 --> <table> <thead> <!-- 表格头 --> <tr> <!-- 第一行表格头 --> <th>First Name</th> <th>Last Name</th> <th>age</th> <th>email</th> <!-- 分别有四种内容，其名字为 First Name、Last Name、age、email --> </tr> </thead> <tbody> <!-- 表格尾 --> <tr> <td>Bland</td> <td>Nancy</td> <td>18</td> <td>qwewqe@qwewd.com</td> </tr> <!-- 第一行的四个值 --> <tr> <td>Bland</td> <td>Nancy</td> <td>18</td> <td>qwewqe@qwewd.com</td> </tr> <!-- 第二行的四个值 --> <tr> <td>Bland</td> <td>Nancy</td> <td>18</td> <td>qwewqe@qwewd.com</td> </tr> <!-- 第三行的四个值 --> <tr> <td>Bland</td> <td>Nancy</td> <td>18</td> <td>qwewqe@qwewd.com</td> </tr> <!-- 第四行的四个值 --> </tbody> </table> <!-- 填表 --> <form> <div> <label>First Name</label> <!-- 要填的内容是 First Name --> <input type="text" name="firstname" placeholder="Enter First Name"> <!-- 输入并记录填入的值，在框内提示 Enter First Name --> </div> <input type="submit" name="submit" value="Submit"> <!-- 设置提交按钮 --> </form> <img width="1000vw" src="flower.jpg"> <!-- 导入图片 flower.jpg 宽度为 1000vw （一种自适应宽度表达方式) --> </body> </html>
原文：https://www.cnblogs.com/A-Tree/p/13657100.html