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>
加删除线
段落标记
1. 文字<BR>（强制换行标记）
2. 文字<P>（强制换段标记）
3. <P  align=对齐方式>文字</P>（设置段落标记）
4. 水平线
<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。
设定图片的布局
1. 设置图像的对齐方式
<P  align=left、center或right><IMG  scr=”图像的文件名”></P>
居中也可以这样表示<center><IMG  scr=”图像的文件名”></center>
2. 设置图像与文本间的关系
（1） 设置图像与文本间的空白
<IMG>中hspace和vspace可实现该功能
（2） 文本与图像在垂直方向上的对齐
文本<IMG  scr=”图片文件名”  align=”对齐方式”>文本（align可取top、middle、bottom）
（3） 文本环绕图像
<IMG  scr=”图片文件名”  align=”对齐方式”>文本（align可取left、right）
取消文本环绕
<BR  clear=left或right或all>
表格标记
建立简单的表格
<TABLE>
<TR><TH>表头1</TH><TH>表头2</TH>……<TH>表头n</TH></TR>
<TR><TD>表头1</TD><TD>表头2</TD>……<TD>表头n</TD></TR>
……
<TR><TD>表头1</TD><TD>表头2</TD>……<TD>表头n</TD></TR>
</TABLE>
给表格加上标题
<CAPTION  align=left/right/center/top/bottom  valign=top/bottom>
表格属性设置
（1）<TABLE>标记的属性设置
    <TABLE  border=”n”  width=x或x%  height=y或y%  cellspacing=”i”  cellpadding=”j”  align=”水平对齐方式”  valign=”垂直对齐方式”  background=”背景图片”  bgcolor=”背景颜”  bordercolor=”边框颜”>
    cellspacing设定表格格线厚度，单位是像素。 Cellpadding设定表格内文字内容与表格线的距离，单位是像素。background 、bgcolor不要同时使用。
（2）<TR>标记的属性设置
    <TR  width=x或x%  height=y或y%  align=”水平对齐方式”  valign=”垂直对齐方式”  bgcolor=”背景颜”  bordercolor=”边框颜”>
（3）<TD>标记的属性设置
<TD  width=x或x%  height=y或y%  colspan=”i”  rowspan=”j”  align=”水平对齐方式”  valign=”
垂直对齐方式”  background=”背景图片”  bgcolor=”背景颜”  bordercolor=”边框颜”>html colspan属性
Colspan设定当前单元格向右打通的栏数。即合并的列数。
rowspan设定当前单元格向下打通的列数。即合并的行数。
表格的分组显示
（1） 按行分组
<TABLE>
<THEAD>表头</THEAD>
<TFOOT>表尾</TFOOT>
<TBODY>表体1</TBODY>
……
<TBODY>表体n</TBODY>
</TABLE>
（2） 按列分组
<COLGROUP>列组可以包括一个或多个列<COLGROUP  span=x  width=y>
<COL>标记可以设定一列的属性<COL  span=x  width=y>（span取0以上的值，用于指定所含的列数，指本列及后续x-1列）
表格边框和分隔线的显示控制
<TABLE  frame=属性值>
    属性值可以为box（显示所有的4个边框）、above（只显示上边框）、below（只显示下边框）、hsides（只显示上、下边框）、vsides（只显示左、右边框）、lhs（只显示左边框）、rhs（只显示右边框）、void（不显示任何边框）。
<TABLE  rules=属性值>
属性值可以为all（显示所有分隔线）、groups（只显示组与组之间的分隔线）、rows（只显示行与行之间的分隔线）、cols（只显示列与列之间的分隔线）、none（不显示任何分隔线）。
超链接标记
<A  href=”地址”  name=”书签名”  target=”打开窗口方式” >热点</A>
target用于设定链接被按后结果所要显示的窗口。可选值为_blank、_parent、_self、_top、框架名称。
target=” _blank”或target=” _new”：将链接的画面内容开在新的浏览器窗口中。
target=” _parent” ：将链接的画面内容显示在直接父框架窗口中。
target=” _self” ：将链接的画面内容显示在当前窗口中（默认值）。
target=” _top” ：将链接的画面内容显示在没有框架的窗口中（即除去了框架）
target=” 框架名称” ：将链接的画面内容显示在指定的框架中。
页面链接
<A  href=”url”>字符串</A>
根据目标文件和当前文件的目录关系，有四种写法：
（1） 链接到同一目录内的网页文件
<A  href=目标文件名.html>热点文本</A>
（2） 链接到下一级目录中的网页文件
<A  href=子目录名/目标文件名.html >热点文本</A>
（3） 链接到上一级目录中的网页文件
<A  href=../目标文件的路径/目标文件名.html >热点文本</A>
（4） 链接到同一级目录中的网页文件
<A  href=../子目录名/目标文件名.html >热点文本</A>
书签链接
制作书签链接的方法:
1 首先在需要跳转到的目标位置设置标记，即书签，设置格式为：
<A  href=”书签名称”>text</A>（text可有可无）
2 做好书签标记后，在跳转调用处定义超链接，格式为：
<A  href=”#书签名称”>text</A>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。