一.html
html是用来描述网页的一种语言。
- HTML 指的是超文本标记语言 (Hyper Text Markup Language)
- HTML 不是一种编程语言,而是一种标记语言 (markup language)
- 标记语言是一套标记标签 (markup tag)
- HTML 使用标记标签来描述网页
HTML 文档 = 网页
- HTML 文档描述网页
- HTML 文档包含 HTML 标签和纯文本
- HTML 文档也被称为网页
Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容
二.html5的相关概念与基本结构
1.相关概念
一个html5文件由一系列的元素和标签组成。
(1)元素
HTML 文档是由 HTML 元素定义的。
HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。
元素:title(文件标题) 、img(图像) 、table(表格)等,元素名不区分大小写。
HTML 元素语法
- HTML 元素以开始标签起始
- HTML 元素以结束标签终止
- 元素的内容是开始标签与结束标签之间的内容
- 某些 HTML 元素具有空内容(empty content)
没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。<br> 就是没有关闭标签的空元素(<br> 标签定义换行)。
- 空元素在开始标签中进行关闭(以开始标签的结束而结束)
- 大多数 HTML 元素可拥有属性
(2)标签
标签:规定元素的属性和它在文件中的位置。标记文档和元素。分为单独标签和成对标签。大小写及混写均可,但最好小写。
①单独标签:<元素名称>
如<br>,在该标签所在位置换行
②成对标签:首标签+尾标签
语法:
<元素名称>要控制的元素</元素名称>
<元素名称 属性1="值1" 属性二="值2"......>要控制的元素</元素名称>
注:设置属性值的""可忽略
例:
<title>happyxx</title>
2.基本结构
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>happyxx</title>
</head>
<body>
<h1>hello!</h1>
<p>happy everyday</p>
</body>
</html>
相关的标签及定义:
标签 | 描述 |
---|---|
<!DOCTYPE> | 定义文档类型。 |
<html> | 定义 HTML 文档。 |
<head> | 定义关于文档的信息。 |
<title> | 定义文档的标题。 |
<body> | 定义文档的主体。 |
<h1> to <h6> | 定义 HTML 标题。 |
<p> | 定义段落。 |
<br> | 定义简单的折行。 |
<hr> | 定义水平线。 |
<!--...--> | 定义注释。 |
(1)<head></head>:定义文件头部分,规定该文件的标题,显示在浏览器标题栏中
(2)<title></title>:浏览器会以特殊的方式来使用标题,并且通常把它放置在浏览器窗口的标题栏或状态栏上。同样,当把文档加入用户的链接列表或者收藏夹或书签列表时,标题将成为该文档链接的默认名称。嵌套在<head></head>中使用。
(3)<meta>:元信息标签
<meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。<meta> 标签位于文档的头部,不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。
<meta> 标签永远位于 head 元素内部,且一个html头页面中可出现多次。
属性 | 值 | 描述 |
---|---|---|
charset | character_set | 规定 HTML 文档的字符编码。 |
content | text | 定义与 http-equiv 或 name 属性相关的元信息。 |
http-equiv |
| 把 content 属性关联到 HTTP 头部。 |
name |
| 把 content 属性关联到一个名称。 |
scheme | some_text | 定义用于翻译 content 属性值的格式。 |
(4)<body></body>:网页主体部分
(5)<h1> to <h6>:定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题。其中<h1>只能出现一次。
(6)<p></p>:定义段落,可在其中使用<br/>换行。
参考:HTML5 简介