HTML、CSS学习笔记（1）HTML入门

前言

本意是写给自己看的学习笔记，如果能恰好帮到有需要的人那最好了。我是一个接触时间不长的新手，秃头摸爬滚打中，将一些重点总结记录下来，如有错误欢迎指正。

部分内容来自www.w3school.com.cn 和相关书本教材，若有侵权请告知，将会立即修改。

HTML入门

（1）一些相关知识

网站由网页构成，网页有静态和动态之分。静态网页指的是无论用户何时访问，网页都会显示固定的信息，除非网页源代码被重新修改上传。静态网页更新不方便，但访问速度快。动态网页可以和服务器数据库进行实时的数据交换，显示的内容会随着用户操作和时间的不同而变化。

web标准主要包括结构、表现和行为三方面。结构用于对网页元素进行整理和分类，主要包括HTML（超文本标记语言）、XML和XHTML；表现用于设置网页元素的外观样式，主要指的是CSS（层叠样式表）；行为指的是网页模型的定义及交互的编写，主要包括DOM和ECMAScript。

（2）HTML简介

HTML 是用来描述网页的一种语言，称为超文本标记语言 (Hyper Text Markup Language)，HTML 不是一种编程语言，而是一种标记语言 (markup language)，标记语言是一套标记标签 (markup tag)。

HTML 使用标记标签来描述网页，在HTML页面中，带有“<>”符号的元素被称为HTML标记，也称为HTML标签或HTML元素。

HTML标签分为单标签与双标签：单标签也称空标签，只用一个标签符号即可完整地描述某个功能的标签；双标签也称体标签，指由开始和结束两个标签符组成的标签。

HTML标签可以对属性进行设置，一个标签可以拥有多个属性，必须写在开始标签中，位于标签名后面。属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开。任何标签的属性都有默认值，省略该属性则取默认值。

（3）HTML文档基本格式

"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
"http://www.w3.org/1999/xhtml">

"Content-Type" content="text/html; charset=utf-8" />

以上是HTML文档的基本格式，每个标签的具体介绍如下：

标签位于文档的最前面，用于向浏览器说明当前文档使用哪种标准规范。

标签位于标签之后，也称为根标签，用于告知浏览器其自身是一个HTML文档。在之后的一串代码“xmlns=“http://www.w3.org/1999/xhtml””用于声明XHTML统一的默认命名空间。

标签用于定义HTML文档的头部信息，也称为头部标签。一个HTML文档只能含有一个标签，绝大多数文档头部包含的数据都不会真正作为内容显示在页面中。

标签用于定义页面的源信息，可重复出现在标签中，在HTML中是一个单标签。标签有几种常用的设置，示例：

1.用于设置网页关键字。
这里name属性的值为keywords，用于定义搜索内容名称为网页关键字；content属性的值用于定义关键字的具体内容，多个关键字内容之间用“,”隔开。
2.用于设置网页描述。
这里name属性的值为description，用于定义搜索内容名称为网页描述；content属性的值用于定义描述的具体内容。
3. 用于设置网页作者。
这里name属性的值为author，用于定义搜索内容为网页作者；content属性的值用于定义具体的作者信息。
4. 用于设置字符集。
这里http-equiv属性提供参数类型，content属性提供对应的参数值。content属性的值为text/html和charset=utf-8，中间用“;”隔开，用于说明当前文档类型为HTML，字符集为utf-8（国际化编码）。
5. 用于设置页面自动刷新与跳转。
这里http-equiv属性的值为refresh，content属性的值为数值和url地址，中间用“;”隔开，用于指定在特定的时间后跳转至目标页面，该时间默认以秒为单位。