一、部分基础内容h1 一级标题h2 二级标题p 段落a 超链接td 表格列tr 表格行li 标签定义列表ul 标签定义列表中的无序列表1、文件标题 <title>标题内容</title>2、文件更新 <meta>(1)10秒自动后自动更新一次<meta http-equiv=”refresh” content=10>(2)10秒后自动连接到另一文件<meta http-equiv=”refresh” content=”10;URL=要连接文件的URL”> 3、查询用表单 <isindex>若想要设定查询栏位前的提示文字：<isindex prompt=”提示文字”>4、预设的基准路径 <base><base href=”放置文件的主机URL”>二、版面1、标题文字<h#>……………</h#> #=1-6;h1为最大字 h6为最小字2、字体变化<font>…….</font>(1)字体大小<font size=#>……</font>#=1-7;数字越大字越大(2)指定字形<font face=”字形名称”>……</font>(3)文字颜色<font color=#rrggbb>……</font>rr:表示红色 gg：表示绿色 bb:表示蓝色（bb、rr、gg均表示色码）3、显示小字体<small>………</small>4、显示大字体<big>……</big>5、粗体字<b>……</b>6、斜体字<i>……</i>7、打字机字体<tt>……</tt>8、底线<u>……</u>9、删除线<strike>……</strike>10、下标字<sub>……</sub>11、上标字<sup>……</sup>12、文字闪烁效果<blink>……</blink>13、换行<br>14、分段<p>15、文字的对齐方向<p align=”#”>#号可为left（表向左对齐（预设值））center（居中对齐）right（向右对齐） <p align=”#”>之后的文字都会以所设的对齐方式显示，直到出现另一个<p align=”#”>改变其对齐方向，或遇到<hr>……<h#>标签时自动返回预设左对齐。
16、分隔线<hr>（1）分隔线的粗细<hr size=点数>（2）分隔线的宽度<hr size=点数或百分比>（3）分隔线对齐方向<hr align=”#”>(left,right,center)（4）分隔线的颜色<hr color=#rrggbb>(上面有对颜色的说明)（5）实心分隔线<hr noshade>17、像中对齐<center>……</center>18、以原始样式显示<pre>……</pre>19、<body>指令的属性（1）背景颜色—bgcolor<body bgcolor=#bbggrr>（2）背景图案—background<body background=”图形文件名”>（3）设定背景图案不会卷动—bgproperties <body bgproperties=fixed>（4）文件内容文字的颜色—text<body text=#rrggbb>（5）超链接文字颜色-link<body link=#rrggbb>（6）正被选取的超链接文字颜色—vlink<body vlink=#rrggbb>（7）已连接过的超链接文字颜色—alink<body alink=#rrggbb>20、注解<!-…………->21、特殊字元表示法符号语法< <> >& &“ "空白  三、图片1、插入图片<img src=”图片文件名”>2、设定图框<img src=”图片文件名” border=点数>3、设定图片大小—width height<img src=”图片文件名” width=宽度点数 height=亮度点数>4、设定图片上下左右留空–vspace hspace<img src=”图片文件名” vspace=上下留空点数 hspace=左右留空点数>5、圆形附注<img src=”图片文件名” alt=“说明文字”>6、预载图片<img src=”高解析度图片文件名” lowsrc=”低解析度图片文件名”>两个图的大小最好一致7、影像地图(Image Map)<img src=”图片文件名” usemap=”#图的名称”> <map name=”图的名称”><area shape=形状 cords=区域坐标列表href=”连接点的url”><area shape=形状 cords=区域坐标列表 href=“连接点的url”></map>（1）定义形状—shapeshape=rect:矩形 shape=circle:圆形 shape=poly:多边形（2）定义区域—coordsa．矩形：必须使用四个数字，前两个数字为左上角坐标，后两个数字为右下角坐标例：<area shape=rect coords=100,50,200,75 href=”url”>b.圆形：必须使用三个数字，前两个数字为圆心的坐标，最后一个数字为半径长度例：<area shape=circle coords=85,155,30 href=”url”>c.任意图形（多边形）：将图形每一转折点坐标依次填入例：<area shape=poly coords=232,12,12,32,52,12,54,12 href=”url”>四、表格1、定义表格<table>…….</table>（1）设定边框厚度—border<table border=点数>（3）设定格线的宽度—cellspacing<table cellspacing=点数>（4）调整表格高度-height<table height=点数或者百分比>（5）调整表格宽度—width<table width=点数或者百分比>（6）设定表格背景色彩—bgcolor<table bgcolor=#rrggbb>（7）设定表格边框色彩--bordercolor<table bordercolor=#rrggbb>2、显示格线<table border>3、表格标题<caption>……</caption>表格标题位置<caption align=”#”>#可为top：标题置于表格上方（默认值）bottom:下方4、定义列<tr>5、定义栏位《1》 <td>:靠左对齐《2》<th>:靠中对齐【1】水平位置——<th align=”#”>#=left,right,center【2】垂直位置————同上此时#=top，middle，bottom：向上向下向中对齐【3】栏位宽度——<th width=点数或者百分比>【4】栏位垂直合并——rowspan <th rowspan=欲合并栏位数>【5】栏位横向合并——colspan <th colspan=欲合并栏位数>五、清单（1）目录式清单<dir><li>项目1<li>项目2<li>项目3</dir> 目录式清单每一个项目不能超过20个字元（10个中文字）（2）选项式清单<menu><li>项目1<li>项目2<li>项目3</menu>（3）有序号的清单<ol><li>项目1<li>项目2</ol>【1】序号形式——type <ol type=#>或<li type=#>#号可以为大小写英文字母、大小写罗马数字、阿拉伯数字（默认值）作为项目编号【2】起始数字——start <ol start=欲开始计数的序数>【3】指定编号——value <li value=欲指定的序数>（4）无序号的清单<ul><li>项目1<li>项目2<li>项目3</ul>【1】项目符号形式——type<ul type=#>或者<li type=#>#可为disc：实心圆点（默认值） circle：空心圆点 square：实心方块【2】原始清单——plain <ul plain>【3】清单排列方式——warp《1》清单垂直排列<ul warp=vert>《2》清单水平排列<ul warp=horiz>（5）定义式清单<dl><dt>项目1<dd>项目1说明<dt>项目2<dd>项目2说明</dl>紧密排列——compact<dl compact> 如此可使<dt>的内容与<dd>的内容在同一行，仅以数格空白相隔而不换行，但若<dt>的文字超过一定长度后，紧密排列作用失效六、表单（1）基本架构<form action=”处理资料用的CGI方程式的U RL”ilto：电子信箱的U RL”method=”get或p ost”>（2）输入文件型表单<form action=”URL”method=”post”><input><input>…</form>【1】栏位类型 <input type=#>#:text:文字输入 password：密码 checkbox：多选按钮radio：单选钮 submit：接受按钮 reset：重设按钮 image：图形按钮hidden：隐藏栏位【2】栏位名称<input name=”资料栏名称”>若type为submit、reset则name不必设定【3】文件栏上的预设值<input value=”预设的字串”>【4】设定栏位的宽度 <input size=字元数>【5】限制最大输入字串的长度 <input maxlength=字元数>【6】预设checkbox或radio的初值<input type=checkbox checked><input type=radio checked>【7】指定图形的U RL<input type=image src=”图档名称”>【8】图文对齐<input type=image align=”#”>#可为top：文字对齐图片的顶端middle：文字对齐图片的中间 bottom：文字对齐图片的底部（3）选择式表单<form action=”URL”method=”post”><select><option><option>……</select></form>A、<select>的属性【1】栏位名称<select name=”资料栏位名称”>【2】设定显示的选项数<select size=个数>【3】多重选项<select multiple>B、<option>的属性【1】定义选项的传回值<option value=”传回值”>【2】预先选取的选项<option selected>（4）多列输入文字表单<form action=”URL” me thod=”post”><textarea>……</textarea></form>【1】文字区的变数名称 <textarea name=变数名称>【2】设定文字输入区宽度<textarea cols=字元数>【3】设定文字输入区高度<textarea rows=列数>【4】输入区设定预设字串<textarea>预设文字</textarea>【5】自动换行与否<textarea warp=#> off:表输入文字超过栏宽时，不会自动换（默认值） virtual：表输入的文字在超过栏宽时会自动换行七、链接（1）连接至其他文件<a href=”URL”>说明文字或者图片</a>（2）连接至本文件的某一处（外部连接）《1》起点<a href=”档名#名称”>………</a>《2》终点<a name=”名称”>（3）frame的超链接【1】开启新的浏览器来显示连接文件<a href=”URL” target=_blank>【2】显示连接文件于目前的frame <a href=”URL” target=_self>【3】以上一层的分割视窗显示连接文件<a href=”URL” target=_parent>【4】以全视窗显示链接文件<a href=”URL” target=_top>【6】以特定视窗显示连接文件<a href=”URL” target=”特定视窗名称”>八、FRAME（1）分割视窗指令<frameset>……</frameset>【1】垂直（上下）分割<frameset rows=#>#可为点数，如果想要分割100，200，300三个视窗，则<frameset rows=100,200,300>也可以用*号代表 <frameset rows=*,500,*> 还可用百分比【2】水平分割 <frameset cols=点数或者百分比>（2）制定视窗内容<frameset cols=30%,70%> <frame> <frame> </frameset> 【1】指定视窗的文件名称 <frame src=html档名>【2】定义视窗的名称<frame name=”视窗名称”>\【3】设定文件与上下边框的距离<frame marginheight=点数>【4】设定文件与左右边框的距离<frame marginwidth=点数>【6】设定分割视窗卷轴<frame scrolling=#>#可为yes：固定出现卷轴 no:不出现卷轴auto：自动判断文件大小需不需要卷轴）（默认值）【7】锁住分割视窗的大小<frame noresize>八、meta（1）name 属性1、<meta name="Generator" contect="">用以说明生成工具（如Microsoft FrontPage 4.0）等；2、<meta name="KEYWords" contect="">向搜索引擎说明你的网页的关键词；3、<meta name="DEscription" contect="">告诉搜索引擎你的站点的主要内容；4、<meta name="Author" contect="你的姓名">告诉搜索引擎你的站点的制作的作者；5、<meta name="Robots" contect= "all|none|index|noindex|follow|nofollow">其中的属性说明如下：设定为all：文件将被检索，且页面上的链接可以被查询；设定为none：文件将不被检索，且页面上的链接不可以被查询；设定为index：文件将被检索；设定为follow：页面上的链接可以被查询；设定为noindex：文件将不被检索，但页面上的链接可以被查询；设定为nofollow：文件将不被检索，页面上的链接可以被查询。