HTML 介紹

說到HTML,我我的編寫HTML使用的軟件是dreamweaver,爲何用這個軟件嘛,反正就是從開始學HTML就是用的這個軟件了,挺好用且代碼提示特別方便~html

1.什麼是HTML?

  • HTML 是用來描述網頁的一種語言,指的是超文本標記語言: HyperText Markup Language;
  • HTML 不是一種編程語言,而是一種標記語言;
  • HTML文檔也叫作 web 頁面;

2.HTML基本結構

  • <!DOCTYPE html>:文檔聲明;
  • <html>:HTML 頁面的根元素;
  • <head>:用於定義文檔的頭部,是全部頭部元素的容器;
  • <meta>:提供有關頁面的元信息,位於文檔的頭部,不包含任何內容;
  • <title>:文檔的標題;
  • <body>:定義文檔的主體,包含文檔的全部內容;

3.HTML標籤使用?

  • HTML 標籤是由尖括號包圍的關鍵詞,且一般是成對出現的如<a></a>,固然也有單個的,只不過比較少如<hr>
  • 標籤對中的第一個標籤表示開始標籤,第二個標籤表示結束標籤;

4.HTML經常使用標籤介紹

除了HTML基本結構的幾個標籤之外,HTML還有一些比較經常使用的基本標籤;web

(1)文本標籤:編程

  • h1-h6:用於定義標題,h1爲最大標題,h6爲最小標題;
  • p:定義段落;
  • span:組合文檔中的行內元素;
  • br:換行;
  • hr:水平線;
  • strong/b:加粗文字;
  • em/i:斜體;
  • u:下劃線;
  • `s:刪除線;
  • pre:定義預格式化的文本,保持原有格式;
  • sub:下標;
  • sup:上標;
  • blockquote:塊引用;

(2)佈局標籤:框架

  • div:定義文檔中的分區或節,把文檔分割爲獨立的、不一樣的部分;
  • header:定義頁面的頭部;
  • aside:用做文章的側欄;
  • section:定義文檔中的節;
  • footer :定義文檔或節的頁腳,一般包含文檔的做者、版權信息、使用條款連接、聯繫信息等;
  • article:規定文章獨立的其餘內容,如標題、內容、評論;

(3)多媒體標籤:編程語言

  • img:用於在網頁中插入圖像;
  • audio:定義聲音,好比音樂或其餘音頻流;
  • video:定義視頻,好比電影片斷或其餘視頻流;

(4)超連接標籤:ide

  • a:定義超連接,指定頁面間的跳轉;

(5)序列化標籤:佈局

  • ul:定義無序列表;
  • ol:定義有序列表;
  • li:定義列表項目,可用在無序列表ul和有序列表ol中;
  • dl:定義了定義列表;
  • dt:定義了定義列表中的項目(即術語部分);
  • dd:在定義列表中定義條目的定義部分;

(6)表格標籤:spa

  • table:定義 HTML 表格;
  • tr:定義表格的行;
  • td:定義表格的單元;
  • th:定義表頭;
  • caption:定義表格標題;
  • col:爲表格中一個或多個列定義屬性值;
  • colgroup:用於對錶格中的列進行組合,以便對其進行格式化;
  • thead:定義表格的表頭;
  • tbody:表格主體,也就是正文部分;
  • tfoot:定義表格的頁腳(腳註或表注);

(7)表單標籤:code

  • form:用於爲用戶輸入建立 HTML 表單;
  • input:用於蒐集用戶信息;
  • button:定義一個按鈕;
  • select:建立單選或多選菜單;
  • option:定義下拉列表中的一個選項;
  • textarea:定義多行的文本輸入控件;
  • label:爲 input 元素定義標註(標記);
  • fieldset:用於將表單內的相關元素分組;
  • legend:爲 fieldset 元素定義標題;

5.HTML注意事項

  • HTML文件當之後綴名爲 .html 或 .htm 來命名;
  • HTML標籤和屬性是不區分大小寫的,建議HTML標籤和屬性都小寫,屬性值必須用雙引號包圍;
  • HTML標籤都是以開始標籤起始,以結束標籤終止;
  • HTML標籤之間儘可能縮進與換行,每行代碼不要過長,方便閱讀和維護;
  • HTML標籤使用必須符合標籤嵌套規則,如禁止a標籤嵌套a標籤,p標籤嵌套div標籤等;
  • 建議不使用HTML已經廢棄的或者不同意使用的標籤,少使用table佈局、iframe框架嵌套以及flash播放器;
相關文章
相關標籤/搜索