这里再次介绍一些标签的用法,为后面的一些知识点做铺垫。
ul无序和ol有序列表标签
其中<li></li>用来表示一项,看示例:
<html>
<head><title>有序和无序列表的应用</title></head>
<body>
<i>无序列表ul</i><!-- 这是注释,i是斜体字标签-->
<ul>
<li>这是第一项</li>
<li>这是第二项</li>
<li>这是第三项</li>
</ul>
<i>有序列表ul</i><!-- 自动给项标明顺序-->
<ol>
<li>这是第一项</li>
<li>这是第二项</li>
<li>这是第三项</li>
</ol>
</body>
</html>
效果:
上面在<!-- 和-->之间的都是注释,这就是HTML的注释符,而在<i>与</i>标签的文字,表明都是斜体的,类似的还有<b></b>,这个是粗体。
table表格标签
<tr>表明一行,在tr里的td就表明具体的一个单元格了,看示例:
<table border="1" > <!-- 表格的属性border是边框的大小 -->
<tr><!--添加第一行 -->
<td>一行的第1个单元格</td>
<td>一行的第2个单元格</td>
<td>一行的第3个单元格</td>
</tr>
<tr><!--添加第二行 -->
<td>二行的第1个单元格</td>
<td>二行的第2个单元格</td>
<td>二行的第3个单元格</td>
</tr>
</table>
效果:
td里的colspan和rowspan属性,用于单元格跨列或跨行,也就是单元格的大小,colspan="2"就是这个单元格占两列,
rowspan="2"是单元格点两行,设置了单元格跨列或跨行后,其它的行列就应该跟其对应起来。
而width和height属性可以决定单元格具体的宽高,如:
<html>
<head><title>表格table应用</title></head>
<body>
<table border="1">
<tr>
<td width="100" height="100">1个单元格</td>
</tr>
</table>
</body>
</html>
小技巧:
pre预格式文本标签
在<pre>和</pre>之间的文本,它的格式不会改变,原样输出在网页中,也就是它的空格,换行,都原样输出。
特殊字符
<是小于号< >是大于号> "是双引号
或者&#+ASCII码,如€
那么要在网页上显示一个标签就是<body><html></body>