HTML標(biāo)記語(yǔ)言
一、HTML的語(yǔ)法
二宣渗、html的基本結(jié)構(gòu)
三抖所、文檔設(shè)置標(biāo)記
四、圖像標(biāo)記
五痕囱、超鏈接的使用
六田轧、表格
七、HTML框架
八鞍恢、表單設(shè)計(jì)
一傻粘、HTML的語(yǔ)法
1. 什么是HTML標(biāo)記語(yǔ)言
表示網(wǎng)頁(yè)信息的符號(hào)標(biāo)記語(yǔ)言
特點(diǎn)
a) 可以設(shè)置文本的格式每窖,比如標(biāo)題、字號(hào)弦悉、文本顏色窒典、段落等等
b) 可以創(chuàng)建列表
c) 可以插入圖像和媒體
d) 可以建立表格
e) 超鏈接,可以使用鼠標(biāo)點(diǎn)擊超鏈接來(lái)實(shí)現(xiàn)頁(yè)面之間的跳轉(zhuǎn)
2. HTML的標(biāo)記和他的屬性
1) HTML文檔的保存格式
- .html
- .htm
- .xhtml
2) 標(biāo)記和被標(biāo)記的內(nèi)容構(gòu)建出HTML文檔
格式 <標(biāo)記> 內(nèi)容 </標(biāo)記>
3) 標(biāo)記的屬性
- 用來(lái)控制內(nèi)容(圖像稽莉、文本等的)如何顯示
格式<標(biāo)記 屬性1=屬性值 屬性2=屬性值 ... ... >內(nèi)容</標(biāo)記>
例如<body bgcolor="red">內(nèi)容</body>
- 以上的屬性是用來(lái)控制我們的網(wǎng)頁(yè)的背景顏色瀑志,bgcolor就是body的屬性,他的值是red(紅色)
3. ??語(yǔ)法不區(qū)分字母大小寫
<HTML>污秆、<Html>劈猪、<html>都是定義相同的標(biāo)記,但是在編寫網(wǎng)頁(yè)的時(shí)候盡量使用小寫
4. 文檔注釋
??注釋一段內(nèi)容時(shí)使用“< !--”開始混狠,以"-->"結(jié)束(使用時(shí)去掉空格)
5. 代碼格式
空格鍵和回車鍵在網(wǎng)頁(yè)中都不會(huì)起到任何作用岸霹,無(wú)論多少個(gè)空格鍵和回車鍵都會(huì)被替換成一個(gè)空格鍵,我們?yōu)榱俗尨a清晰易讀将饺,可以使用空格和回車鍵進(jìn)行編排贡避。
??:縮進(jìn)時(shí)保持嚴(yán)格的規(guī)則,以“Tab”鍵進(jìn)行縮進(jìn)予弧!
6. 字符實(shí)體
1) 什么是字符實(shí)體刮吧?
比如我們想在網(wǎng)頁(yè)上面顯示一個(gè)“<”小于符號(hào),但是“<”在HTML中是文檔標(biāo)記的開始語(yǔ)言掖蛤, 如果我們直接使用“<”可能會(huì)出差錯(cuò)杀捻,所以我們就會(huì)一些實(shí)體名稱來(lái)代替!
2) 常見的字符實(shí)體??
顯示結(jié)果 | 描述 | 實(shí)體名稱 | 實(shí)體編號(hào) |
---|---|---|---|
空格 | |
  |
|
< | 小于號(hào) | < |
< |
> | 大于號(hào) | > |
> |
& | 和號(hào) | & |
& |
" | 引號(hào) | " |
" |
' | 撇號(hào) |
' (IE不支持) |
' |
¢ | 分 | ¢ |
¢ |
£ | 鎊 | £ |
£ |
¥ | 日?qǐng)A | ¥ |
¥ |
€ | 歐元 | € |
€ |
§ | 小節(jié) | § |
§ |
? | 版權(quán) | © |
© |
? | 注冊(cè)商標(biāo) | ® |
® |
? | 商標(biāo) | ™ |
™ |
× | 乘號(hào) | × |
× |
÷ | 除號(hào) | ÷ |
÷ |
正常情況下蚓庭,HTML會(huì)截短文本中的空格致讥。想要在文本中添加多個(gè)空格需要采用字符實(shí)體。