pbootcms网站模板|日韩1区2区|织梦模板||网站源码|日韩1区2区|jquery建站特效-html5模板网

HTML塊級標簽匯總(小篇)

這篇文章主要介紹了HTML塊級標簽匯總(小篇)的相關資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下

塊級元素,簡單來說,就是自己獨占一行的元素。其特點

①總是在新行上開始;

 ②高度,行高以及外邊距和內邊距都可控制;

 ③寬度缺省是它的容器的100%,除非設定一個寬度。

④它可以容納內聯元素和其他塊元素

匯總代碼如下:

XML/HTML Code復制內容到剪貼板
  1. <!doctype html>  
  2. <html>  
  3. <head>  
  4.     <meta charset="UTF-8">  
  5.     <title>Document</title>  
  6. </head>  
  7. <body>  
  8.     <!-- 塊狀元素 獨占一行 -->  
  9.     <!-- div無語義,稱它為盒子 -->  
  10.     <div>盒子</div>  
  11.     <!-- h1-h6語義 定義標題 -->  
  12.     <h1>標題1</h1>  
  13.     <h2>標題2</h2>  
  14.     <h6>標題3</h6>  
  15.     <!-- p 語義 段落標簽 寫文字-->  
  16.     <p>文章</p>  
  17.     <!-- 列表多數用來存一系列的相似的數據 -->  
  18.     <!-- 有序列表 -->  
  19.     <ol>  
  20.         <li>導航1</li>  
  21.         <li>導航2</li>  
  22.         <li>導航3</li>  
  23.     </ol>  
  24.     <!-- 無序列表 -->  
  25.     <ul>  
  26.         <li>導航1</li>  
  27.         <li>導航2</li>  
  28.         <li>導航3</li>  
  29.     </ul>  
  30.     <!-- 定義列表 解釋某個名詞 -->  
  31.     <dl>  
  32.         <dt>名詞</dt>  
  33.         <dd>解釋名詞的位置</dd>  
  34.     </dl>  
  35.     <!-- 表格 渲染性能不好 少用 -->  
  36.     <table>  
  37.         <caption>表格頭部</caption>  
  38.         <!-- tr是行 -->  
  39.         <tr>  
  40.             <!-- th表頭 -->  
  41.             <th>星期一</th>  
  42.             <th>星期二</th>  
  43.         </tr>  
  44.         <tr>  
  45.             <!-- td單元格 -->  
  46.             <td>上課</td>  
  47.             <td>上課</td>  
  48.         </tr>  
  49.     </table>  
  50. </body>  
  51. </html>  
【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

為了使我們的網站更好的被搜索引擎抓取收錄,更自然的獲得更高的流量,網站標簽的語義化就顯得尤為重要。所謂標簽語義化,就是指標簽的含義。,HTML5中國,中國最大的HTML5中文門
html標簽之Object和EMBED標簽詳解_html5教程技巧HTML5中文學習網,是中國最大的HTML5中文門戶,為廣大HTML5愛好者提供各種HTML5資料,包括HTML5網站、HTML5資訊、HTML5應用、HTML5游戲、HTML5教程、
主站蜘蛛池模板: 上海办公室设计_办公楼,写字楼装修_办公室装修公司-匠御设计 | 气动隔膜泵-电动隔膜泵-循环热水泵-液下排污/螺杆/管道/化工泵「厂家」浙江绿邦 | 单级/双级旋片式真空泵厂家,2xz旋片真空泵-浙江台州求精真空泵有限公司 | 施工电梯_齿条货梯_烟囱电梯_物料提升机-河南大诚机械制造有限公司 | 振动筛,震动筛,圆形振动筛,振动筛价格,振动筛厂家-新乡巨宝机电 蒸汽热收缩机_蒸汽发生器_塑封机_包膜机_封切收缩机_热收缩包装机_真空机_全自动打包机_捆扎机_封箱机-东莞市中堡智能科技有限公司 | 渣油泵,KCB齿轮泵,不锈钢齿轮泵,重油泵,煤焦油泵,泊头市泰邦泵阀制造有限公司 | 工业CT-无锡璟能智能仪器有限公司| 骨密度检测仪_骨密度分析仪_骨密度仪_动脉硬化检测仪专业生产厂家【品源医疗】 | 不锈钢散热器,冷却翅片管散热器厂家-无锡市烨晟化工装备科技有限公司 | 生物风-销售载体,基因,质粒,ATCC细胞,ATCC菌株等,欢迎购买-百风生物 | app开发|app开发公司|小程序开发|物联网开发||北京网站制作|--前潮网络 | 骨密度检测仪_骨密度分析仪_骨密度仪_动脉硬化检测仪专业生产厂家【品源医疗】 | 深圳市八百通智能技术有限公司官方网站 | 高考志愿规划师_高考规划师_高考培训师_高报师_升学规划师_高考志愿规划师培训认证机构「向阳生涯」 | 护腰带生产厂家_磁石_医用_热压护腰_登山护膝_背姿矫正带_保健护具_医疗护具-衡水港盛 | 滑石粉,滑石粉厂家,超细滑石粉-莱州圣凯滑石有限公司 | 翅片管散热器价格_钢制暖气片报价_钢制板式散热器厂家「河北冀春暖气片有限公司」 | 转向助力泵/水泵/发电机皮带轮生产厂家-锦州华一精工有限公司 | 五轴加工中心_数控加工中心_铝型材加工中心-罗威斯 | 电子厂招聘_工厂招聘_普工招聘_小时工招聘信息平台-众立方招工网 | 横河变送器-横河压力变送器-EJA变送器-EJA压力变送器-「泉蕴仪表」 | 杜甫仪器官网|实验室平行反应器|升降水浴锅|台式低温循环泵 | 磁力去毛刺机_去毛刺磁力抛光机_磁力光饰机_磁力滚抛机_精密金属零件去毛刺机厂家-冠古科技 | 乐之康护 - 专业护工服务平台,提供医院陪护-居家照护-居家康复 | 硅PU球场、篮球场地面施工「水性、环保、弹性」硅PU材料生产厂家-广东中星体育公司 | 科普仪器菏泽市教育教学仪器总厂 | 土壤肥料养分速测仪_测土配方施肥仪_土壤养分检测仪-杭州鸣辉科技有限公司 | 渣土车电机,太阳能跟踪器电机,蜗轮蜗杆减速电机厂家-淄博传强电机 | T恤衫定做,企业文化衫制作订做,广告T恤POLO衫定制厂家[源头工厂]-【汉诚T恤定制网】 | CCC验厂-家用电器|服务器CCC认证咨询-奥测世纪 | 锂电叉车,电动叉车_厂家-山东博峻智能科技有限公司 | 123悬赏网_发布悬赏任务_广告任务平台 | 工业机械三维动画制作 环保设备原理三维演示动画 自动化装配产线三维动画制作公司-南京燃动数字 聚合氯化铝_喷雾聚氯化铝_聚合氯化铝铁厂家_郑州亿升化工有限公司 | 全自动贴标机-套标机-工业热风机-不干胶贴标机-上海厚冉机械 | 砂石生产线_石料生产线设备_制砂生产线设备价格_生产厂家-河南中誉鼎力智能装备有限公司 | 昆明挖掘机修理厂_挖掘机翻新再制造-昆明聚力工程机械维修有限公司 | 南京技嘉环保科技有限公司-杀菌除臭剂|污水|垃圾|厕所|橡胶厂|化工厂|铸造厂除臭剂 | 灰板纸、灰底白、硬纸板等纸品生产商-金泊纸业 | 升降机-高空作业车租赁-蜘蛛车-曲臂式伸缩臂剪叉式液压升降平台-脚手架-【普雷斯特公司厂家】 | 硅胶管挤出机厂家_硅胶挤出机生产线_硅胶条挤出机_臣泽智能装备 贵州科比特-防雷公司厂家提供贵州防雷工程,防雷检测,防雷接地,防雷设备价格,防雷产品报价服务-贵州防雷检测公司 | 气动机械手-搬运机械手-气动助力机械手-山东精瑞自动化设备有限公司 |