一、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标签