HTML标签

来源：互联网发布：mac air能玩饥荒吗编辑：程序博客网时间：2024/06/11 10:03

 标尺线（分隔线）
 字体(FONT)标记(TAGS)
 指定“字体大小”的标记和“指定字体”的标记的组合使用
 客户端字体(Font Face)
 字符实体(Entities)
 <frame>框架标识
 <a>超链接标识
 <form>表单标识
 表单内部控件

标尺线（分隔线）
<hr>
<hr>

<hr align=#> #=left, right
<hr width=50% align=left>
<hr width=50% align=right>

<hr color=#>
#=rrggbb 16 进制 RGB 数码，或者是下列预定义色彩：
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua,
88FECE, FFFECE, 68EEEE, A82EEE, AADDEE, EE8866, D0C0F0,
DDDFFF, 66FFFF, ADDFFF, FFEEFF, C5FFEE, 0DDFFF,
888FFF, FF88FF, FF8F8F, FDDFFF, FFF0FF, EE3388
<hr color="red">

字体(FONT)标记(TAGS)
标题字体(Header)
<h#> ... </h#> #=1, 2, 3, 4, 5, 6

字体大小
<font size=#> ... </font> #=1, 2, 3, 4, 5, 6, 7 or +#, -#
<basefont size=#> #=1, 2, 3, 4, 5, 6, 7

物理字体(Physical Style)
<b>今天天气真好！</b> 今天天气真好！
<i>今天天气真好！</i> 今天天气真好！
<u>今天天气真好！</u> 今天天气真好！
<tt>今天天气真好！</tt> 今天天气真好！
<sup>今天天气真好！</sup> 今天天气真好！
<sub>今天天气真好！</sub> 今天天气真好！
<s>今天天气真好！</s> 今天天气真好！
<strike>今天天气真好！</strike> 今天天气真好！

逻辑字体(Logical Style)
<em>今天天气真好！</em> 今天天气真好！
<strong>今天天气真好！</strong> 今天天气真好！
<code>今天天气真好！</code> 今天天气真好！
<samp>今天天气真好！</samp> 今天天气真好！
<kbd>今天天气真好！</kbd> 今天天气真好！
<var>今天天气真好！</var> 今天天气真好！
<dfn>今天天气真好！</dfn> 今天天气真好！
<cite>今天天气真好！</cite> 今天天气真好！
<small>今天天气真好！</small> 今天天气真好！
<big>今天天气真好！</big> 今天天气真好！

指定“字体大小”的标记和“指定字体”的标记的组合使用
<i><font size=5>
<b>今天</b> 天气<font size=6> 真好！</font>
</font></i>

字体颜色
指定颜色 <font color=#> ... </font>
#=rrggbb 16 进制数码，或者是下列预定义色彩：
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua
<font color=ffffff>White</font> &
<font color=white>White</font>

客户端字体(Font Face)
<font face="#, #, ..., #"> ... </font>
#=客户端可获得的字体
<font face="Arial, Helvetica"> Hellow World!</font>
Hellow World!

字符实体(Entities)
&#; #=字符实体名称或者 ascii 值
HTML2.0 的字符集
&           &
<            <
>            >
"          "

<frame>框架标识
<HTML>
   <head>
   <title>Frame 演示页面</title>
   </head>
      <frameset cols="200,*">
      <frame src="HTML简介.htm">
   <frame src="HR分隔线标识.htm">
   </frameset><noframes></noframes>
</HTML>

<a>超链接标识
<html>
<head>
<title>链接标识</title>
</head>
<body>
<a href="http://www.w3.org/TR/html4/loose.dtd">w3</a><br>
<a href="HTML简介.htm">HTML简介</a>
</body>
</html>

<form>表单标识
一个页面中可以包含多个表单，而<form>就是它们的分界线，<form>也是表示表单如何工作的重要标记，它有两个重要的参数：action 和 method 。
﹡action参数表示表单要提交到的地点，一般为一个CGI程序，如：“http://www.somewhere.com/cgi-bin/talk.pl ”（CGI程序可以用各种编程语言编写，如C、VB、Java，这里的 .pl 为Perl语言）。
﹡method 表示表单发送的方法，有两种：get（默认方法）和post，它们之间略有区别，主要是传输的信息量和接收的接口不同，get有255个字符的限制，而post没有（另一个参数是target，和超链接标识<a>的Target参数用法一样）。

表单内部控件
﹡textarea表示可以输入多行的文本框，有两个参数：rows表示文本框的行数，cols表示文本框的列数，例如：
<textarea name="t1"cols=40 rows=7>请留言</textarea>
表示宽十四列、高7行的文本输入框。
注意：〉〉〉
这里还有一个参数name属性，可以随意设置，但是发送给CGI时一定要和它规定接收的参数名一样，而表单中每个元素都要有name，如果缺少的话，很可能就无法工作。并且这些内部控件一定要包含在form中，在IE中它们可以单独显示，而在Netscape中则不可。

﹡select 元素可以表示成一个下拉式的选择框，可以对其中的元素进行选定，它的参数有size和multiple，size如果等于1，则以下拉框显示，如果大于1，则以滚动框显示，multiple表示表示可以多选，它没有值。Select中的选项用option表示，option的value属性表示选项的名称，是给CGI程序识别的，而“<option value=o1>……”中的“……”的内容则是给浏览器识别看的，另一个属性是selected，它表示表单在初始化时即有默认选项被选定。例如：
<select name=hobby size=6 multiple>
<option value=music selected>音乐
<option value=sports>运动
<option value=reading>读书
<option value=collection>收藏
<option value=art>艺术
<option value=writing>写作
</select>