HTML标签(1)
文章目录
一、标题标签
标题标签:h1~h6
标题标签成对使用
使用方式
<h1>一级标题</h1>
<h2>二级标题</h2>
这里是正文
建议:一个页面只建议有一个h1
二、段落
段落标签:p
<p>段落内容</p>
<p>这是段落,每一个段落自动换行</p>
<p>在段落内部文字忽略连续的 空格,也不会显示空行,且不会换行</p>
多个连续的空格只会生成一个空格,空行也只会有一个空格
三、保留空行与空格
1、如何在段落内添加空行?
使用段内换行标签 <br>
<br />
单独出现的标签,直接结束
<p>这是一个段落。<br />注意规范的写法</p>
2、如何在段落内添加空格?
空格字符: ;
特殊字符全小写
<body>
<p>
段落内不文集忽略连续 ; ; ;空格
</p>
</body>
3、预留格式 pre
是一种简便的方式保留空格和空行
<pre>
成对使用
<pre>
</pre>
<pre>
预留格式文本。它保留了 空格
和空行
</pre>
作用:pre标签适合显示计算机代码
四、行内组合标签span
可以将段内的文字组成一组,单独设置样式
<p>最新<span>中国人口调查报告</span>指出...</p>
五、水平线 hr
hr标签单独使用
<hr />
六、注释
<!--注释内容-->
注释可以跨行
<!--这是一段注释。-->
<!--注释不会再浏览器中显示-->
<!--注释可以
跨行-->
七、超链接a标签
a标签成对出现
以下可作为超链接:
- 文字超链接
- 图片超链接
- 导航栏
具有href属性
<a href="网址">文字或图片</a>
- 链接到本站点的其他网页
<a href="news.html">新闻</a>
- 链接到其他站点
<a href="http://www.baidu.com">百度</a>
- 虚拟超链接
<a href="#">板块1</a>
虚拟超链接——还不知道要链接到哪一网页(写源代码常用)
好处:当鼠标停留在文字上时,依然会出现超链接效果