使用前端技术展现Web系统(蓝桥杯软件大赛培训教材-Java方向)
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

1.3 HTML标签和属性

本节我们会简要介绍HTML文档中两个最基本的概念——标签和属性。

1.3.1 HTML标签

所有HTML标签都有一个标签名称,有些标签还有一个可选的属性列表。这些标签在使用时必须用尖括号“<”和“>”括起来,而且一般都是成对出现的,无斜杠的标签表示该标签的作用是开始,有斜杠的标签表示该标签的作用是结束。

HTML标签是大小写无关的,<HTML>跟<html>表示的意思是一样的,W3C(World Wide Web Consortium ,万维网联盟,制定Web规范的权威组织)标准推荐使用小写。

HTML标签有两种形式:

    <标签名>内容</标签名>
    <标签名/>

● 双标签

双标签指标签是成对出现的,也就是有一个开始标签和一个结束标签,开始标签用<标签名>表示,结束标签用</标签名>表示,这样的一对标签才能表示一个具体的含义。例如<html></html>表示一个HTML文档。

● 单标签

单标签指标签不是成对出现的,也就是只要一个标签就能表示一个具体的含义,例如<br>表示换行、<hr>表示创建一条水平线。为了符合W3C规范,单标签必须在标签后面加一个斜杠,即<br />、<hr />,所以单标签通用格式为<标签名 />。

1.3.2 HTML属性

HTML属性一般出现在HTML标签中,是HTML标签的一部分,属性能对标签进行补充说明。例如,如果在一行文本中采用标题标签<h1>。

    <h1>学习《使用前端技术展现Web系统》课程</h1>

可以用属性进一步指定文本居中显示。

    <h1 align="center">学习《使用前端技术展现Web系统》课程</h1>

所有属性都放在起始标签的尖括号内,并相互用空格分开。有些属性要求用引号,有些则不要求,大多数属性(只包括字母、数字、连字符和点号的)可以不需要引号。例如,可以写成align=center或align = "center",所有浏览器均能用相同方式显示。但是,包括空格、%、#等其他字符的属性值则需要用引号。例如用width属性表示文档元素占文档窗口宽度的百分数,则必须写成width="100%"。但同样是为了符合W3C标准,要求所有的属性值都使用引号。

在一个标签中可以设置多个属性,语法形成如下:

    <标签名  属性名1="属性值1"  属性名2="属性值2"... 属性名N="属性值N">内容</标签名>

有多个属性说明标签时,它们出现的先后顺序无关紧要,不影响页面显示的结果。