html标签元素及属性（一）

ゞ浴缸里的玫瑰 2022-07-12 07:12 263阅读 0赞

### 1、声明：声明 ###

HTML有多个不同的版本，只有完全明白页面中使用的确切HTML版本，才能正确的显示出HTML页面。这就是的用处  
HTML 5

<!DOCTYPE html>

HTML 4.01 Strict  
该 DTD 包含所有 HTML 元素和属性，但不包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

HTML 4.01 Transitional  
该 DTD 包含所有 HTML 元素和属性，包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

XHTML 1.0 Transitional  
该 DTD 包含所有 HTML 元素和属性，包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。必须以格式正确的 XML 来编写标记

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

用不同的声明来标识不同的版本，而HTML5的声明最简单，写起来也很容易。

### 2、`<head>`、`<body>` ###

`<head>`、`<body>`都会包含在一个`<html></html>`当中

<!DOCTYPE html>
    <html lang="en">    //这里表示文字的显示形式“zh”表示中文“en”表示英文。也可以省略不写。
    <head>
        <meta charset="UTF-8">    //编码格式，默认是“UTF-8”的格式，如果不指定可能会出现乱码。
        <title>练习</title>     //定义头文件的名字
    </head>
    <body>
       正文部分，其他的标签都会写在这里面。
    </body>
    </html>

### 3、`<p>`标签定义段落 ###

p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间，您也可以在样式表中规定。

### 4、`<h1> - <h6>` 标签可定义标题。`<h1>` 定义最大的标题。`<h6>`定义最小的标题。 ###

由于 h 元素拥有确切的语义，因此请您慎重地选择恰当的标签层级来构建文档的结构。因此，请不要利用标题标签来改变同一行中的字体大小。相反，应当使用层叠样式表定义来达到漂亮的显示效果。

![这里写图片描述][SouthEast]

### 5、`<a>` 标签定义超链接，用于从一张页面链接到另一张页面。 ###

`<a>`元素最重要的属性是 href 属性，它指示链接的目标。  
在所有浏览器中，链接的默认外观是：  
未被访问的链接带有下划线而且是蓝色的  
已被访问的链接带有下划线而且是紫色的  
活动链接带有下划线而且是红色的

### 6、`<img>`用来向网页中嵌入一副图像 ###

用法示例

#####  注意：这里要准确的写出图像地址，不然显示不出来  #####

## 7、其他的标签的使用方法可以参考以下链接 ##

## 如[HTML `<a>`标签][HTML _a] ##