HTML基本标签

初始网页基本信息

 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）空格：

&nbsp;

（2）大于号（>）：

&gt;

（3）小于号（<）：

&lt

（4）版权符号：

&copy

 图像标签

<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>

 

posted @ 2020-06-04 21:12  不溶解的糖  阅读(119)  评论(0)  编辑  收藏  举报