TML 是用來描述網(wǎng)頁的一種語言。
- HTML 指的是超文本標記語言 (Hyper Text Markup Language)
- HTML 不是一種編程語言,而是一種標記語言 (markup language)
- 標記語言是一套標記標簽 (markup tag)
- HTML 使用標記標簽來描述網(wǎng)頁
HTML 標簽
HTML 標記標簽通常被稱為 HTML 標簽 (HTML tag)。
- HTML 標簽是由尖括號包圍的關(guān)鍵詞,比如 <html>
- HTML 標簽通常是成對出現(xiàn)的,比如 <b> 和 </b>
- 標簽對中的第一個標簽是開始標簽,第二個標簽是結(jié)束標簽
- 開始和結(jié)束標簽也被稱為開放標簽和閉合標簽
HTML 文檔 = 網(wǎng)頁
- HTML 文檔描述網(wǎng)頁
- HTML 文檔包含 HTML 標簽和純文本
- HTML 文檔也被稱為網(wǎng)頁
Web 瀏覽器的作用是讀取 HTML 文檔,并以網(wǎng)頁的形式顯示出它們。瀏覽器不會顯示 HTML 標簽,而是使用標簽來解釋頁面的內(nèi)容:
<html>
<body>
<h1>我的第一個標題</h1>
<p>我的第一個段落。</p>
</body>
</html>
例子解釋
- <html> 與 </html> 之間的文本描述網(wǎng)頁
- <body> 與 </body> 之間的文本是可見的頁面內(nèi)容
- <h1> 與 </h1> 之間的文本被顯示為標題
- <p> 與 </p> 之間的文本被顯示為段落
么是 HTML?
HTML 是用來描述網(wǎng)頁的一種語言。
- HTML 指的是超文本標記語言 (Hyper Text Markup Language)
- HTML 不是一種編程語言,而是一種標記語言 (markup language)
- 標記語言是一套標記標簽 (markup tag)
- HTML 使用標記標簽來描述網(wǎng)頁
HTML 標簽
HTML 標記標簽通常被稱為 HTML 標簽 (HTML tag)。
- HTML 標簽是由尖括號包圍的關(guān)鍵詞,比如 <html>
- HTML 標簽通常是成對出現(xiàn)的,比如 <b> 和 </b>
- 標簽對中的第一個標簽是開始標簽,第二個標簽是結(jié)束標簽
- 開始和結(jié)束標簽也被稱為開放標簽和閉合標簽
HTML 文檔 = 網(wǎng)頁
- HTML 文檔描述網(wǎng)頁
- HTML 文檔包含 HTML 標簽和純文本
- HTML 文檔也被稱為網(wǎng)頁
Web 瀏覽器的作用是讀取 HTML 文檔,并以網(wǎng)頁的形式顯示出它們。瀏覽器不會顯示 HTML 標簽,而是使用標簽來解釋頁面的內(nèi)容:
<html>
<body>
<h1>我的第一個標題</h1>
<p>我的第一個段落。</p>
</body>
</html>
例子解釋
- <html> 與 </html> 之間的文本描述網(wǎng)頁
- <body> 與 </body> 之間的文本是可見的頁面內(nèi)容
- <h1> 與 </h1> 之間的文本被顯示為標題
- <p> 與 </p> 之間的文本被顯示為段落
個人編寫HTML使用的軟件是dreamweaver,這個軟件的話,正版是要購買的,一開始學(xué)習(xí)HTML就是用的這個軟件了,挺好用的,而且代碼提示特別方便,不用擔(dān)心太多的標簽和屬性記勞~
1.什么是HTML?
- HTML 是用來描述網(wǎng)頁的一種語言,指的是超文本標記語言: HyperText Markup Language;
- HTML 不是一種編程語言,而是一種標記語言;
- HTML文檔也叫做 web 頁面;
2.HTML基本結(jié)構(gòu)
- <!DOCTYPE html>:文檔聲明;
- <html>:HTML 頁面的根元素;
- <head>:用于定義文檔的頭部,是所有頭部元素的容器;
- <meta>:提供有關(guān)頁面的元信息,位于文檔的頭部,不包含任何內(nèi)容;
- <title>:文檔的標題;
- <body>:定義文檔的主體,包含文檔的所有內(nèi)容;
3.HTML標簽使用?
- HTML 標簽是由尖括號包圍的關(guān)鍵詞,且通常是成對出現(xiàn)的如<a></a>,當然也有單個的,只不過比較少如<hr>;
- 標簽對中的第一個標簽表示開始標簽,第二個標簽表示結(jié)束標簽;
4.HTML常用標簽介紹
除了HTML基本結(jié)構(gòu)的幾個標簽以外,HTML還有一些比較常用的基本標簽;
(1)文本標簽:
- h1-h6:用于定義標題,h1為最大標題,h6為最小標題;
- p:定義段落;
- span:組合文檔中的行內(nèi)元素;
- br:換行;
- hr:水平線;
- strong/b:加粗文字;
- em/i:斜體;
- u:下劃線;
- s:刪除線;
- pre:定義預(yù)格式化的文本,保持原有格式;
- sub:下標;
- sup:上標;
- blockquote:塊引用;
(2)布局標簽:
- div:定義文檔中的分區(qū)或節(jié),把文檔分割為獨立的、不同的部分;
- header:定義頁面的頭部;
- aside:用作文章的側(cè)欄;
- section:定義文檔中的節(jié);
- footer:定義文檔或節(jié)的頁腳,通常包含文檔的作者、版權(quán)信息、使用條款鏈接、聯(lián)系信息等;
- article:規(guī)定文章獨立的其他內(nèi)容,如標題、內(nèi)容、評論;
(3)多媒體標簽:
- img:用于在網(wǎng)頁中插入圖像;
- audio:定義聲音,比如音樂或其他音頻流;
- video:定義視頻,比如電影片段或其他視頻流;
(4)超鏈接標簽:
(5)序列化標簽:
- ul:定義無序列表;
- ol:定義有序列表;
- li:定義列表項目,可用在無序列表ul和有序列表ol中;
- dl:定義了定義列表;
- dt:定義了定義列表中的項目(即術(shù)語部分);
- dd:在定義列表中定義條目的定義部分;
(6)表格標簽:
- table:定義 HTML 表格;
- tr:定義表格的行;
- td:定義表格的單元;
- th:定義表頭;
- caption:定義表格標題;
- col:為表格中一個或多個列定義屬性值;
- colgroup:用于對表格中的列進行組合,以便對其進行格式化;
- thead:定義表格的表頭;
- tbody:表格主體,也就是正文部分;
- tfoot:定義表格的頁腳(腳注或表注);
(7)表單標簽:
- form:用于為用戶輸入創(chuàng)建 HTML 表單;
- input:用于搜集用戶信息;
- button:定義一個按鈕;
- select:創(chuàng)建單選或多選菜單;
- option:定義下拉列表中的一個選項;
- textarea:定義多行的文本輸入控件;
- label:為 input 元素定義標注(標記);
- fieldset:用于將表單內(nèi)的相關(guān)元素分組;
- legend:為 fieldset 元素定義標題;
5.HTML注意事項
- HTML文件當以后綴名為 .html 或 .htm 來命名;
- HTML標簽和屬性是不區(qū)分大小寫的,建議HTML標簽和屬性都小寫,屬性值必須用雙引號包圍;
- HTML標簽都是以開始標簽起始,以結(jié)束標簽終止;
- HTML標簽之間盡量縮進與換行,每行代碼不要過長,方便閱讀和維護;
- HTML標簽使用必須符合標簽嵌套規(guī)則,如禁止a標簽嵌套a標簽,p標簽嵌套div標簽等;
- 建議不使用HTML已經(jīng)廢棄的或者不贊成使用的標簽,少使用table布局、iframe框架嵌套以及flash播放器;