网页设计与制作（一）

一、什么是HTML

1.HTML文档基本格式
a..<!DOCTYE>标记：位于文档的最前面，用于向浏览器说明当前文档使用哪种HTML或XHTML标准规范。
必须在开头处使用<!DOCTYPE>标记为所有的XHTML文档指定XHTML版本和类型，只有这样
浏览器才能将该网页作为有效的XHTML文档，并指定的文档类型进行解。 <！DOCTYE>标记和浏览器 的兼容性相关。
b.《html》标记:位于<!DOCTYPE>标记之后，也称为根标记，用于告知浏览器其自身是一个HTML文档，标记着HTML文档的开始，《/html》标记标志着HTML文档的结束，在它们之间的事文档的头部和主题内容。
在《html》之后有一串代码“xmlns=“hppt//：www.w3.org/1999/xhtml""用于声明XHTML统一的默认命名空间。
c.《head》标记：用于定义HTML的头部信息，也称为头部标记，紧跟在《html》之后，主要用来封装其他位于文档头部的标记，例如《title》、《metal》、《link》及《style》等，用来描述文档的标题、作者以及和其他文档的关系等。一个HTML文档只能含有一对《head》，绝大多数文档头部的数据都不会真正作为内容显示在页面中。
d.《body》标记：用于定义HTML文档所要显示的内容，也称为主体标记。《body》标记中的信息才是最终展示给用户看的。一个HTML文档只能含有一对《body》标记，且《body》标记必须在《html》标记之内，位于《head》头部标记之后，与《head》标记是并列关系。
2.HTML标记
在HTML页面中，带有”<>"符号的元素被称为HTML标记。
a.单标记和双标记
标题标记《h2》《/h2》、水平线标记《hr/》、段落标记《p》。
双标记：《标记名》内容《/标记名》 关闭符：/
单标记：空标记.用一个标记符号即可完整的描述某个功能的标记。
b…注释标记：《！–注释语句–》不会显示在浏览器窗口中，但是作为HTML文档内容的一部分，也会被下载到用户的计算机上，查看源代码时就可以看到。
注释标记中不能嵌套语句。
3.标记的属性
a.《标记名 属性1=“属性值1” 属性2=“属性值2”…》内容《/标记名》
标记名与属性、属性与属性之间均以空格分开。
b…标记的嵌套：在《p》标记中包含《font》标记，同时外层的《font》标记中又包含了一个内层的《font》标记。必须先结束最靠近内容的标记，再按照由内及外的顺序依次关闭标记。
加粗标记：《strong》、倾斜标记：《em》
4.HTML文档头部
a.设置页面标题标记《title》
《title》网页标题名称《/《title》 内容显示在浏览器窗口的标题栏中
b.定义页面元信息标记《meta/》 （ 单标记）
用于定义页面的元信息，可重复出现在《head》头部标记中。本身不包含任何内容，通过"名称/值“的形式成对地使用其属性可定义页面的相关参数。
c.引用外部文件标记《link》
《link 属性=”属性值“/》
d.内嵌样式标记《style》
《style 属性=”属性值“》样式内容《/style》 用于为HTML定义样式信息，位于《head》头部标记中

二、HTML文本控制标记

1.标题和段落标记
a.标题标记：6个等级标题：《h1》、《h2》、《h3》、《h4》、《h5》、《h6》
《hn align=”对齐方式“》标题文本《/hn》
left：左对齐
center：居中对齐
right：右对齐
b.段落标记
《p align·=”对齐方式“》段落文本《/p》
c.水平线标记《hr/》（单标记）
《hr 属性=”属性值“ /》
align：对齐方式 默认为居中对齐
size：粗细 以像素为单位，默认为2像素
color：颜色 可用颜色名称、十六进制#RGB、rgh（r，g，h）
width：宽度 可以是确定的像素值，也可以是浏览器窗口的百分比，默认为100%
d.换行标记《br/》
不能取代《h》、《p》
2.文本样式标记
HTML提供了文本样式标记《font》，用来控制网页中文体的字体、字号和颜色。
《font 属性=”属性值“》文本内容《/font》
face：字体 微软雅黑、黑体、宋体等
size：大小 可以取1~7之间的数字
color：颜色
3.文本格式化标记
《b》《/b》和《strong》《/strong》：粗体
《i》《/i》和《em》《/em》：斜体
《s》《/s》和《del》《/del》：加删除线
《u》《/u》和《ins》《/ins》：加下划线
4.特殊字符标记