|
第一章 代码基础知识 第五节 常用标签 本节讲11种常用的标签。
俗话说得好：巧媳妇难为无米之炊。常用标签是代码知识的基础，也是制作网页必不可少的材料。学会这些标签，你就可以应用它们制作出许许多多变幻莫测的网页来；离开了这些标签，你的网页制作就是一句空话。因此，在常用标签的学习上，必须下苦功夫学会学好，要真正弄清楚每个标签以及它们的属性与属值的含义，最好是能够把这些标签记在脑子里，能够背写出来。万一记不住，也没有多大的关系，你可以把它们存入一个文件夹，在应用的时候，能够找到它们，复制一下就行了，无非是多用点儿时间罢了。
1、文字标签：<FONT>（文字标签大写） <font>（文字标签小写） 2、移动标签，又叫滚动标签或者滑动标签。标签如下：<MARQUEE>（移动标签大写）<marquee>（移动标签小写） 3、定位标签又叫对齐方式标签。可分为水平对齐与垂直对齐两种对齐方式。 (1)水平对齐标签：<ALIGN=?>（对齐方式大写）<align=?>（对齐方式小写）
注释：？处为：left（左）或者center（中）或者right（右）
(2)垂直对齐标签：<valign=?>
注释：？处为：top（上）或者middle（中）或者 bottom（下）
居中标签：<center>
4、图片标签，又叫贴图标签。标签如下：<IMG> （图片标签大写） <img>（图片标签小写）
（ 以下标签，小写略 ）
5、表格中的标签是一套标签，一共四个标签。成套使用，缺一不可。
(1)表格标签：<TABLE> (2)表格的主体标签：<TBODY> (3)表格的行标签：<TR> (4)表格的列标签：<TD>
6、链接标签：<A>（链接标签）
7、多媒体标签，也叫插入标签。标签如下：<embed> 多媒体标签一般不见用尾标签。
8、换行标签：<br> 换行标签属于空标签，它没有尾标签。
9、 不换行标签：<nobr>
10、块区标签： <div>
11、段落标签：<p>
顺便讲个空格代码，空格代码是个经常使用的代码。代码如下： 
说明：
１、上面讲解的11种标签，除去“多媒体”标签与“换行”标签外，都有尾标签。在哪个标签的字母前面添加一个斜杆，就是这个标签的尾标签。举例如下：文字标签为：<FONT> 文字尾标签为：<FONT> 移动标签为：<MARQUEE> 移动尾标签为：</MARQUEE>
２、大部分标签都有它的属性与属值，上面讲解的标签，我把属性与属值省略了。各种标签的属性与属值，我将在以后的有关章节中进行讲解。
３、各种标签中的字母，一般是大写和小写都有人使用的，这种现象大概是每个人使用字母的习惯不同的原因吧，因此，要想看懂别人制作的网页代码，学习别人的制作方法，大写小写字母的标签都要练习，都要会认、会写。
 作业：自己随便找几篇文章，复制其代码，分别指出每个标签的名称。（如果有不认识的标签可以暂时搁置起来）
说明：
１、你在完成上面的作业时，“复制”下代码以后，要在每一个标签的尖括号前面，点击一下“回车键”，使每一个标签各占一行，然后在标签的后面添加括号，再在括号里做出答案。（作业形式：见下面的“作业答案举例”）
２、此种方法，只适宜于你认识标签。（因为“在每一个标签的尖括号前面，点击了'回车键’”以后，此网页的显示效果可能已经有所改变了，你把它复制、粘贴到撰写文章处发表时，已经不可能显示出原来的网页了。）
作业答案举例：
1、代码及答案：
<div align="center">（ 块区标签）
<a href="/userhome/4127803">（链接标签） <font style="color: rgb(0, 0, 255); font-size: 18pt;" color="#000000">（文字标签） </font>（文字尾标签）
<a>（链接标签） <img title="春天没来的图书馆欢迎您" 0319/15224783_13.png">（图片标签）
</a>（链接尾标签） |
|
|
