美文网首页
初试html感觉不错

初试html感觉不错

作者: ChangeWorld | 来源:发表于2016-03-13 23:35 被阅读16次

表格的定制

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

相关文章

  • 初试html感觉不错

    表格的定制 逻辑关系非常紧密 定制起来非常方便。个人表示还是很喜欢这种语言的,标记性的语言,把不同的内容和表现形式...

  • 初试HTML

    w3school html简介 什么是 HTML? HTML 是用来描述网页的一种语言。 HTML 指的是超文本...

  • 2018-07-19

    # 初试Markdown ## 第一次用,感觉还不错 > hehehe 哈哈哈

  • 感觉不错

    昨天收到老瑞的留言,他说,因为这次语文成绩不错,假期作业没有书写的作业,而且表达了感觉不错。从他的留言中感受到:这...

  • 感觉不错

  • 感觉不错(*๓´╰╯`๓)♡

  • 感觉不错

    昨天中午吃饭的时候先生看着我笑说,你的手艺真的是不怎么样啊,等晚上我做给你们吃!我看着他不紧不慢的回应他,当初结婚...

  • 感觉不错

    今天一件高兴的事,一件不高兴的事。 不高兴的是,在萌芽论坛投稿的微小说评分只得了30分,相对于上一次(也是第一次)...

  • 感觉不错

    刚上完课,地狱模式开启的第二天。突然发现这样的生活很充实,想想从15年底开始到现在,整整3年时间都交给了手机...

  • 感觉不错

    今天改变了生活的状态,人好像也感觉精神了好多。 以前在意的人也淡化很多,心烦的事也消失了。以前的自己终于在回归中了...

网友评论

      本文标题:初试html感觉不错

      本文链接:https://www.haomeiwen.com/subject/lokflttx.html