HTML 基本概念
HTML
是一种标准化的标记语⾔,由一套标记标签(markup tag)
组成。Web
前端开发人员的一项主要工作就是利用HTML
标签来编写⽹页,将文本、超链接、图片、语音、视频等各种内容整合起来,实现绚丽多姿的网页。
下面是大家需要记住的关于HTML
的一些基本描述:
HTML
标记标签,通常简称HTML
标签;
HTML
文档,通常简称HTML
页面、网页等;
HTML5
能够较好的兼容HTML
之前版本,但也废弃了一些旧的HTML
特性。
基本的HTML结构
这是一个最基本HTML
页面:
Hello World
这是一个一级标题
这是第1个段落。
这是第2个段落。
显示效果如下:
其中:
、
,
,
,
,
等都是
HTML
标签;
这是第1个段落。
,这是一个一级标题
等都是HTML
元素;
bgcolor="yellow"
、align="center"
都是HTML
元素的属性。
那么HTML
标记和HTML
元素,到底有何区别呢?HTML
元素的属性又是什么呢?
HTML 标签
HTML
标签由一对尖括号、标签名,以及反斜杠组成,包括开始标签和结束标签两类:
开始标签的格式:<标签名>
。
结束标签的格式:标签名>
。
因此,
,
,
等都是开始标签;
,
,
HTML 元素
HTML
元素是由HTML
开始标签、元素内容、HTML
结束标签,以及各种HTML
属性组成的嵌套式HTML
内容单元。
典型的HTML
元素的格式:
<标签名>
元素内容
标签名>
因此,
一个HTML
文档,即...
就是一个最大的HTML
元素;
......
,
也都是HTML
元素(其中...
表示两个标记之间的所有内容)。
HTML 属性
属性提供了有关HTML
元素的更多的信息。
HTML
属性位于开始标签,其基本的结构如下:
<标签名 属性名="属性值">
元素内容
标签名>
下面是关于属性的一些要点:
属性在开始标签中规定;
属性是以名称/值对的形式出现,比如:name="value"
;
一个标签可以包含多个属性;
HTML
属性不会展现到网页上。
本例中,bgcolor
属性代表主体(body
)部分的颜色;align
属性代表对齐方向,其值有:
align属性值 | 含义 |
---|---|
center | 居中对齐 |
right | 右对齐 |
left | 左对齐 |
提示:
属性使用小写英文字母更加符合规范;
属性值可以用双引号或单引号包含,例如:title=' 他说"你好" '
这种情况,属性值如果包含双引号,那么最外层就用单引号。
我们还会用到一些常用的属性,如下表所示:
| 属性 | 值 | 含义
| ------------ | -----------
| class | 自定义的元素类名 | 元素的类名
| id | 自定义的元素id名 | 元素的唯一的id
| style | 元素内联样式 | 元素的样式
| title | 额外信息内容 | 元素的额外信息
本关的任务是编写一个简单的HTML
页面,这个网页包含一个标题和一个段落。显示效果如下:
代码如下:
Hello world
Hello World
动手改变世界