初始网页基本信息
1 <!DOCTYPE html> <!--告诉浏览器使用的规范--> 2 <html lang="en"> 3 <!--head头部--> 4 <head> 5 <!--meta 描述性标签--> 6 <meta charset="UTF-8"> 7 <meta name="zyj" content="welcome"> 8 <meta name="description" content="welcome here"> 9 <title>my first web page</title> 10 </head> 11 <!--body体--> 12 <body> 13 hello world 14 </body> 15 </html>
网页基本标签
1. h标签:
1 <h1>hello</h1> 2 <h2>hello</h2> 3 <h3>hello</h3> 4 <h4>hello</h4>
2. p标签:(段落标签):
1 <p>abc</p> 2 <p>def</p>
3. <br/>换行标签:
1 <br/>
4. <hr/>水平线标签:
1 <hr/>
5. 字体样式标签:
1 <!--加粗--> 2 <strong>123</strong> 3 <!--斜体--> 4 <em>123</em>
6. 特殊符号:
(1)空格:
(2)大于号(>):
>
(3)小于号(<):
<
(4)版权符号:
©
图像标签
<img src="../resources/image/1.png" alt="图像加载不出来时显示的文字" title="鼠标悬停时显示的文字">
超链接标签
<!--在新网页中打开--> <a href="https://www.baidu.com" target="_blank">点击跳转到百度</a> <!--覆盖原网页--> <a href="https://www.baidu.com" target="_self">点击跳转到百度</a>
<!--图片作为超链接--> <a href="https://www.baidu.com" target="_blank"> <img src="../resources/image/1.png" alt="图像加载不出来时显示的文字" title="鼠标悬停时显示的文字"> </a>
锚链接
<!--锚链接 1:需要一个标记 2:跳转到标记 --> <a name="top">顶部</a> ... <a href="#top">回到顶部</a>
<!--跳转到其他页面--> <a href="test_01.html#top">回到顶部</a>
功能性链接
<a href="mailto:1234567@qq.com">点击联系我</a>