全新HTML知识点汇总.doc

HTML知识点汇总 HTML基础知识 HTML简介 HTML(Hypertext Markup Language)，超文本标记语言，HTML利用各种标记来标识文档的结构以及标识超链接的信息。它是从SGML(Standard Generalized Markup Language，标准通用标识语言)中的一个子集演变而来的。 HTML的标记组成 HTML用于描述功能的符号称为“标记”。标记在使用时必须用尖括号“”括起来，而且是成对出现的，无斜杠的标记表示该标记的作用开始，有斜杠的标记表示该标记的作用结束。如body/body、p/p等 单标记：有些标记能完整的表达标记里的意思，只须在尖括号中输入标记名即可，这类标记叫单标记。XHTML中要求单标记也必须闭合，即在标记“”前添加斜杠。常见的单标记如br /、hr /等。 双标记：双标记有头有尾，且前面的标记与后面的标记保持一致，但在后面的标记前有斜线，语法形如：标记内容/标记。例如：p段落/p XHTML要求所有标记均为小写，且所有标记属性必须添加双引号 标记对不能交叉 HTML基本结构 html head title网页标题/title /head body !--下面是网页的正文-- /body /html title标记对不能放在body标记对中，同理，其它表示内容的标记也不能放在head标记对中 html/html表示HTML语言，在html/html里面包含头部(head/head)和内容体(body/body)。 HTML注释表示为!--注释内容-- 文字与图像 设置文字字体、大小与颜色 语法：font face=”宋体” size=”1” color=”red”文字/font 设置文字的字体、大小、颜色需要使用font标签 Face属性设置文字字体，多种字体用逗号隔开 Size属性设置文字大小 Color属性设置文字颜色，参数值可以是RGB颜色值，如#000000，也可以用颜色的单词表示，如red 设置正文的标题 语法：h#主题文字/h#，其中“#”代表数字1-6中的任意一个，从数字1到数字6，标题大小排列由大到小(数字越大，标题字号就越小)。 设置段落 语法：p这里表示段落/p 强制换行与不换行 强制换行：br / 强制不换行：nobr / 字体标记 物理字体 b…/b 设置成粗体 i…/i 设置成斜体 u…/u 增加下划线 s…/s 增加删除线 sup…/sup 设置成上标字体 sub…/sub 设置成下标字体 tt…/tt 设置成打字机字体 逻辑字体 em…/em 强调文字 strong…/strong 字体加重 code…/code 显示编程代码 samp…/samp 显示救命文字 kbd…/kbd 显示键盘按键文字 small…/small 缩小文字 big…/big 放大文字 文字对齐 文字对齐使用标签的align属性，例如：p align=”#”对齐文字/p，其中“#”代码表示方位，可选择”left”(向左)、”right”(向右)、”center”(居中)。Align属性可用于p、div、table、td等标签。 居中对齐可使用center标签，例如：center居中文字/center 列表 无序列表 ul type=”#” li表项一/li li表项二/li /ul Type=”#”取值可为disc(默认，实心黑点)、square(实心黑方块)、circle(空心圆) 有序列表 ol type=”#” li表项一/li li表项二/li /ol Type=”#”取值可为A、a、I、i、1等 定义列表 dl dt项目/dt dd描述一/dd dd描述二/dd /dl dt标签定义了定义列表中的项目，dd标签在定义列表中定义条目的定义部分，可以理解为对定义条目进行特征描述。 无序列表、有序列表、定义列表间可以相互嵌套，但一定要注意嵌套时不能交叉 其它方式修饰文本 欲格式化文本：pre…/pre 代码样式斜体字渲染：var…/var 表示它所包含的文本对某个参考文献的引用：cite…/cite 图像 插入图像基本语法：img src=”#” /，其中#代表图像的URL路径，示例：img src=”c.jpg” / 图像无法显示时的提示信息，使用alt属性，如：img src=”c.jpg” alt=”风景” / 图像的大小：img src=”c.jpg” width=”400px” height=”300px” /，width属性定义图像的宽度，height属性定义图像的高度 图像和文字对齐：img src=”c.jpg” align=”top” /