html学习日记part06

本文详细介绍了HTML和CSS的基本使用方法,包括如何使用ul和ol标签创建列表,使用div标签划分网页板块,以及如何利用table标签创建和美化表格。同时,文章还提供了添加表格边框、标题和摘要的方法。

  使用ul,添加新闻信息列表

  <ul>

    <li>新闻一</li>

    <li>新闻二</li>

    <li>新闻三</li>

  </ul>

 

  使用ol,添加图书销售排行榜,即在文本前自动加入数字

  <ol>

    <li>新闻一</li>

    <li>新闻二</li>

    <li>新闻三</li>

  </ol>

 

  用<div>标签为网页划分独立的板块

  <div>bla...bla</div>

  给div命名,使逻辑更加清晰

  <div id="板块名称">bla...bla</div>

 

  table标签,认识网页上的表格

  1.<table>…</table>:整个表格以<table>标记开始、</table>标记结束。

  2、<tbody>…</tbody>:当表格内容非常多时,表格会下载一点显示一点,但如果加上<tbody>标签后,这个表格就要等表格内容全部下载完才会显示。

  3、<tr>…</tr>:表格的一行,所以有几对tr 表格就有几行。

  4、<td>…</td>:表格的一个单元格,一行中包含几对<td>...</td>,说明一行中就有几列。   

  5、<th>…</th>:表格的头部的一个单元格,表格表头。表头,也就是th标签中的文本默认为粗体并且居中显示.

 

  用css样式,为表格加入边框

  <style type="text/css">

  table tr td,th{border:1px solid #000;}

  </style>

 

  为表格添加标题和摘要

  添加摘要: <table summary="表格简介文本">

  添加标题: <caption>标题文本</caption>

 

 

 

  

转载于:https://www.cnblogs.com/JLU-lp/p/5657448.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值