什么是HTML元素?
HTML是超文本标记语言,用于创建Web页面的基本语言。HTML用标签和属性描述页面的内容和结构。其中最基本的单位就是HTML元素。
元素的基本语法规则
HTML元素由“开始标签”、“结束标签”、“内容”、“属性”四个部分组成。语法规则如下:
<开始标签 属性1="属性值1" 属性2="属性值2">内容</结束标签>
元素的标记名不区分大小写,但按照官方规定,要使用小写字母,属性名也要小写。
元素的开始标签和结束标签
开始标签用<标记名>表示,结束标签用</标记名>表示,其中开始标签和结束标签中的标记名要保持一致,如<p>开始段落,</p>结束段落:
<p>这里是段落内容</p>
有些标记没有结束标记,比如<br>标记表示换行,它只需要一个开始标签,如下所示:
<br>
元素的内容
元素的内容即为元素标记之间的内容,如下例中的内容为“这里是段落内容”:
<p>这里是段落内容</p>
元素的属性
在开始标签中可以包含属性,属性用来为元素提供更多的信息。属性的基本用法是:属性名="属性值"。如下所示,在<a>标记中用href属性指定所链接的网址:
<a href="http://www.example.com">这里是超链接</a>
元素的属性不止href一个,可以根据需要添加更多的属性:
<a href="http://www.example.com" title="例子">这里是超链接</a>
这里的title属性用于显示链接的标题,当鼠标悬停在链接上时会显示。
常用的HTML元素
下面列举一些常用的HTML标记:
<p>标记
<p>标记用于定义段落:
<p>这里是段落内容</p>
<br>标记
<br>标记用于表示换行,它没有结束标记:
<p>这里是第一行内容<br>这里是第二行内容</p>
<a>标记
<a>标记用于定义超链接:
<a href="http://www.example.com">这里是超链接</a>
<img>标记
<img>标记用于向Web页面中插入图像:
<img src="image.jpg" alt="图像描述">
<ul>和<li>标记
<ul>和<li>标记用于创建无序列表:
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ul>
<ol>和<li>标记
<ol>和<li>标记用于创建有序列表:
<ol>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ol>
<table>、<tr>和<td>标记
<table>、<tr>和<td>标记用于创建表格:
<table>
<tr>
<td>单元格1</td>
<td>单元格2</td>
</tr>
<tr>
<td>单元格3</td>
<td>单元格4</td>
</tr>
</table>
总结
HTML元素是Web页面的基本构建块,由标记名、属性、内容和开始标签、结束标签四部分组成。学习HTML标记时需要掌握这些基本概念,同时也要了解一些常用的HTML标记及其用法。