内容介绍
- 了解HTML特殊符号
- 熟悉标题标签
- 熟悉换行标签
- 掌握横线标签
- 掌握段落标签
- 掌握图片标签
标题标签
HTML提供了六级标题,分别是<h1>、<h2>、<h3>、<h4>、<h5>、<h6>,其中<h1>字号最大,<h6>字号最小。标题在网页中独占一行,并且以粗体显示。
<h1>音乐节</h1>
<h2>主要形式</h2>
<h2>演出形式</h2>
<h2>著名音乐节</h2>
<h3>巴斯音乐节</h3>
<h3>亚杰创业音乐节</h3>
<h3>克什克腾草原音乐节</h3>
<h3>“恒大星光”音乐节/h3>
段落标签
使用格式: <p>[文章段落]</p>
拓展:
align属性可用于设置段落的对齐方式,可以设置为left(左对齐),center(居中),right(右对齐)。 fontsize属性可用于设置字体大小 color设置字体颜色
<p>文本内容</p>
横线标签
使用格式: <hr />
在网页中,有时需要用一根横线对网页内容进行分隔,这时候就需要使用<hr>标签.
width | 用于设置横线的长度,设置长度时既可以用占网页的宽度的百分比,也可以用具体数字来固定 横线长度,单位为像素。 |
size | 用于设置横线的粗细,以像素(px)为单位。 |
align | 用于设置段落的对齐方式,可以设置为left(左对齐),center(居中),right(右对齐)。 |
color | 属性用于横线的颜色。 |
特殊符号
在网页中,一些字符已经被HTML使用,如“<”、“>”、“””(英文双引号)等等,所以不能在网页代码中直接使用它们。如果我们需要在网页中显示这些特殊符号,就需要使用这些符号的转义码。常见特殊字符转义码。
特殊字符 | 转义码 |
引号(") | " |
& | & |
< | < |
> | > |
空格 | |
元() | ¥ |
版权() | © |
注册商标() | ® |
图片标签
在网页中,为了实现图文并茂,需要使用图片标签<img>。 使用格式如下: <img 属性=”属性值”/>
属性 | 说明 |
src | 用于设置图片文件的路径,在实际应用中,文件的路径采取相对路径。 |
height | 用于设置图片在网页中的高度,其单位为像素(px) |
width | 用于设置图片在网页中的宽度,其单位为像素(px) |
alt | 用于设置的图片的文字说明。在我们浏览网页时,如果图片因网络原因无法显示, 那么在该图片的位置就会显示该图片的文字说明,以便浏览者清楚该图片的用途。 |
align | 用于设置段落的对齐方式,可以设置为left(左对齐),center(居中),right(右对齐)。 |
hspace | 用于设置图片与文本间的横向间距,单位是像素(px)。 |
vspace | 用于设置图片与文本间的纵向间距,单位是像素(px)。 |
换行标签
不同内容块之间需要使用空行或在一个段落中某两句话之间需要换行,就需要使用换行标签<br>。该标签是一个单独标签。