网页制作HTML总结.docVIP

第一讲 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).跳行 br 格式：br 无属性设置 (2).段落 p 格式：p align=”排列方式”…/p 属性 名称 属性值说明 align left 往左靠（默认） center 往中靠 right 往右靠 (3).水平直线hr 格式：hr 属性名称 属性值 说明 size 像素 绝对设置，以数字表示，属性值越大，线越粗 百分比 相对设置，以%表示，属性值越大，线越粗 Width 像素 绝对设置，长度不会应视窗的改变而改变 百分比 相对设置，长度会随着视窗宽度而改变 (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).font字体控制(被废弃的标签) 格式：font…/font 属性名称 属性值 说明 size 0-7 字体大小 color 英文或十六 颜色 face 字体 字体 (6).标题文字设置 格式：h1…/h1 h2…/h2 h3…/h3 h4…/h4 h5…/h5 h6…/h6 属性名称 属性值 说明 align left* 靠左 center 靠中 right 靠右 第三讲 图像基本架构 格式:img src=URL 功能:将图片插入到网页中去,单一标签 img下的属性 属性名称 属性值 说明 src URL 图片的路径 图片的注解 属性名称 属性值 说明 alt 字符串 给图片做注解 图象大小的设置 属性名称 属性值 说明 width 像素 绝对设置,宽 百分比 相对设置,宽 height 像素 绝对设置,高 百分比 相对设置,高 align top,bottom,middle,left,right(根据文本来显示图像的位置) HTMI控制标记基本格式 1、标记名称 单一型 无设置值 br 2、标记名称 属性=“属性值” 单一型 有设置值 hr width=”50%” 3、标记名称…/标记名称 对称型 无设置值 title/title 4、标记名称 属性=“属性值”/标记名称 对称型 有设置值 body bgcolor=”#06f”…/body 第四讲 表格 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 像素