您现在的位置是：网站首页> 编程资料编程资料

HTML块级标签汇总（小篇）细数html中的列表标签html中常用的标签总结(必看)HTML5新增加标签和功能概述HTML中相似的标签和属性的区别详解html meta标签的使用总结(推荐)浅谈Html5中视频 音频标签 进度条的问题HTML标签marquee实现滚动效果的简单方法(必看)

2023-10-13 428人已围观

简介 这篇文章主要介绍了HTML块级标签汇总（小篇）的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下

块级元素，简单来说，就是自己独占一行的元素。其特点：

①总是在新行上开始；

　②高度，行高以及外边距和内边距都可控制；

　③宽度缺省是它的容器的100%，除非设定一个宽度。

④它可以容纳内联元素和其他块元素

汇总代码如下：

XML/HTML Code复制内容到剪贴板
  1. >  
  2. <html>  
  3. <head>  
  4.     <meta charset="UTF-8">  
  5.     <title>Documenttitle>  
  6. head>  
  7. <body>  
  8.       
  9.       
  10.     <div>盒子div>  
  11.       
  12.     <h1>标题1h1>  
  13.     <h2>标题2h2>  
  14.     <h6>标题3h6>  
  15.       
  16.     <p>文章p>  
  17.       
  18.       
  19.     <ol>  
  20.         <li>导航1li>  
  21.         <li>导航2li>  
  22.         <li>导航3li>  
  23.     ol>  
  24.       
  25.     <ul>  
  26.         <li>导航1li>  
  27.         <li>导航2li>  
  28.         <li>导航3li>  
  29.     ul>  
  30.       
  31.     <dl>  
  32.         <dt>名词dt>  
  33.         <dd>解释名词的位置dd>  
  34.     dl>  
  35.       
  36.     <table>  
  37.         <caption>表格头部caption>  
  38.           
  39.         <tr>  
  40.               
  41.             <th>星期一th>  
  42.             <th>星期二th>  
  43.         tr>  
  44.         <tr>  
  45.               
  46.             <td>上课td>  
  47.             <td>上课td>  
  48.       

    上一篇：用HTML5的canvas实现一个炫酷时钟效果Html5 canvas实现粒子时钟的示例代码HTML写一个网页动态时钟HTML5实现可缩放时钟代码使用html5 canvas 画时钟代码实例分享用HTML5制作数字时钟的教程html5绘制时钟动画html5时钟实现代码HTML 罗盘式时钟的实现

    下一篇：HTML5 拖放功能实现代码 HTML5 拖放（Drag 和 Drop）详解与实例代码HTML5中的拖放实现详解HTML5拖放API实现拖放排序的实例代码HTML5拖放效果的实现代码HTML5逐步分析实现拖放功能的方法

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网