HTML的书写方法.docx

HTML文件头 HEAD标题名/HEAD META标记的格式： META name=”选项名” http-equiv=”字符串” name属性主要用于描述网页，其常用的选项有GENERATOR（说明制作网页所用的编辑工具）, Keywords（告诉搜索引擎本网页的关键字是什么）, description（告诉搜索引擎本网页的主要内容）, robots, author等。 http-equiv相当于http的文件头作用。常用选项：Content-Type（说明网页所使用的字符集）、Expires（设定网页到期时间）、Refresh（自动刷新并指向新页面）等。 HTML文件主体 BODY background=”文件名” bgcolor=”颜色值” text=”颜色值” link=”颜色值” vlink=”颜色值” alink=”颜色值” 网页的内容/BODY background 设置网页的背景图像 bgcolor 设置网页的背景颜色 text 设置文本的颜色 link 设置尚未被访问过的超文本链接的颜色 vlink 设置已被访问过的超文本链接的颜色 alink 设置超文本链接在被访问瞬间的颜色 标题文字标记 Hn align=对齐方式标题文字/Hn 注：n取值1~6的整数值，1文字最大，6文字最小 文字标记 FONT size=数字 face=字体名 color=颜色被设置的文字/FONT size取值1~7,1时文字最小，7时文字最大 设置各种字型的标记 B受影响的文字/B粗体I受影响的文字/I斜体U受影响的文字/U加下划线TI受影响的文字/TI标准打印机字体BIG受影响的文字/BIG大型字体SMALL受影响的文字/SMALL小型字体BLINK受影响的文字/BLINK闪烁效果SUB受影响的文字/SUB下标SUP受影响的文字/SUP上标STRIKE受影响的文字/STRIKE加删除线段落标记 文字BR（强制换行标记） 文字P（强制换段标记） P align=对齐方式文字/P（设置段落标记） 水平线 HR align=”对齐方式” size=”横线粗细” width=”横线长度” color=”横线颜色” noshade width（线条长度）可以是绝对值（以像素为单位）或相对值（相对于当前浏览器窗口的百分比）。 noshade设定线条为平面显示（没有三维效果），若缺省，则有阴影或立体效果。 无序列表 UL type=符号类型 LI type=符号类型第一个列表项 LI type=符号类型第一个列表项 。。。。。。 /UL type指定每个表项左端的符号类型，可为disc（实心圆点）、circle（空心圆点）、square（方块）还可以自己设置图片如：LI img scr=mygraph.gif 有序列表 OL type=符号类型 LI type=符号类型第一个表项 LI type=符号类型第二个表项 。。。。。。 /LI type可设定5种序号：数字（type=1）、大写英文字母（type=A）、小写英文字母（type=a）、大写罗马字母（type=I）、小写罗马字母（type=i）。缺省的序号标记是数字。 注：列表可嵌套 图片标记 IMG scr=”图片文件名” alt=”简单说明” width=”图片的宽度” height=”图片的高度” hspace=”水平方向空白” vspace=”垂直方向空白” border=”边框宽度” align=”对齐方式” scr指出要加入的图片得文件名。若图片文件与该HTML文件出浴同一目录。则只写上文件名称，否则必须加上正确路径，相对路径或绝对路径。 alt用于描述该图形的文字，若浏览器无法显示图片则以这些文字代替该图片 align用于调整图片旁边文字的位置，可选值为：top、middle、bottom、left、right。 设定图片的布局 设置图像的对齐方式 P align=left、center或rightIMG scr=”图像的文件名”/P 居中也可以这样表示centerIMG scr=”图像的文件名”/center 设置图像与文本间的关系 设置图像与文本间的空白 IMG中hspace和vspace可实现该功能 文本与图像在垂直方向上的对齐 文本IMG scr=”图片文件名” align=”对齐方式”文本（align可取top、middle、bottom） 文本环绕图像 IMG scr=”图片文件