李炎辉xhtml.doc

Xhtml教程 第2章HTML 基本结构 本章讲解最基本的HTML 元素，也就是创建文档结构所需的元素。例如：标题、段落、 页面分隔、注释等等。 2.1 HTML 的基本结构 html 根控制标记 head 头控制标记 title标题/title 标题标记 /head 头控制标记（尾） body 网页显示区域 /body /html 根控制标记(尾) (1).html…/html根控制标记 开头和结尾成对出现，双标签 (2).head…/head头控制标记 1.title很单纯的文件标题声明 2.meta 控制标记的动态文件转换声明 3.base 超链接网址基准参考点 4.Javascript 和VBScript 程序 5.stylesheet 可用来设置排版来的声明 6.link可引用外部文件，如CSS 排版样本 (3).title…/title设置浏览器的视窗标题 (4).body…/body页面可见内容 2.2 HTML 控制标记的格式 (1).标记名称 单一型,无设置值的。 如：br (2).标记名称属性=”属性值” 单一型，有设置值的。 如：hr width=”80%” (3).标记名称…/标记名称 对称型，无设置值。 如：title…/title (4).标记名称属性=”属性值”…/标记名称 对称型，有设置值。 如：body bgcolor=”red”…/body font size= ”7”…/font 2.3 最常用的控制标记 (1).跳行br 格式：br 无属性设置 (2).段落p 格式：p align=”排列方式”…/p 属性名称属性值说明 align left 往左靠（默认） center 往中靠 right 往右靠 (3).水平直线hr 格式：hr 属性名称属性值说明 size 像素绝对设置，以数字表示，属性值越大，线越粗 百分比相对设置，以%表示，属性值越大，线越粗 width 像素绝对设置，长度不会应视窗的改变而改变 百分比相对设置，长度会随着视窗宽度而改变 noshade 实体线 color 颜色 (4).向中对齐center (被废弃的标签) 格式：center…/center (5).背景色与文字设置 格式：body bgcolor=”背景色” text=”文字颜色” 整体页面的边距，行距 body leftmargin=”像素” topmargin=”像素” (6).标题文字设置 格式：h1…/h1 h2…/h2 h3…/h3 h4…/h4 h5…/h5 h6…/h6 属性名称属性值说明 align left 靠左 center 靠中 right 靠右 (7).特殊字符设置 格式： lt; gt; amp; “ quot; (8).在HTML 备注 格式：!--…-- (9).实体字符控制标记 1.b…/b 粗 2.i…/i 斜 3.s…/s 删 4.u…/u 下划 5.tt…/tt 电报 6.sub…/sub 下标 7.sup…/sup 上标 第3 章排列清单控制标记 排列清单控制标记可以创建一般的列表、编号列表或加着重号列表，以及定义列表。还 可以在一种列表中嵌套另一种列表。对于概括因特网上的内容，列表是非常方便的。 3.1 无序号条例式清单ul与li 格式: ul li…/li li…/li li…/li li…/li /ul 功能: ul无序条列清单的开始. /ul表示结束. li…/li表示一个项目. li的属性 属性名称属性值说明 type dise 实心圆(默认值) circle 空心圆 square 实心方块 3.3 无序列表和有序列表的结合应用 格式:ul li ol li…/li li…/li li…/li /ol /li li ol li…/li li…/li li…/li /ol /li /ul 第4 章表格 4.1 表格的基本格式 格式: table tr… th… /th th… /th th… /th /tr tr td… /td td… /td td… /td /tr /table 功能: table…/table用来声明表格开始与结束. tr…/tr用来设置表格的行. th…/th用来设置标题栏位. td…/td用来设置数据栏位. 4.2 table标签下的属性 属性名称属性值说明 Border 像素设置表格的边线 cellspacing 像素绝对设置,存储格框线宽度 百分比相对设置,存储格框线宽度 cellpadding 像素绝对设置,数据与框线的距离 百分比相对设置,数据与框线的距离 width 像素绝对设置,像素表示表格宽度 百分比相对设置,百分比表表格宽度 height 像素绝对设置,像素表示表格宽度 百分比绝对设置,百分比表表