html基本結構(文檔規範、標題、標籤特點、段落、換行)

html基本結構

<!--文檔聲明-->
<!DOCTYPE html>
<!--定義html文檔的整體
  ‘lang=“en”’定義網頁的語言爲英文,定義成中文是'lang="zh-CN"'-->
<html lang="en">
    <!--“<head>”標籤裏面負責對網頁進行一些設置以及定義標題,
      設置包括定義網頁的編碼格式,外鏈css樣式文件和javascript文件等,
      設置的內容不會顯示在網頁上,標題的內容會顯示在標題欄-->
    <head>
        <meta charset="UTF-8">
        <title>網頁標題</title>
    </head>
    <!--“<body>”內編寫網頁上顯示的內容。-->
    <body>
          網頁顯示內容
    </body>
</html>

html文檔規範

1、所有的標籤必須小寫
2、所有的屬性必須用雙引號括起來
3、所有標籤必須閉合
4、img 必須要加 alt 屬性(對圖片的描述)

html標題

通過 <h1>、<h2>、<h3>、<h4>、<h5>、<h6>,標籤可以在網頁上定義6種級別的標題。6種級別的標題表示文檔的6級目錄層級關係。

html標籤特點

html的標籤大部分是成對出現的,少量是單個出現的,特定標籤之間可以相互嵌套,嵌套就是指一個標籤裏面可以包含一個或多個其他的標籤,包含的標籤和父標籤可以是同類型的,也可以是不同類型的:

<!-- 成對出現的標籤  -->
<body>......</body>
<p>......</p>
<div>......</div>
<b>......</b>

<!-- 單個出現的標籤  -->
<br />
<img src="..." />
<input type="..." />

<!-- 標籤之間的嵌套  -->
<p>
    <span>...</span>
    <a href="...">...</a>
</p>

<div>
      <h3>...</h3>
      <div>
              <span>...</span>
              <p>...</p>
      </div>
</div>

html段落

<p>標籤定義一個文本段落,一個段落含有默認的上下間距,段落之間會用這種默認間距隔開.

html換行

代碼中成段的文字,直接在代碼中回車換行,在渲染成網頁時候不認這種換行,如果真想換行,可以在代碼的段落中插入 <br /> 來強制換行。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章