HTML教程 >> html代码文本标志
html教程三、文本标志
1.<pre></pre>
上一个教程中我们已经讲了如何在浏览器中输出文本，以及文本输出的格式，这个教程中我们将谈一谈文本输出的字体 ，如斜体、黑体字、下加一划线等等。在本教程的最后给出了一个html代码中 文本标志的综合示例，希望读者能认真阅读。预处理 操作。标题 进行操作的标志对：<h1></h1>……<h6></h6>，即一共有六对标题的标志对。<h1></h1>是最大 的标题，而<h6></h6>则是最小 的标题，也即是标志中 h
后面的数字越大标题文本就越小。如果您的Html文档中需要输出标题文本的话，便可以使用这六对标题标志对中的任何一对。黑体字 的形式输出；<i></i>用来使文本以斜体字 的形式输出；<u></u>用来使文本以下加一划线 的形式输出。后边将会有一个综合的例子，所以此处就不再作详细讲解了。打字机风格 字体的文本；<cite></cite>用来输出引用方式 的字体，通常是斜体；<em></em>用来输出需要强调 的文本(通常是斜体加黑体)；<strong></strong>则用来输出加重 文本(通常也是斜体加黑体)。这些标志对的示例也将在后边综合的例子中出现。size 属性用来改变字体的大小 ，它可以取值：-1、1和+1；而color 属性则用来改变文本的颜色 ，颜色的取值是我们在教程一中讲过的十六进制RGB颜色码或Html语言给定的颜色常量名。具体用法请看下边综合的例子。<html> 最大的标题
使用h3的标题
最大的标题
黑体字文本
斜体字文本
下加一划线文本
打字机风格的文本
引用方式的文本
强调的文本
加重的文本
size取值“+1”、color取值“red”时的文本
返回html教程导航
HTML教程 >> html代码图像标志
html教程四、图像标志
1.<img>
再简单朴素的网页如果只有文字而没有图像的话将失去许多活力，图像在网页制作中是非常重要的一个方面，Html语言也专门提供了<img>标志来处理图像的输出。src 属性赋值，这个值是图形文件的文件名，当然包括路径，这个路径可以是相对路径 ，也可以是网址 。实际上就是通过路径将图形文件嵌入到您的文档中。您可能并不知道什么是相对路径，我现在就来讲一讲相对路径。所谓相对路径是指您所要链接或嵌入到当前Html文档的文件与当前文件的相对位置所形成的路径。假如您的Html文件与图形文件(文件名假设是logo.gif)在同一个目录下，则可以将代码写成<img
src="logo.gif">；假如您的图形文件放在当前的Html文档所在目录的一个子目录(子目录名假设是images)下，则代码应为<img
src="images/logo.gif">；假如您的图形文件放在当前的Html文档所在目录的上层目录(目录名假设是home)下，则相对路径就必须是准网址 了，即用“../ ”表示您的网站，然后在后边紧跟文件在您的网站中的路径，假设home是您的网站下的一个目录，则代码应为<img
src="../home/logo.gif">，若home是您的网站下的目录king下边的一个子目录，则代码应该变为<img
src="../king/home/logo.gif">了。现在您对相对路径应该有所了解了吧！必须赋值 的，是标志中不可缺少的一部分。除此之外，<img>标志还有alt 、align 、border 、width 和height 属性。align是图像的对齐方式，在前边的教程中已经讲了很多了，这里就不再提了。border属性是图像的边框，可以取大于或者等于0的整数 ，默认单位是像素 。width和Height属性是图像的宽 和高 ，默认单位也是象素。alt属性是当鼠标移动到图像上时显示的文本 。size 、color 、 width 和noshade 属性。size是设置水平线的厚度 ，而width是设定水平线的宽度 ，默认单位是像素。想必大家对color属性已经很熟悉了，在此就不再用多讲。noshade属性不用赋值，而是直接加入标志即可使用，它是用来加入一条没有阴影 的水平线(不加入此属性水平线将有阴影)。<html>
返回html教程导航
HTML教程 >> html代码表格标志
html教程五、表格标志
1.<table></table>
表格标志对于制作网页是很重要 的，我希望您能记住这一点，现在很多很多网页都是使用多重表格，主要是因为表格不但可以固定文本或图像的输出，而且还可以任意的进行背景 和前景 颜色的设置。但愿您也能熟练使用表格来制作您的主页。
属性
用途
<table bgcolor="">
设置表格的背景色。
<table border="">
设置边框的宽度 ，若不设置此属性，则边框宽度默认为0 。
<table bordercolor="">
设置边框的颜色 。
<table
bordercolorlight="">
设置边框明亮 部分的颜色(当border的值大于等于1时才有用)。
<table
bordercolordark="">
设置边框昏暗 部分的颜色(当border的值大于等于1时才有用)。
<table cellspacing="">
设置表格格子之间空间的大小。
<table cellpadding="">
设置表格格子边框与其内部内容之间空间的大小。
<table width="">
设置表格的宽度，单位用绝对像素值 或总宽度的百分比 。
说明: 以上各个属性可以结合使用。有关宽度、大小的单位用绝对像素值 。而有关颜色的属性使用十六进制RGB颜色码或Html语言给定的颜色常量名(如
Silver 为银色)
2.<tr></tr><td></td>每一行 。此标志对只能放在<table></table>标志对之间使用，而在此标志对之间加入文本将是无用的，因为在<tr></tr>之间只能紧跟<td></td>标志对才是有效的语法，<td></td>标志对用来创建表格中一行中的每一个格子 ，此标志对也只有放在<tr></tr>标志对之间才是有效的，您想要输入的文本也只有放在<td></td>标志对中才有效(即才能够显示出来)。<table></table>、<tr></tr>和<td></td>标志对的关系如下所示：
最外层,创建一个表格-->
<table>
创建一行-->
<tr>
创建一个格子(这里总共创建了三个格子)-->
<td>要输出的文本只能放在此处</td>
<td>要输出的文本只能放在此处</td>
<td>要输出的文本只能放在此处</td>
</tr>
最外层-->
</table>
此外，<tr>还有align 和valign 属性。align是水平对齐方式 ，取值为left (左对齐)、center (居中)、right (右对齐)；而valign是垂直对齐方式 ，取值为top (靠顶端对齐)、middle (居中间对齐)或bottom (靠底部对齐)。<td>具有width 、colspan 、rowspan 和nowrap 属性。width是格子的宽度，单位用绝对像素值 或总宽度的百分比 ；colspan设置一个表格格子跨占的列数 (缺省值为1)；rowspan设置一个表格格子跨占的行数 (缺省值为1)；nowrap禁止 表格格子内的内容自动断行 。表格头 ，通常是黑体居中文字。<html>
意大利
英格兰
西班牙
AC米兰
佛罗伦萨
曼联
纽卡斯尔
巴塞罗那
皇家社会
尤文图斯
桑普多利亚
利物浦
阿申纳
皇家马德里
……
拉齐奥
国际米兰
切尔西
米德尔斯堡
马德里竞技
……
返回html教程导航
HTML教程 >> html代码链接标志
html教程六、链接标志
1.<a
href=""></a>
教程六的内容不是很多，而且很简单。链接是Html语言的一大特色，正因为有了它，我们对内容的浏览才能够具有灵活性和网络性。href 是无论如何不可缺少 的，标志对之间加入需要链接的文本或图像(链接图像即加入<img
src="">标志)。href的值可以是URL 形式，即网址或相对路径，也可以是mailto: 形式，即发送E-Mail形式。对于第一种情况，语法为<a
href="URL"></a> ，这就能创建一个超文本链接 了，例如：<a
href="mailto:EMAIL"></a> ，这就创建了一个自动发送电子邮件的链接 ，mailto:后边紧跟想要制动发送的电子邮件的地址(即E-Mail地址)，例如：target 属性，此属性用来指明浏览的目标帧 ，我们将在讲帧标志时作详细的说明，这里您只要知道如果不使用target属性，当浏览者点击了链接之后将在原来的浏览器窗口中浏览新的Html文档，若target的值等于“_blank ”，点击链接后将会打开一个新的浏览器窗口来浏览新的Html文档。例如：标签 (即做一个记号)，属性name 是不可缺少 的，它的值也即是标签名，例如：同一文档 中的有标签的地方。要找到标签所在地，就必须使用<a
href=""></a>标志对。例如要找到“标签名”这个标签，就要编写如下代码：注意 ：href属性赋的值若是标签的名字，必须在标签名前边加一个“# ”号。下面是本教程的一个综合应用示例：
<html>
<body>本例在浏览器中显示的结果如下 ：Html代码效果演示
返回html教程导航
HTML教程 >> html代码帧标志
html教程七、帧标志
1.<frameset></frameset>
帧是由英文Frame翻译过来的，它可以用来向浏览器窗口中装载多个Html文件。即每个Html文件占据一个帧，而多个帧可以同时显示在同一个浏览器窗口中，它们组成了一个最大的帧，也即是一个包含多个Html文档的Html文件(我称它为主文档 )。帧通常的使用方法是在一个帧中放置目录(即可供选择的链接)，然后将Html文件显示在另一个帧中。主文档 的<body></body>标志对的外边 ，也可以嵌在其他帧文档中，并且可以嵌套使用 。此标志对用来定义主文档中有几个帧并且各个帧是如何排列的。它具有rows 和cols 属性，使用<frameset>标志时这两个属性至少必须选择一个 ，否则浏览器只显示第一个定义的帧，剩下的一概不管，<frameset></frameset>标志对也就没有起到任何作用了。rows用来规定主文档中各个帧的行定位 ，而cols用来规定主文档中各个帧的列定位 。这两个属性的取值可以是百分数、绝对像素值或星号(“*”) ，其中星号代表那些未被说明的空间，如果同一个属性中出现多个星号则将剩下的未被说明的空间 平均分配 。同时，所有的帧按照rows和cols的值从左到右 ，然后从上到下 排列。示例如下：
<frameset rows="*,*,*">
总共有三个按列排列的帧,每个帧占整个浏览器窗口的1/3
<frameset cols="40%,*,*">
总共有三个按行排列的帧,第一个帧占整个浏览器窗口的40%,剩下的空间平均分配给另外两个帧
<frameset rows="40%,*"
cols="50%,*,200">
总共有六个帧,先是在第一行中从左到右排列三个帧,然后在第二行中从左到右再排列三个帧,即两行三列 ,所占空间依据rows和cols属性的值,其中200的单位是像素
2.<frame>src 和name 属性，这两个属性 都是必须赋值 的。src是此帧的源Html文件名 (包括网络路径,即相对路径或网址)，浏览器将会在此帧中显示src指定的Html文件；name是此帧的名字 ，这个名字是用来供超文本链接标志<a href=""
target="">中的target属性用来指定链接的Html文件将显示在哪一个帧中。例如定义了一个帧，名字是main，在帧中显示的Html文件名是jc.htm，则代码是<frame
src="jc.htm"
name="main">，当您有一个链接，在点击了这个链接后，文件new.htm将要显示在名为main的帧中，则代码为<a
href="new.htm"
target="main">需要链接的文本</a>。这样一来，就可以在一个帧中建立网站的目录，加入一系列链接，当点击链接以后在另一个帧中显示被链接的Html文件。scrolling 和noresize 属性，scrolling用来指定是否显示滚动轴 ，取值可以是“yes ”(显示)、“no ”(不显示)或“auto ”(若需要则会自动显示,不需要则自动不显示)。noresize属性直接加入标志中即可使用，不需赋值，它用来禁止用户调整 一个帧的大小。不支持帧 的浏览器中显示文本或图像信息。在此标志对之间先紧跟<body></body>标志对，然后才可以使用我们在教程七以前讲过的任何标志。<html> <html> <html> <html>
返回html教程导航
HTML教程 >> html代码表单标志
html教程八、表单标志
1.<form></form>
表单在Web网页中用来给访问者填写信息，从而能获得用户信息，使网页具有交互的功能 。一般是将表单设计在一个Html文档中，当用户填写完信息后做提交 (submit)操作，于是表单的内容就从客户端的浏览器传送到服务器上，经过服务器上的
ASP 或 CGI 等处理程序 处理后，再将用户所需信息传送回客户端的浏览器上，这样网页就具有了交互性。这里我们只讲怎样使用Html标志来设计表单。action 、method 和target 属性。action的值是处理程序的程序名(包括网络路径:网址或相对路径)，如：<form
action="http://www.bloghuman.com/counter.cgi">，当用户提交表单时，服务器将执行网址http://www.bloghuman.com/上的名为counter.cgi的CGI程序。method属性用来定义处理程序从表单中获得信息的方式，可取值为 GET 和
POST
的其中一个。GET方式是处理程序从当前Html文档中获取数据，然而这种方式传送的数据量是有所限制的，一般限制在1KB以下。POST方式与GET方式相反，它是当前的Html文档把数据传送给处理程序，传送的数据量要比使用GET方式的大的多。target属性用来指定目标窗口或目标帧。
type属性取值
输入区域类型
输入区域示例
<input type="TEXT " size="" maxlength="" >
单行的文本输入区域,size 与maxlength 属性用来定义此种输入区域显示的尺寸大小与输入的最大字符数
<input type="SUBMIT ">
将表单内容提交给服务器的按钮
<input type="RESET ">
将表单内容全部清除,重新填写的按钮
<input type="CHECKBOX " checked >
一个复选框,checked 属性用来设置该复选框缺省时是否被选中,右边示例中使用了三个复选框
你喜欢哪些教程：
<input type="HIDDEN ">
隐藏区域,用户不能在其中输入,用来预设某些要传送的信息
<input type="IMAGE " src="URL" >
使用图像来代替Submit按钮,图像的源文件名由src 属性指定,用户点击后,表单中的信息和点击位置的X、Y坐标一起传送给服务器
<input type="PASSWARD ">
输入密码的区域,当用户输入密码时,区域内将会显示"* "号
请输入您的密码：
<input type="RADIO ">
单选按钮类型,checked 属性用来设置该单选框缺省时是否被选中,右边示例中使用了三个单选框
10月3日中韩国奥队比赛结果会是：
此外，八种类型的输入区域有一个公共的属性name ，此属性给每一个输入区域一个名字。这个名字与输入区域是一一对应的，即一个输入区域对应一个名字。服务器就是通过调用某一输入区域的名字的value 属性来获得该区域的数据的。而value 属性是另一个公共属性，它可用来指定输入区域的缺省值。下拉列表框 或可以复选的列表框 。此标志对用于<form></form>标志对之间。<select>具有multiple 、name 和size 属性。multiple属性不用赋值，直接加入标志中即可使用，加入了此属性后列表框就成了可多选 的了；name是此列表框的名字，它与上边讲的name属性作用是一样的；size属性用来设置列表的高度，缺省时值为1，若没有设置(加入)multiple属性，显示的将是一个弹出式的列表框。value 属性来获得该区域选中的数据项的。请看下例：
Html代码 浏览器显示的结果
<form
action="cgi-bin/tongji.cgi"
method="post">
请选择最喜欢的男歌星: 刘德华
张学友 郭富城 黎明
<form
action="cgi-bin/tongji.cgi"
method="post">
请选择最喜欢的女歌星: 张曼玉 王菲 田震 那英
4.<textarea></textarea>name 、cols 和rows 属性。cols和rows属性分别用来设置文本框的列数 和行数 ，这里列与行是以字符数为单位 的。请看下边的例子：
Html代码 浏览器显示的结果
<form
action="cgi-bin/tongji.cgi"
method="post">
您的意见对我很重要:
返回html教程导航
HTML教程 >> html代码声音标志
html教程九、声音标志
1.<bgsound>
想在主页中加入自己的声音吗?想让别人进入你的主页时听到一声亲切的问候或一段简要的介绍吗?那么快跟我来,轻松搞定,非常简单.
1.<bgsound>
2.<embed></embed>
现在我们来看一下怎样利用Windows自带的录音软件来录制你自己的声音。
附：<EMBED>标记语法说明SRC ="文件名称和路径"：设置背景音乐的路径和名称；AUTOSTART ="TRUE/FALSE"：设置是否音乐文件一传完后就开始播放，默认为FALSE(否)LOOP =" TRUE/FALSE/整数"：设置重播次数，TRUE为无限次重播，FALSE为不重播，LOOP=某个整数，为重播多少次。VOLUME ="0－100"：设置音量，默认为系统本身的音量；STARTTIME ="分：秒"：设置歌曲开始播放的时间，如STARTTIME="00：20"为从第20秒开始播放；ENDTIME ="分：秒"：设置歌曲播放结束的时间 ；WIDTH和HIGH ="整数"：设置控制面板的宽和高；CONTROLS ="CONSOLE/SMALLCONSOLE/PLAYBUTTON/PAUSEBUTTON/STOPBUTTON/VOLUMELEVER"：设置控制面板的外观 。CONSOLE为正常大小的面板，SMALLCONSOLE为较小的面板，PLAYBUTTON为显示播放按钮，PAUSEBUTTON为显示暂停按钮，
STOPBUTTON为显示停止按钮，VOLUMELEVER为显示音量调节，若要隐藏控制面板可用HIDDEN=TRUE。
返回html教程导航
