2.网页前端基础--标签的运用

这里再次介绍一些标签的用法,为后面的一些知识点做铺垫。

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>之间的文本,它的格式不会改变,原样输出在网页中,也就是它的空格,换行,都原样输出。

特殊字符

&lt;是小于号<  &gt;是大于号> &quot;是双引号

或者&#+ASCII码,如&#128;

那么要在网页上显示一个标签就是<body>&lt;html&gt</body>

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Bczheng1

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值