表格的定制
逻辑关系非常紧密 定制起来非常方便。个人表示还是很喜欢这种语言的,标记性的语言,把不同的内容和表现形式打上大众普遍认同的标签,比如:XML语言和简书这里所使用的markdown。用起来繁琐是繁琐,但是清晰。
<table border ="1"> 表格的内容 </table>
<tr> 行内容 </tr>
<td> 列内容 </td>
在tr
标签里放置列和内容
在td
标签里放置数据
在table
里有一个border
修饰表格的边框的大小
行和列拼起来就是一个表格,加上数据就是完整的一个表格的内容。
表格定制如下图:

</br>
</br>
无序列表和有序列表的定制
无序列表:
外层由<ul> 列表的cell <ul>
修饰
列表的cell由 <li> cell的内容 </li>
修饰
有序列表: 与无序列表类似,只不过把外层的<ul> </ul>
换成了 <ol> </ol>
,从字面意思也很容易理解,前者是无序,后者有序。
不同的是,有序列表可以定义起始点,比如<ol start="100"> </ol>
,这样的效果就是从100开始的有序列表。
无序列表代码如下:
<!DOCTYPE html>
<html>
<body>
<h4>An Unordered List:</h4>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<br>
<h3>无序列表:</h3>
<ul>
<li>我是第1个</li>
<li>我是第2个</li>
<li>我是第3个</li>
<li>我是第4个</li>
</ul>
</body>
</html>
无序列表效果如下:
An Unordered List:
- Coffee
- Tea
- Milk
无序列表:
- 我是第1个
- 我是第2个
- 我是第3个
- 我是第4个
有序列表代码如下:
<!DOCTYPE html>
<html>
<body>
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<ol start="50">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<ol start="1001">
<li>Coffeehahahahahh</li>
<li>Teahjsahshask</li>
<li>Milsdfksdfhksdk</li>
</ol>
</body>
</html>
有序列表效果如下:
1.Coffee
2.Tea
3.Milk
50. Coffee
51. Tea
52. Milk
1001. Coffeehahahahahh
1002. Teahjsahshask
1003. Milsdfksdfhksdk

网友评论