HTML的基本結構和標簽分類

本文轉載自查看原文 2019-05-28 20:42 575

HTML：超文本標記語言

HTML基本結構

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    </body>
</html>

html中嵌套兩部分：head和body

　　head中放標題、字符格式、語言、兼容性、關鍵字、描述等信息；

　　body中放網頁需要展示的部分。

html標簽分類

1. 　單標簽：由一個標簽< />組成。比如水平分割線<hr />
2. 　雙標簽：由“開始標簽”< >和“結束標簽”< />兩部分構成。開始標簽和結束標簽也被稱為開放標簽和閉合標簽。比如：文字段落<p></p><p>是開始標簽，表示一個段落的開始。 </p>是結束標簽，表示一個段落的結束。

按是否換行特征分類
1. 行內塊元素:
  （1）. 不自動換行
  （2）. 能夠識別寬高
  （3）. 默認排列方式為從左到右
2. 塊標簽：
  （1）. 獨占一行
  （2）. 繼承父級屬性
  （3）. 可以設置寬高
  　　比如：div、p、ul、li、ol等
3. 行標簽：
  （1）. 只占他本身部分
  （2）. 繼承父級屬性
  （3）. 不能設置寬高
  　　比如：i、input、label、select、span等
  
  控制標簽類型的樣式
  display：block塊標簽
  　　　　inline行標簽
  　　　　inline-block行內塊元素
  　　　　none隱藏

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 HTML標簽分類 HTML標簽與文檔結構 HTML結構標簽介紹 HTML5 結構標簽 HTML5中的標簽分類 HTML文本結構及常用標簽十：HTML之div和span標簽、行內標簽和塊級標簽分類、標簽嵌套規則 Day44 html結構/標簽/規范 web前端（3）—— html標簽及web頁面結構 HTML5語義化結構標簽有哪些？