TML 是用來描述網頁的一種語言。
- HTML 指的是超文本標記語言 (Hyper Text Markup Language)
- HTML 不是一種編程語言,而是一種標記語言 (markup language)
- 標記語言是一套標記標簽 (markup tag)
- HTML 使用標記標簽來描述網頁
HTML 標簽
HTML 標記標簽通常被稱為 HTML 標簽 (HTML tag)。
- HTML 標簽是由尖括號包圍的關鍵詞,比如 <html>
- HTML 標簽通常是成對出現的,比如 <b> 和 </b>
- 標簽對中的第一個標簽是開始標簽,第二個標簽是結束標簽
- 開始和結束標簽也被稱為開放標簽和閉合標簽
HTML 文檔 = 網頁
- HTML 文檔描述網頁
- HTML 文檔包含 HTML 標簽和純文本
- HTML 文檔也被稱為網頁
Web 瀏覽器的作用是讀取 HTML 文檔,并以網頁的形式顯示出它們。瀏覽器不會顯示 HTML 標簽,而是使用標簽來解釋頁面的內容:
<html>
<body>
<h1>我的第一個標題</h1>
<p>我的第一個段落。</p>
</body>
</html>
例子解釋
- <html> 與 </html> 之間的文本描述網頁
- <body> 與 </body> 之間的文本是可見的頁面內容
- <h1> 與 </h1> 之間的文本被顯示為標題
- <p> 與 </p> 之間的文本被顯示為段落
么是 HTML?
HTML 是用來描述網頁的一種語言。
- HTML 指的是超文本標記語言 (Hyper Text Markup Language)
- HTML 不是一種編程語言,而是一種標記語言 (markup language)
- 標記語言是一套標記標簽 (markup tag)
- HTML 使用標記標簽來描述網頁
HTML 標簽
HTML 標記標簽通常被稱為 HTML 標簽 (HTML tag)。
- HTML 標簽是由尖括號包圍的關鍵詞,比如 <html>
- HTML 標簽通常是成對出現的,比如 <b> 和 </b>
- 標簽對中的第一個標簽是開始標簽,第二個標簽是結束標簽
- 開始和結束標簽也被稱為開放標簽和閉合標簽
HTML 文檔 = 網頁
- HTML 文檔描述網頁
- HTML 文檔包含 HTML 標簽和純文本
- HTML 文檔也被稱為網頁
Web 瀏覽器的作用是讀取 HTML 文檔,并以網頁的形式顯示出它們。瀏覽器不會顯示 HTML 標簽,而是使用標簽來解釋頁面的內容:
<html>
<body>
<h1>我的第一個標題</h1>
<p>我的第一個段落。</p>
</body>
</html>
例子解釋
- <html> 與 </html> 之間的文本描述網頁
- <body> 與 </body> 之間的文本是可見的頁面內容
- <h1> 與 </h1> 之間的文本被顯示為標題
- <p> 與 </p> 之間的文本被顯示為段落
個人編寫HTML使用的軟件是dreamweaver,這個軟件的話,正版是要購買的,一開始學習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還有一些比較常用的基本標簽;
(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)超鏈接標簽:
(5)序列化標簽:
- ul:定義無序列表;
- ol:定義有序列表;
- li:定義列表項目,可用在無序列表ul和有序列表ol中;
- dl:定義了定義列表;
- dt:定義了定義列表中的項目(即術語部分);
- dd:在定義列表中定義條目的定義部分;
(6)表格標簽:
- table:定義 HTML 表格;
- tr:定義表格的行;
- td:定義表格的單元;
- th:定義表頭;
- caption:定義表格標題;
- col:為表格中一個或多個列定義屬性值;
- colgroup:用于對表格中的列進行組合,以便對其進行格式化;
- thead:定義表格的表頭;
- tbody:表格主體,也就是正文部分;
- tfoot:定義表格的頁腳(腳注或表注);
(7)表單標簽:
- 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播放器;