HTML标签基础知识浅析.doc

1 HTML基本结构 1.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页面可见内容 1.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 实体线 (4).背景色与文字设置 格式：body bgcolor=”背景色” text=” 文字颜色” 整体页面的边距，行距 body leftmargin=”像素” topmargin=” 像素” (5).标题文字设置 格式：h1…/h1 h2…/h2 h3…/h3 h4…/h4 h5…/h5 h6…/h6 属性名称 属性值 说明 align left 靠左 center 靠中 right 靠右 (6).在 HTML 备注 格式：!--…-- (7).实体字符控制标记 1.b…/b 粗 2.i…/i 斜 3.s…/s 删 4.u…/u 下划 5.tt…/tt 电报 6.sub…/sub 下标 7.sup…/sup 上标 (8).语意字符控制 1.address…/address 地址 2.big…/big 大字 3.del…/del 删除 4.ins.../ins 修改 5.samll…/small 小字 6.strong…/strong 加强语气(加粗) 7.em.../em 加强语气(倾斜) (9).font字体控制 (被废弃的标签，现在一般用样式CSS来控制字体的相关设置，后面会专门学的) 格式：font…/font 属性名称 属性值 说明 size 0-7 字体大小 color 英文或十六 颜色 face 字体 字体 2 表格 2.1 表格的基本格式 格式: table tr … th… /th th… /th th… /th /tr tr td… /td td… /td td… /td /tr /table 功能: table …/table 用来声明表格开始与结束. tr …/tr用来设置表格的行.