html简明手册
老师的PPT东西太多了,于是小结了一些,写了个文档,不管有没有有,放上来再说
{1} html 基本框架
<html>
<head></head>
<body></body>
</html>
{2} body 标记属性
[1] 背景颜色
<body bgcolor = "颜色"></body>
[2] 背景图案
<body background = "URL"></body>
[3] 文字属性
<body text = "颜色"></body>
[4] link的颜色属性
<body link = "颜色" vlink = "颜色" alink = "颜色"></body>
link 未阅读的链接文字颜色 , 默认为蓝色
vlink 阅读过的链接文字颜色 , 默认为紫色
alink 活动中的链接文字颜色 , 默认为红色
{3} 区段格式标记
[1] 标题
<h1> <h2> <h3> <h4> <h5> <h6>
[2] 产生水平线
<hr>
(1) 设置高度
<hr size = "大小">
(2) 设置宽度
<hr width = "大小">
<hr width = "%x">
(3) 设置水平线的排列方式
<hr align = "left | right | center">
(4) 设置水平线的颜色
<hr color = "颜色">
(5) 使水平线不具备阴影效果
<hr noshade>
[3] 强制换行
<br>
[4] 文字段落
<p></p>
(1) 对齐
<p align = "left | right | center"></p>
[5] 以源代码的格式显示
<pre></pre>
[6] 地址标记,斜体显示
<address></address>
[7] 段落内缩
<blockquote> </blockquote>
[8] 注释
<!-- 注释 -->
{4} 字符格式
[1] 粗体
<b></b>
[2] 斜体
<i></i>
[3] 打字体
<tt></tt>
[4] 设置基本字体
<basefont color = "颜色" face = "字体" size = "大小"></basefont>
[5] 改变字体
<font color = "颜色" face = "字体" size = "大小"></font>
[6] 字体加大
<big></big>
[7] 字体缩小
<small></small>
[8] 替代符号
(1) < <
(2) > >
(3) " "e
(4) 不可分割空格  
{5} 列表标记
[1] 无编号列表
<ul>
<li> list1 </li>
<li> list2 </li>
<li> list3 </li>
</ul>
[2] 有编号列表
<ol>
<li> list1 </li>
<li> list2 </li>
<li> list3 </li>
</ol>
[3] 定义式列表
<dl>
<dt> object </dt>
<dd> the definition of object </dd>
</dl>
[4] 目录式列表
<dir> </dir>
[5] 菜单式列表
<menu> </menu>
{6} 链接标记
<a href = "URL | dir"> 显示的文字 </a>
[1] 内部链接
(1) 标记位置
<a name = "label"></a>
(2) 设置链接
<a href = "#label"> 显示的文字 </a>
(3) 设置打开链接的位置
<a href = "URL" target = "_top | _blank | (name)">
{7} 超媒体整合
[1] 超媒体链接
<a href = "文件名"> 显示的文字 </a>
[2] 显示媒体
<img src = "文件地址" alt = "代替文字" align = "left | right | center"
width = "宽度" height = "高度">
[3] 内嵌文件
<embed src = "文件地址" alt = "代替的文字" width = "宽度" height = "高
度" hspace = "n" vspace = "n">
[4] 背景音乐
<bgsound src = "URL" volume = "n" balance = "n" loop = "n">
[5] 插入视频
<img border="n" dynsrc="视频文件" start="fileopen" width="宽度"
height="高度">
{8} 表单
[1] 构成
<form action = "echo.asp" method = "GET | POST">
<p>姓名:<input type = "text" size = "100" name = "Name" ></p>
<p>爱好:<input type = "text" size = "100" name = "hobby"></p>
</form>
"action 表示处理表单数据的程序
"method 表示用户输入数据的传输方法
[2] 单行的文本框
<form action = "echo.asp" method = "GET">
<p>姓名:<input type = "text" size = "100" name = "Name"></p>
</form>
[3] 密码文本框
<form action = "echo.asp" method = "GET">
<p>密码:<input type = "password" size = "100" name = "Passwd"></p>
</form>
[4] 单选按钮
<form action = "echo.asp" method = "GET">
<ul>
<li>
<input type = "radio" name = "name1" value ="ON" checked>option1<br>
<input type = "radio" name = "name2" value ="ON">option2<br>
<input type = "radio" name = "name3" value ="ON">option<br>
</li>
</ul>
</form>
[5] 复选按钮
<form action = "echo.asp" method = "GET">
<ul>
<li>
<input type = "checkbox" name = "name1" value = "ON">option1<br>
<input type = "checkbox" name = "name2" value = "ON">option2<br>
<input type = "checkbox" name = "name3" value = "ON">option3<br>
</li>
</ul>
</form>
[6] 提交按钮
<form action = "echo.asp" method = "GET">
<p><input type = "SUBMIT" name = "B1" value = "提交"></p>
</form>
[7] 重置按钮
<form action = "echo.asp" method = "GET">
<p><input type = "reset" name = "B2" value = "重置"></p>
</form>
[8] 隐藏域
<form action = "echo.asp" method = "POST">
<input type = "hidden" name = "Name" value = "xxxx">
</form>
[9] 其他属性
maxlength 最大字符数
size 计算的字符数
checked 默认选项
[10] 下拉列表框
<form action = "echo.asp" method = "POST">
<select name = "Name" multiple size = "n">
<option> option1 </option>
<option> option2 </option>
<option> option3 </option>
</select>
</form>
"这里的size表示可见的条数,multiple 表示可以多选
"在option 后面还可以加上 value 表示默认值,selected表示设定为选定
状态
[11] 多行文本框
<form action = "echo.asp" method = "POST">
<textarea name = "Name" rows = "n" cols = "n">
预设的文字
</textarea>
</form>
[12] 使用e-mail回收表单
<form action = "mailto:vivylics@gmail.com" method = "POST" enctype =
"text/plain">
表单内容
</form>
{9} 表格
[1] 边界设置
<table border = "n"> </table>
如果只有border表示采取默认值
[2] 宽度设置
<table width = "n"> </table>
[3] cellspacing
设置不同单元格之间的间距
[4] cellpadding
设置单元格与内容之间的间距
[5] bgcolor
设置背景颜色
[6] background
设置背景图片
[7] 表格行
<tr align = "left | right | middle" valign = "top | bottom | middle | baseline"> ... </tr>
[8] 表格单元格
<td width = "n" height = "n" rowspan = "n" colspan = "n" align = "left
| right | middle" valign = "top | bottom | middle | baseline"> ... </td>
[9] 表头
<th valign = "top | bottom | middle | baseline" colspan = "n" rowspan
= "n"> ... </th>
[10] 表格标题
<caption align = "left | right | middle"> ... </caption>
[11] 设置外边框
<table frame = "xxx"> ... </table>
这里的xxx可以选择以下值
void 无外边框
above 表格上边框
below 表格的下边框
rhs 表格右边框
lhs 表格左边框
hsides 表格的上下边框
vsides 表格的左右边框
border 表格的所有边框(默认值)
[12] 设置内边框
<table rules = "xxx"> ... </table>
这里的xxx可以选择以下值
none 无边框
cols 列间的边框
rows 行间的边框
groups 列组和行组间的边框
all 全部的边框(默认)
{10} 框架
<frameset rows = "%15 , * , %15">
<frame name = "Name" src = "xxx.html">
<frameset cols = "%15 , *">
<frame name = "Name" src = "xxx.html">
<frame name = "Name" src = "xxx.html">
</frameset>
<frame name = "Name" src = "xxx.html">
</frameset>
{11} 字幕
<marquee hehavior = "scroll | slide | alternate" direction = "left | right" loop = "n"> </marquee>
loop 默认为 infinate
{1} html 基本框架
<html>
<head></head>
<body></body>
</html>
{2} body 标记属性
[1] 背景颜色
<body bgcolor = "颜色"></body>
[2] 背景图案
<body background = "URL"></body>
[3] 文字属性
<body text = "颜色"></body>
[4] link的颜色属性
<body link = "颜色" vlink = "颜色" alink = "颜色"></body>
link 未阅读的链接文字颜色 , 默认为蓝色
vlink 阅读过的链接文字颜色 , 默认为紫色
alink 活动中的链接文字颜色 , 默认为红色
{3} 区段格式标记
[1] 标题
<h1> <h2> <h3> <h4> <h5> <h6>
[2] 产生水平线
<hr>
(1) 设置高度
<hr size = "大小">
(2) 设置宽度
<hr width = "大小">
<hr width = "%x">
(3) 设置水平线的排列方式
<hr align = "left | right | center">
(4) 设置水平线的颜色
<hr color = "颜色">
(5) 使水平线不具备阴影效果
<hr noshade>
[3] 强制换行
<br>
[4] 文字段落
<p></p>
(1) 对齐
<p align = "left | right | center"></p>
[5] 以源代码的格式显示
<pre></pre>
[6] 地址标记,斜体显示
<address></address>
[7] 段落内缩
<blockquote> </blockquote>
[8] 注释
<!-- 注释 -->
{4} 字符格式
[1] 粗体
<b></b>
[2] 斜体
<i></i>
[3] 打字体
<tt></tt>
[4] 设置基本字体
<basefont color = "颜色" face = "字体" size = "大小"></basefont>
[5] 改变字体
<font color = "颜色" face = "字体" size = "大小"></font>
[6] 字体加大
<big></big>
[7] 字体缩小
<small></small>
[8] 替代符号
(1) < <
(2) > >
(3) " "e
(4) 不可分割空格  
{5} 列表标记
[1] 无编号列表
<ul>
<li> list1 </li>
<li> list2 </li>
<li> list3 </li>
</ul>
[2] 有编号列表
<ol>
<li> list1 </li>
<li> list2 </li>
<li> list3 </li>
</ol>
[3] 定义式列表
<dl>
<dt> object </dt>
<dd> the definition of object </dd>
</dl>
[4] 目录式列表
<dir> </dir>
[5] 菜单式列表
<menu> </menu>
{6} 链接标记
<a href = "URL | dir"> 显示的文字 </a>
[1] 内部链接
(1) 标记位置
<a name = "label"></a>
(2) 设置链接
<a href = "#label"> 显示的文字 </a>
(3) 设置打开链接的位置
<a href = "URL" target = "_top | _blank | (name)">
{7} 超媒体整合
[1] 超媒体链接
<a href = "文件名"> 显示的文字 </a>
[2] 显示媒体
<img src = "文件地址" alt = "代替文字" align = "left | right | center"
width = "宽度" height = "高度">
[3] 内嵌文件
<embed src = "文件地址" alt = "代替的文字" width = "宽度" height = "高
度" hspace = "n" vspace = "n">
[4] 背景音乐
<bgsound src = "URL" volume = "n" balance = "n" loop = "n">
[5] 插入视频
<img border="n" dynsrc="视频文件" start="fileopen" width="宽度"
height="高度">
{8} 表单
[1] 构成
<form action = "echo.asp" method = "GET | POST">
<p>姓名:<input type = "text" size = "100" name = "Name" ></p>
<p>爱好:<input type = "text" size = "100" name = "hobby"></p>
</form>
"action 表示处理表单数据的程序
"method 表示用户输入数据的传输方法
[2] 单行的文本框
<form action = "echo.asp" method = "GET">
<p>姓名:<input type = "text" size = "100" name = "Name"></p>
</form>
[3] 密码文本框
<form action = "echo.asp" method = "GET">
<p>密码:<input type = "password" size = "100" name = "Passwd"></p>
</form>
[4] 单选按钮
<form action = "echo.asp" method = "GET">
<ul>
<li>
<input type = "radio" name = "name1" value ="ON" checked>option1<br>
<input type = "radio" name = "name2" value ="ON">option2<br>
<input type = "radio" name = "name3" value ="ON">option<br>
</li>
</ul>
</form>
[5] 复选按钮
<form action = "echo.asp" method = "GET">
<ul>
<li>
<input type = "checkbox" name = "name1" value = "ON">option1<br>
<input type = "checkbox" name = "name2" value = "ON">option2<br>
<input type = "checkbox" name = "name3" value = "ON">option3<br>
</li>
</ul>
</form>
[6] 提交按钮
<form action = "echo.asp" method = "GET">
<p><input type = "SUBMIT" name = "B1" value = "提交"></p>
</form>
[7] 重置按钮
<form action = "echo.asp" method = "GET">
<p><input type = "reset" name = "B2" value = "重置"></p>
</form>
[8] 隐藏域
<form action = "echo.asp" method = "POST">
<input type = "hidden" name = "Name" value = "xxxx">
</form>
[9] 其他属性
maxlength 最大字符数
size 计算的字符数
checked 默认选项
[10] 下拉列表框
<form action = "echo.asp" method = "POST">
<select name = "Name" multiple size = "n">
<option> option1 </option>
<option> option2 </option>
<option> option3 </option>
</select>
</form>
"这里的size表示可见的条数,multiple 表示可以多选
"在option 后面还可以加上 value 表示默认值,selected表示设定为选定
状态
[11] 多行文本框
<form action = "echo.asp" method = "POST">
<textarea name = "Name" rows = "n" cols = "n">
预设的文字
</textarea>
</form>
[12] 使用e-mail回收表单
<form action = "mailto:vivylics@gmail.com" method = "POST" enctype =
"text/plain">
表单内容
</form>
{9} 表格
[1] 边界设置
<table border = "n"> </table>
如果只有border表示采取默认值
[2] 宽度设置
<table width = "n"> </table>
[3] cellspacing
设置不同单元格之间的间距
[4] cellpadding
设置单元格与内容之间的间距
[5] bgcolor
设置背景颜色
[6] background
设置背景图片
[7] 表格行
<tr align = "left | right | middle" valign = "top | bottom | middle | baseline"> ... </tr>
[8] 表格单元格
<td width = "n" height = "n" rowspan = "n" colspan = "n" align = "left
| right | middle" valign = "top | bottom | middle | baseline"> ... </td>
[9] 表头
<th valign = "top | bottom | middle | baseline" colspan = "n" rowspan
= "n"> ... </th>
[10] 表格标题
<caption align = "left | right | middle"> ... </caption>
[11] 设置外边框
<table frame = "xxx"> ... </table>
这里的xxx可以选择以下值
void 无外边框
above 表格上边框
below 表格的下边框
rhs 表格右边框
lhs 表格左边框
hsides 表格的上下边框
vsides 表格的左右边框
border 表格的所有边框(默认值)
[12] 设置内边框
<table rules = "xxx"> ... </table>
这里的xxx可以选择以下值
none 无边框
cols 列间的边框
rows 行间的边框
groups 列组和行组间的边框
all 全部的边框(默认)
{10} 框架
<frameset rows = "%15 , * , %15">
<frame name = "Name" src = "xxx.html">
<frameset cols = "%15 , *">
<frame name = "Name" src = "xxx.html">
<frame name = "Name" src = "xxx.html">
</frameset>
<frame name = "Name" src = "xxx.html">
</frameset>
{11} 字幕
<marquee hehavior = "scroll | slide | alternate" direction = "left | right" loop = "n"> </marquee>
loop 默认为 infinate