- 标尺线(分隔线)
- 字体(FONT)标记(TAGS)
- 指定“字体大小”的标记和“指定字体”的标记的组合使用
- 客户端字体(Font Face)
- 字符实体(Entities)
- <frame>框架标识
- <a>超链接标识
- <form>表单标识
- 表单内部控件
标尺线(分隔线)
<hr>
<hr>
<hr size=#>
<hr size=10>
<hr width=#>
<hr width=50>
<hr width=50%>
<hr align=#> #=left, right
<hr width=50% align=left>
<hr width=50% align=right>
<hr noshade>
<hr noshade>
<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>