HTML 第三章 标签的分类加列表

本文详细介绍了HTML中的块级元素、行内元素,包括<h1>到<h6>、<img>、<a>等,并探讨了列表的有序与无序类型及其自定义方式。此外,还解析了定义列表的结构和用法。最后,讲解了表格标签<table>、<tr>、<th>和<td>的使用,以及如何通过type属性自定义列表样式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

标签的分类
  
1.块元素: 会自动换行   <h1></h1>--<h6></h6>

2.行内元素(内联元素):不会换行 : 
       
  <img/>、 <a><a/>、<i></i>、<span></span>、<strong>、、、、

标签: 形状大小不同的矩形盒子

列表: 排序文字 
有序列表 : 
                <ol>
         <li>文字</li>
               </ol>

a75568c115c741768ec6802df46e4240.jpg

1.有序列表的展示如下

8a1413e208694e79bddfa6aea1c5b060.jpg 

 2.无序列表

        <ul>
              <li>文字</li>
          </ul>

a8a2e7aa1fe54d07b264ce49d9199a27.jpg

2.无序列表效果如下

9699b03355814d48b88bd5d6ab6eed97.jpg 

 3.定义列表: <dl>

                 <dt>标题</dt>

                  <dd>选项</dd>

                  ........................

                   <dt>标题</dt>

                  <dd>选项</dd>

                 </dt>

ab81658b5d8d4168ab86204503bd4616.jpg

 

3.定义列表效果如下

04fec9927673492c857e5c855a803afc.jpg

 4.表格标签 :   <table> 
                             <tr>
                         <th></th>
                             </tr>
                          ...............
                             <tr>
                         <td></td>
                          ...............
                             </tr>
                             <tr>
                           <td></td>
                            ..............
                              </tr>
                       </table>

fe26807b73da4fc2b209b8152e035b5f.jpg

 4.表格标签效果如下

15fe5c5583a948ea8c8bda9dfa25af89.jpg

 table :整个表格  tr:一行   th:标题格   td:内容格

额外功能!!!如下

有序和无序这里可以加 type

第一个有序的type

373e8830928a4299ab697afa8f390363.jpg

第二个无序的type

10577ab5e543451689f1301fe43cffc1.jpg

第二个可以加 type ="none"效果如下

6415b4c12e5e46c196e483512feb03f1.jpg

无序列表的功能都在下面了

  type :修改符号 none:无 disc:实心圆 ,默认值 square: 实心方 circle:空心圆

90bb8ecc191643e583dfcc946e95a1f6.gif

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值