初试html感觉不错
2016-03-13 本文已影响16人
ChangeWorld
表格的定制
逻辑关系非常紧密 定制起来非常方便。个人表示还是很喜欢这种语言的，标记性的语言，把不同的内容和表现形式打上大众普遍认同的标签，比如：XML语言和简书这里所使用的markdown。用起来繁琐是繁琐，但是清晰。
<table border ="1"> 表格的内容 </table>
<tr> 行内容 </tr>
<td> 列内容 </td>
在tr标签里放置列和内容
在td标签里放置数据
在table里有一个border修饰表格的边框的大小
行和列拼起来就是一个表格，加上数据就是完整的一个表格的内容。
表格定制如下图：
表格.png
</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
无序列表.png
