HTML基本结构

最新推荐文章于 2025-07-15 21:04:18 发布

原创最新推荐文章于 2025-07-15 21:04:18 发布 · 2.3k 阅读

2 ·

CC 4.0 BY-SA版权

- HTML

HTML

HTML是Hyper Text Markup Language的缩写，即“超文本标记语言”，是一种解释性语言，用于制作网页界面，使用该语言编写的网页最终被浏览器解释执行。

1、HTML基本结构

<html>
    <head>

    </head>
    <body>

    </body>
</html>

html:用来标记HTML文档的开始和结束
head:用来标记HTML文档的头部开始和结束
body:用来标记HTML文档的主体开始和结束

head之间的子标签：
1、 title标签：设置的页面标题
2、meta标签：提供关于页面的元信息

a、设定字符集，语法结构：<meta http-equiv="Content-Type" content="text/html; charset=value"/>  
b、设定关键字，语法结构：<meta name="keywords" content=" keywords1, keywords2,……"/>  
c、设定描述，语法结构：<meta name="description" content="value"/>  
d、设定自动刷新，语法结构：<meta http-equiv="refresh" content="时间（单位：秒）"/> 
e、设定自动跳转，语法结构：<meta http-equiv="refresh" content="时间（单位：秒）; url=跳转目标地址"/>

3、base标签：为页面上的所有链接（包括 a、img、link、form 标签中的 URL）规定默认地址或默认目标，该标签必须位于 head 标签内部。
4、除了上述标签还可以有以下标签：style、link、script等等标签，这些标签后续为大家逐一介绍。

2、 HTML标签

HTML标签指使用尖括号括起来的关键字，分为单标签和双标签

单标签：标签单独出现，语法：<标签名/>，比如<br/>。可以没有标签反斜线，即<br>也可以，但是这样不符合W3C规范
双标签：标签成对出现，语法：<标签名>内容</标签名>

3、HTML标签属性

HTML标签属性放在起始标签的尖括号内，如果有多个属性，则使用空格分开，语法结构：

单标签：
<标签名属性名1="属性值1"　属性名2="属性值2" ... 属性名N="属性值N"/>
双标签：
<标签名属性名1="属性值1"　属性名2="属性值2" ... 属性名N="属性值N">内容</标签名>
1、属性之间使用空格间隔；
2、属性出现的先后顺序没有要求；
3、某些属性值可以不使用双引号引起来；但为了符合W3C标准，要求所有的属性值都使用双引号引起来；