初试html感觉不错

表格的定制

逻辑关系非常紧密 定制起来非常方便。个人表示还是很喜欢这种语言的,标记性的语言,把不同的内容和表现形式打上大众普遍认同的标签,比如: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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,691评论 1 92
  • 一,有序列表、无序列表、自定义列表如何使用?写个简单的例子。三者在语义上有什么区别?在哪些情况下使用哪种(重要)?...
    kingBirds阅读 4,251评论 0 0
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,034评论 25 709
  • Bootstrap是什么? 一套易用、优雅、灵活、可扩展的前端工具集--BootStrap。GitHub上介绍 的...
    凛0_0阅读 13,739评论 3 184
  • 简述 今天测试环境的node服务启动报错,如下图 从Make sure you have the latest v...
    四六十阅读 13,935评论 0 2

友情链接更多精彩内容