HTML是由各種各樣的標簽組成，學習HTML就是學習使用這些標簽，本節(jié)討論HTML結(jié)構(gòu)。

1.???????HTML文檔結(jié)構(gòu)(圖2-5)

Html標簽：稱為根標簽，所有的網(wǎng)頁標簽都在中。

Head標簽：代表HTML文檔的頭部信息，以開始，結(jié)束，它是所有頭部元素的容器。頭部元素有、、、、等標簽。

Body標簽中的內(nèi)容直接在網(wǎng)頁的內(nèi)容區(qū)顯示，head標簽的內(nèi)容不顯示網(wǎng)頁內(nèi)容區(qū)，以上HTML代碼運行結(jié)果在瀏覽器中顯示如圖2-6所示。

請學員把源碼和顯示效果圖進行對比，熟練下基本HTML文檔結(jié)構(gòu)，關(guān)于具體的HTML標簽，在以后的課程里會有詳細的討論。

HTML標簽是HTML文檔的基本元素，它一般是成對出現(xiàn)的，既有開始標簽和對應的結(jié)束標簽構(gòu)成，如等，但有些是特殊的單標簽，如等。HTML語言是弱類型語言，標簽部區(qū)分大小寫和顯示結(jié)構(gòu)是相同的。

標簽是HTML中最基本單位，也是最重要組成部分。

• HTML標簽由開始標簽和結(jié)束標簽組成。

• 某些HTML元素沒有結(jié)束標簽，如。

• 標簽是大小寫無關(guān)的，和表示意思是相同的，標志推薦使用小寫。

• 所有的標簽之間可以嵌套，如跟標簽嵌套演示。

常用HTML標簽表(圖2-7)

10.水平線標記(hr)

• Width(水平線的寬度顯示)

• Size(水平線的高度)

• Color(水平線的顏色)

• Noshade水平線去掉陰影屬性標記

• Align水平線對齊屬性

前面已經(jīng)簡單通過了hr標簽，這次為其添加上屬性。

示例(圖2-20)

1

2 標簽演示

3

4

帶屬性值的HR標簽演示

5

6

7

11.輸入特殊符號

基本語法：&nbsp: &quot &amp

如果想在網(wǎng)頁顯示多個空格，可是在源碼中無論你敲多少空格，實際的顯示頁面只能顯示一個如圖2-21所示，顯示的結(jié)果并沒有我們預期的結(jié)果，同樣的我們想在網(wǎng)頁上顯示和HTML代碼有沖突的符合加大于號(>)或小于號(<)等怎么辦呢？HTML語言中專門為顯示這些特殊的符號設定了標簽。常用的特HTML殊符號對應代碼的如圖2-22所示。

12.插入圖片

網(wǎng)頁中常用的圖片格式有jpg、gif、png等。HTML中插入圖片使用標簽

基本語法：

圖片路徑” width=寬度?height=高度>

語法解釋：寬度和高度的單位都是像素，是插入圖片的HTML標簽，src是描述圖片路徑的屬性，它的值表示圖片的路徑。

示例(圖2-23)；

這里的圖片路徑表示logo.gif圖片和html文件在不在同一目錄下。如果圖片則可把所有的圖片放在圖像專有子文件夾中如images中，那么上面的路徑應改為，關(guān)于路徑問題，在后面“相對路徑與絕對路徑”課程中詳細講解。

標簽除了src屬性，外還包含的屬性有：

• alt:設置圖像的提示文字屬性。

• width、height:設置圖像的寬度和高度。

• border:設置圖像的邊框。

• align:設置圖像的排列屬性。

• 設置圖片的提示文字(alt)

基本語法：

圖片路徑”?埃立特“提示文字”>

示例(2-24)：

JMG標簽的alt屬性是指鼠標放在網(wǎng)頁的圖片上沒彈出一行提示性的文字。

?

總結(jié)

以上是生活随笔為你收集整理的html 空格_HTML标签的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。