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教程、
主站蜘蛛池模板: 环氧铁红防锈漆_环氧漆_无溶剂环氧涂料_环氧防腐漆-华川涂料 | 爆破器材运输车|烟花爆竹运输车|1-9类危险品厢式运输车|湖北江南专用特种汽车有限公司 | 济南ISO9000认证咨询代理公司,ISO9001认证,CMA实验室认证,ISO/TS16949认证,服务体系认证,资产管理体系认证,SC食品生产许可证- 济南创远企业管理咨询有限公司 郑州电线电缆厂家-防火|低压|低烟无卤电缆-河南明星电缆 | 哈尔滨治「失眠/抑郁/焦虑症/精神心理」专科医院排行榜-京科脑康免费咨询 一对一诊疗 | 粘度计,数显粘度计,指针旋转粘度计 | 北京四合院出租,北京四合院出售,北京平房买卖 - 顺益兴四合院 | 上海公司注册-代理记账-招投标审计-上海昆仑扇财税咨询有限公司 上海冠顶工业设备有限公司-隧道炉,烘箱,UV固化机,涂装设备,高温炉,工业机器人生产厂家 | 发电机组|柴油发电机组-批发,上柴,玉柴,潍柴,康明斯柴油发电机厂家直销 | 对照品_中药对照品_标准品_对照药材_「格利普」高纯中药标准品厂家-成都格利普生物科技有限公司 澳门精准正版免费大全,2025新澳门全年免费,新澳天天开奖免费资料大全最新,新澳2025今晚开奖资料,新澳马今天最快最新图库 | 【灵硕展览集团】展台展会设计_展览会展台搭建_展览展示设计一站式服务公司 | 混合生育酚_醋酸生育酚粉_琥珀酸生育酚-山东新元素生物科技 | 湖南档案密集架,智能,物证,移动,价格-湖南档案密集架厂家 | 扫地车厂家-山西洗地机-太原电动扫地车「大同朔州吕梁晋中忻州长治晋城洗地机」山西锦力环保科技有限公司 | 车充外壳,车载充电器外壳,车载点烟器外壳,点烟器连接头,旅行充充电器外壳,手机充电器外壳,深圳市华科达塑胶五金有限公司 | 郑州大巴车出租|中巴车租赁|旅游大巴租车|包车|郑州旅游大巴车租赁有限公司 | 好看的韩国漫画_韩漫在线免费阅读-汗汗漫画 | 杭州实验室尾气处理_实验台_实验室家具_杭州秋叶实验设备有限公司 | 工控机-工业平板电脑-研华工控机-研越无风扇嵌入式box工控机 | 电梯装饰-北京万达中意电梯装饰有限公司 | 合同书格式和范文_合同书样本模板_电子版合同,找范文吧 | 微型气象仪_气象传感器_防爆气象传感器-天合传感器大全 | 厌氧工作站-通用型厌氧工作站-上海胜秋科学仪器有限公司 | 不锈钢水箱生产厂家_消防水箱生产厂家-河南联固供水设备有限公司 | 卷筒电缆-拖链电缆-特种柔性扁平电缆定制厂家「上海缆胜」 | 食品机械专用传感器-落料放大器-低价接近开关-菲德自控技术(天津)有限公司 | 撕碎机,撕破机,双轴破碎机-大件垃圾破碎机厂家 | POS机办理_个人POS机免费领取 - 银联POS机申请首页 | 穿线管|波纹穿线管|包塑金属软管|蛇皮管?闵彬专注弱电工程? | 节流截止放空阀-不锈钢阀门-气动|电动截止阀-鸿华阀门有限公司 | ptc_浴霸_大巴_干衣机_呼吸机_毛巾架_电动车加热器-上海帕克 | 便携式高压氧舱-微压氧舱-核生化洗消系统-公众洗消站-洗消帐篷-北京利盟救援 | 涂层测厚仪_光泽度仪_uv能量计_紫外辐照计_太阳膜测试仪_透光率仪-林上科技 | 合肥制氮机_合肥空压机厂家_安徽真空泵-凯圣精机 | 山东钢格板|栅格板生产厂家供应商-日照森亿钢格板有限公司 | 电磁铁_推拉电磁铁_机械手电磁吸盘电磁铁厂家-广州思德隆电子公司 | 实战IT培训机构_IT培训班选大学生IT技术培训中心_中公优就业 | 美侍宠物-专注宠物狗及宠物猫训练|喂养|医疗|繁育|品种|价格 | 定做大型恒温循环水浴槽-工业用不锈钢恒温水箱-大容量低温恒温水槽-常州精达仪器 | 广州昊至泉水上乐园设备有限公司| 旋振筛_不锈钢旋振筛_气旋筛_旋振筛厂家—新乡市大汉振动机械有限公司 | 灰板纸、灰底白、硬纸板等纸品生产商-金泊纸业 |