HTML（HyperText Mark-up Language）即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。
HTML初级应用篇(三)
一、标尺线(ruler)
<hr>
标尺线的标记
<hr size=#>
标尺线的高度
<hr width=#>
标尺线的宽度，其取值可以为白分比，也可以是像素值。
<hr align=#>
标尺线的对齐方式，#取值为left, center，right
<hr noshade>
不显示标尺线的阴影效果
<hr color=#>
标尺线的颜
#=rrggbb 16 进制 RGB 数码，或者是下列预定义彩：
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua
<hr color="red">
二、超链接(Link)
1.基本语法 <a href="URL"> ... </a>
2.跳转到同一个页面的另外一个地方(锚点)
<a href="#name"> ... </a>
<a name="name"> ... </a>
3.跳转到另一个页面的某个地方(锚点)
<a href="URL#name"> ... </a>
<a name="name"> ... </a>
4.开一个新的(浏览器)窗口 (Target Window)
<a href="URL" target="#"> ... </a>
这里target是打开窗口的方式，取值为_blank(新开一个窗口)，_self(在当前窗口打开)
5.发送到的连接(mail)
textarea中cols表示<a href="mailto:地址"> ... </a>
使用mailto命令可以直接制作发送到的连接
6.超链接文字的说明文字(title)
<a href="URL" title="说明文字"> ... </a>
可以给超链接文字加上像图片一样的说明文字
三、图形热点
语法
<img src=img.gif usemap="MAP-Name">
<map name="MAP-Name">
<area shape="#" coords="#" href="url">
</map>
它的作用是在同一张图片的不同位置添加超连接，即可以在同一张图片上添加多个
超连接
四、框架页面(Frames)
1.基本语法
<frameset> ... </frameset>
<frame src="url">
<noframes> ... </noframes>
在 <noframes> 标记后的文字将只出现在不支持 FRAMES 的浏览器中。
2.各窗口的尺寸设置
<frameset cols=#>
纵向排列多个窗口
例：<frameset cols=30%,20%,50%>
    <frame src="1.html">
    <frame src="2.html">
    <frame src="3.html">
    </frameset>
3.<frameset rows=#>
横向排列多个窗口
例：<frameset rows=25%,25%,50%>
    <frame src="1.html">
    <frame src="2.html">
    <frame src="3.html">
    </frameset>
4.纵横排列多个窗口：
例：<frameset cols=20%,*>
    <frame src="1.html">
        <frameset rows=40%,*>
        <frame src="2.html">
        <frame src="3.html">
        </frameset>
    </frameset>
5.不允许各窗口改变大小 <frame noresize>
缺省设置是允许各窗口改变大小的。
6.各窗口间相互操作(Frame Target)
<a href=url target=_blank> 新窗口
<a href=url target=_self> 本窗口
<a href=url target=_parent> 父窗口
<a href=url target=_top> 整个浏览器窗口
7.Frame 的外观(Appearance)
各窗口边框的设置 <frame frameborder=#> #=yes, no / 1, 0
各窗口间空白区域的设置
<frameset framespacing=#> #=空白区域的大小
边框彩 <frameset bordercolor=#>
#=rrggbb 16 进制 RGB 数码, 或者是下列预定义彩名称：
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua
页面空白(Margin) <frame marginwidth=# marginheight=#>
卷滚条设置 <frame scrolling=#> #=yes, no, auto
#=缺省值是 auto。
8.页中页效果(iframe)
<iframe src=# name=##> ... </iframe>
#=初始页面的 URL
##=窗口标识(Frame Name)(之后可对此标识进行各窗口间相互操作)
... = 此处文字将只出现在不支持 FRAMES 的浏览器中。
五、表单(FORM)标记(TAGS)
Homepage并非只是给人观看的信息页，有时还需要获取用户的反馈信息，并且Web服务器
根据得到的反馈信息还要给用户作出相应的回答。HTML中 的Form结构就是专为提供这种
交互界面而设计的。Form结构也是一张表。它与Table表的区别在于：Table表是给用户看
的，而Form表是让用户填的。因此Form表又有其特殊的组成元素。
1.表单的基本语法
<form action="url" method=*>
...
...
<input type=submit> <input type=reset>
</form>
*=GET, POST
2.表单中提供给用户的输入形式
<input type=* name=**>
*=text, password, checkbox, radio, image, hidden, submit, reset
**=Symbolic Name for CGI script
3.文字输入和密码输入
*=text, password
<input type=*>
<input type=* value=**>
文字
<input type=* size=**>
<input type=* maxlength=**>
密码
4.复选框(Checkbox) 和 单选框(RadioButton)
<input type=checkbox>
<input type=checkbox checked>
<input type=checkbox value=**>
复选框(Checkbox)
<input type=radio value=**>
<input type=radio value=** checked>
单选框(RadioButton)
5.图象坐标 
<input type=image src=url>
 
6.隐藏表单的元素
<input type=hidden value=*>
7.列表框(Selectable Menu)
基本语法
<select name=*>
<option> ...
</select>
<option selected>
<option value=**>
<select size=**>
<select size=** multiple>
注意，是用 Ctrl 键配合鼠标实现多选。
(和 MS-WINDOWS 的 File Manager 一样)
8.文本区域
<textarea name=* rows=** cols=**> ... <textarea>
对于很长的行是否进行换行的设置(Word Wrapping)
<textarea wrap=off> ... </textarea>  不换行，是缺省设置。
<textarea wrap=soft> ... </textarea> “软换行”，好象 MS－WORD 里的“软回车”。
<textarea wrap=hard> ... </textarea>  “硬换行”，好象 MS－WORD 里的“硬回车”。
六、Form元素简要说明
下面我们就来简要介绍一下Form表中的常用元素：
1.<FORM ACTION= "URL信息" METHOD=数据传送方法> Form表内容 </FORM>
一对<FORM>标记是一个Form表的最外层。Form表不允许嵌套，也就是说一个Form中不可以再
包含其它Form。其中ACTION属性表示用户提交表格时所要启动的相应处理程序。在https中必须
是一个.EXE可执行文件。METHOD属性表示怎样将数据传送给Web服务器，一种是GET方法（
也是缺省方法），它将数据附加在URL信息上传送给Web服务器；另一种是POST方法，它将
数据独立成块地传送给Web服务器。如果传送数据量大的话，还是建议用POST方法，因
为多数
Web服务器的GET方法是通过命令行参数来传递数据，而命令行参数的长度是有限的。

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