HTML基本结构与标记.doc

目录 1 HTML基本结构 1 2 列表控制标记 4 3 表格 6 4 图像 9 5 超链接 10 6 表单 12 7 框架 13 8 多媒体 15 9 其他标记 16 1 HTML基本结构 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 HTML控制标记的格式 (1).标记名称 单一型,无设置值的。 如：br (2).标记名称 属性=”属性值” 单一型，有设置值的。 如：hr width=”80%” (3).标记名称…/标记名称 对称型，无设置值。 如：title…/title (4).标记名称 属性=”属性值”…/标记名称 对称型，有设置值。 如：body bgcolor=”red”…/body font size=”7”…/font 3 最常用的控制标记 (1).跳行 br 格式：br 无属性设置 (2).段落 p 格式：p align=”排列方式”…/p 属性名称 属性值 说明 align left 往左靠（默认） center 往中靠 right 往右靠 (3).水平直线 hr 格式：hr 属性名称 属性值 说明 size 像素 绝对设置，以数字表示，属性值越大，线越粗 百分比 相对设置，以%表示，属性值越大，线越粗 width 像素 绝对设置，长度不会应视窗的改变而改变 百分比 相对设置，长度会随着视窗宽度而改变 noshade 实体线 (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 上标 (10).语意字符控制 1.address…/address 地址 2.big…/big 大字 3.del…/del 删除 4.ins.../ins 修改 5.samll…/small 小字 strong…/strong 加强语气(加粗) em.../em 加强语气(倾斜) (11).font字体控制 (被废弃的标签) 格式：font…/font 属性名称 属性值 说明 size 0-7 字体大小 color 英文或十六 颜色 face 字体 字体 (12).格式化 格式：pre…/pre 让书写的