HTML 文档结构
<!-- 定义文档类型 --> <!DOCTYPE html> <!-- 仅仅是为了提示浏览器,改翻译我了 --> <html lang="en"> <head> <!-- 规格编码格式 --> <meta charset="UTF-8"> <!-- 标题,你的页面在浏览器上显示的内容 --> <title>wanglan</title> </head> <body> 显示的内容 </body> </html>
标题
<!-- 定义文档类型 --> <!DOCTYPE html> <!-- 仅仅是为了提示浏览器,改翻译我了 --> <html lang="en"> <head> <!-- 规格编码格式 --> <meta charset="UTF-8"> <!-- 标题,你的页面在浏览器上显示的内容 --> <title>wanglan</title> </head> <body> <h1>一级标题</h1> <h2>一级标题</h2> <h3>一级标题</h3> <h4>一级标题</h4> <h5>一级标题</h5> <h6>一级标题</h6> </body> </html>
段落
<!-- 定义文档类型 --> <!DOCTYPE html> <!-- 仅仅是为了提示浏览器,改翻译我了 --> <html lang="en"> <head> <!-- 规格编码格式 --> <meta charset="UTF-8"> <!-- 标题,你的页面在浏览器上显示的内容 --> <title>wanglan</title> </head> <body> 苍老师 <br> <!-- 换行 --> <p>小泽老师,波多老师,武藤老师</p><!-- 段落 --> <a href="https://www.baidu.com/">点击打开百度</a> </body> </html>
跳转
<!-- 定义文档类型 --> <!DOCTYPE html> <!-- 仅仅是为了提示浏览器,改翻译我了 --> <html lang="en"> <head> <!-- 规格编码格式 --> <meta charset="UTF-8"> <!-- 标题,你的页面在浏览器上显示的内容 --> <title>wanglan</title> </head> <body> <a name="top"></a> <!-- 顶部开始位置 --> <a href="#dibu" title="鼠标放上来就出来的文字">回到底部</a> <a href="test.html" target="_blank">跳转到test</a> 苍老师 <br> <!-- 换行 --> <p>小泽老师,波多老师,武藤老师</p><!-- 段落 --> <a href="https://www.baidu.com/">点击打开百度</a> <br> <a name="dibu"></a> <a href="#top">回到顶部</a> <!-- 回到顶部 --> </body> </html>
插入图片
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <img src="http://p3.pstatp.com/origin/4870008d19336d074f2" alt="车模"> <img src="某美女.jpg" alt="" width="100px" height="500px" title="鼠标放上去会显示文字" align="right"> </body> </html>
列表
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <ul type="circle"> <li>list</li> <li>insert</li> </ul> <ol type="1" start="2"> <li>吃饭</li> <li>学习</li> </ol> <dl> <dt>你好</dt> <dd>世界</dd> <dd>那么大</dd> </dl> </body> </html>
边框
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <table border="5px" bordercolor="red" width="490px" height="334px" align="center" style="border-collapse: collapse" > <!-- 外框宽度 --> <!-- 线条的颜色 --> <!-- 表的长度 --> <!-- 表的高度 --> <tr> <td>姓名</td> <td>性别</td> <td>爱好</td> <td>年龄</td> <td>职业</td> </tr> <tr> <td bgcolor="#8a2be2">江老师</td> <!-- 背景颜色 --> <td rowspan="1">母</td> <td colspan="1">男</td> <td>16</td> <td>兽医</td> </tr> </table> </body> </html>