一、HTML概述
1、什么是HTML?
HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言: HyperText Markup Language
HTML 不是一种编程语言,而是一种标记语言
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
HTML 文档包含了HTML标签及文本内容
HTML文档也叫做web 页面
2、HTML 标签
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
HTML 标签是由尖括号包围的关键词,比如
HTML 标签通常是成对出现的,比如 和
标签对中的第一个标签是开始标签,第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签
内容标签>
3、HTML 元素
"HTML 标签" 和 "HTML 元素" 通常都是描述同样的意思.
但是严格来讲, 一个 HTML 元素包含了开始标签与结束标签,如下实例:
HTML 元素:
这是一个段落。
4、HTML 结构
#设置网页编码为UTF-8
Title #设置网页标题,将会显示在网页标签上
DOCTYPE 声明了文档类型
这对标签中是html网页所有代码
二、HTML标签
1、head标签中的标签
(1)meta标签
#3秒后自动刷新#3秒后自动跳转到url所设定的地址#关键字,用于被搜索引擎收录#网站描述信息 #兼容性设置,从高到低兼容IE10,9,8,7以上的标准
(2)link标签
#外链css,href中写css文件的路径 #title图标,href中写图标文件路径
(3)stytle、script标签
#内嵌js代码 #内嵌css代码
#外联js文件
2、body标签中的标签
(1)标签分类
所有的标签分为两类,一类是块级标签,一种是行内标签。
块级标签:标签单独占一行
行内标签:标签中内容有多长,就占多长
(2)特殊符号
html中特殊符号需要使用代码来标识
´
´
©
©
>
>
µ
µ
®
®
&
&
°
°
¡
¡
»
»
¦
¦
÷
÷
¿
¿
¬
¬
§
§
•
•
½
½
«
«
¶
¶
¨
¨
¸
¸
¼
¼
<
<
±
±
×
×
¢
¢
¾
¾
¯
¯
“
"
™
™
€
€
£
£
¥
¥
„
„
…
…
·
·
›
›
ª
ª
ˆ
ˆ
“
“
—
—
’
’
º
º
†
†
‹
‹
–
–
‚
‚
”
”
‡
‡
‘
‘
‰
‰
˜
˜
≈
≈
⁄
⁄
←
←
∂
∂
♠
♠
∩
∩
≥
≥
≤
≤
″
″
∑
∑
♣
♣
↔
↔
◊
◊
′
′
↑
↑
↓
↓
♥
♥
−
−
∏
∏
♦
♦
∞
∞
≠
≠
√
√
≡
≡
∫
∫
‾
‾
→
→
α
α
η
η
μ
μ
π
π
θ
θ
β
β
γ
γ
ν
ν
ψ
ψ
υ
υ
χ
χ
ι
ι
ω
ω
ρ
ρ
ξ
ξ
δ
δ
κ
κ
ο
ο
σ
σ
ζ
ζ
ε
ε
λ
λ
φ
φ
τ
τ
Α
Α
Η
Η
Μ
Μ
Π
Π
Θ
Θ
Β
Β
Γ
Γ
Ν
Ν
Ψ
Ψ
Υ
Υ
Χ
Χ
Ι
Ι
Ω
Ω
Ρ
Ρ
Ξ
Ξ
Δ
Δ
Κ
Κ
Ο
Ο
Σ
Σ
Ζ
Ζ
Ε
Ε
Λ
Λ
Φ
Φ
Τ
Τ
ς
ς
HTML 原代码
显示结果
描述
<
<
小于号或显示标记
>
>
大于号或显示标记
&
&
可用于显示其它特殊字符
"
“
引号
®
®
已注册
©
©
版权
™
™
商标
半个空白位
一个空白位
不断行的空白
(3)各种标签
Title
这是一个段落
这是H1标签
这是H2标签
这是H3标签
这是H4标签
这是H5标签
这是H6标签
这是一个span标签这又是一个span标签
这是一个div标签
这又是一个div标签