HTML语言学习笔记

跳转到页面的另外一个地方
<a href=”#name”> … </a>
<a name=”name”> … </a>
<a href=”#jump-test”>跳转到下一个”链接点”</a><P>
<a name=”jump-test”>下一个链接点</a>

跳转到另一个页面的某个地方
<a href=”URL#name”> … </a>
<a name=”name”> … </a>
跳转到另一个页面的<a href=”samp/link.html#jump-test”>某个地方</a>。

开一个新的(浏览器)窗口 (Target Window)
<a href=”URL” target=”Window_Name”> … </a>
<a href=”samp/window.html” target=”window_name”>
开一个新窗口!
</a>

标尺线
<hr>
<hr size=#>
<hr width=#>
<hr align=#> #=left, right
<hr noshade>
<hr color=#> <hr color=”red”>

标题字体(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

字体颜色
指定颜色 <font color=#> … </font>

段(Paragraph) (可以看作是空行) <p>

换行 <br>

不换行<nobr>

文字的对齐(Alignment)
<hn align=#>…</hn>
<p align=#>…</p> #=left, center, right

文字的分区(Division)显示
<div align=left/right/center> … </div>

无序列表 <ul><li>…</ul>

有序列表 <ol><li>…</ol>

闪烁 <blink>…</blink>

链入图象的基本语法
<img src=#> #=图象的 URL
<img alt=#>
#=在浏览器尚未完全读入图象时,在图象位置显示的文字。
<img src=”f.gif” alt=”MY FACE “>

图象和文字的对齐
<img align=#> #=top, middle, bottom
<img src=URL align=top> My face!

边框
<img border=#> #=value
<a href=”URL”>
<img src=URL border=15>
</a>

表单的基本语法
<form action=”url” method=*>


<input type=submit> <input type=reset>
</form>
*=GET, POST

文字输入和密码输入
*=text, password
<input type=*>
<input type=* value=**>

复选框(Checkbox) 和 单选框(RadioButton)
<input type=checkbox>
<input type=checkbox checked>
<input type=checkbox value=**>

<input type=radio value=**>
<input type=radio value=** checked>

列表框(Selectable Menu)
基本语法
<select name=*>
<option> …
</select>
<option selected>
<option value=**>

<select size=**>

<select size=** multiple>
注意,是用 Ctrl 键配合鼠标实现多选。
(和 MS-WINDOWS 的 File Manager 一样)

文本区域
<textarea name=* rows=** cols=**> … <textarea>

对于很长的行是否进行换行的设置(Word Wrapping)
<textarea wrap=off> … </textarea>
不换行,是缺省设置。
<textarea wrap=soft> … </textarea>
“软换行”,好象 MS-WORD 里的“软回车”。
<textarea wrap=hard> … </textarea>
“硬换行”,好象 MS-WORD 里的“硬回车”。

表格的基本语法
<table>…</table> – 定义表格
<tr> – 定义表行
<th> – 定义表头
<td> – 定义表元(表格的具体数据)

会移动的文字(Marquee)
基本语法
<marquee> … </marquee>
<marquee>啦啦啦,我会移动耶!</marquee>

文字移动属性的设置
方向 <direction=#> #=left, right

方式 <bihavior=#> #=scroll, slide, alternate
<marquee behavior=scroll>啦啦啦,我一圈一圈绕着走!</marquee> <P>
<marquee behavior=slide>啦啦啦,我只走一次就歇了!</marquee> <P>
<marquee behavior=alternate>啦啦啦,我来回走耶!</marquee>

循环 <loop=#> #=次数;若未指定则循环不止(infinite)

速度 <scrollamount=#>
<marquee scrollamount=20>啦啦啦,我走得好快哟!</marquee>

延时 <scrolldelay=#>
<marquee scrolldelay=500 scrollamount=100>啦啦啦,我走一步,停一停!</marquee>

底色 <bgcolor=#>

面积 <height=# width=#>