本博客為線上學(xué)習(xí)某課程筆記罗洗，供參考，供學(xué)習(xí)
什么是HTML標(biāo)記語(yǔ)言悠垛？
表示網(wǎng)頁(yè)信息的符號(hào)標(biāo)記語(yǔ)言蕾额。
開發(fā)工具
自帶筆記本 等編輯器 我這里用：NotePad++
HTML語(yǔ)言特點(diǎn)。
- 可以設(shè)置文本的格式罗岖，比如標(biāo)題涧至，字號(hào)，文本顏色桑包，段落等等南蓬。
- 可以創(chuàng)建列表
- 可以插入圖像和媒體
- 可以建立表格
- 超鏈接，可以使用鼠標(biāo)點(diǎn)擊超鏈接來實(shí)現(xiàn)頁(yè)面之間的跳轉(zhuǎn)
HTML的標(biāo)記和他的屬性
HTML文檔的保存格式： .html .htm .xhtml
-
標(biāo)記和被標(biāo)記的內(nèi)容構(gòu)建出HTML文檔
格式：<標(biāo)記> 內(nèi)容 </標(biāo)記>
例如：在編輯器中寫下以下代碼 保存為.html文件
<html>
<body>
Hello word哑了！
</body>
</html>
在瀏覽器中打開此文件可看網(wǎng)頁(yè)中出現(xiàn)1-1蓖康，咱們寫了第一個(gè)程序，有點(diǎn)小激動(dòng)垒手。
- 標(biāo)記的屬性
標(biāo)記的屬性就是用來控制我們的內(nèi)容（圖像蒜焊，文本等的）如何顯示
格式：
<標(biāo)記 屬性1=屬性值 屬性2=屬性值 .......>
內(nèi)容
</標(biāo)記>
例如
<html>
<body bgcolor="red">
Hello word！
</body>
</html>
在瀏覽器中打開此文件可看網(wǎng)頁(yè)中出現(xiàn)1-2科贬，可見背景變成了紅色泳梆，也就是說"bgcolor"這個(gè)屬性是標(biāo)記背景顏色的，大家可以換個(gè)顏色試試榜掌。
語(yǔ)法不區(qū)分字母大小寫
" <HTML> <Html> <html> " 都是定義相同的標(biāo)記优妙，但是在編寫網(wǎng)頁(yè)的時(shí)候盡量使用小寫
文檔注釋
例如
<html>
<body >
我是顯示出來的語(yǔ)言
<!--我是不會(huì)被顯示出來的語(yǔ)言-->
</body>
</html>
大家可自行到網(wǎng)頁(yè)上查看效果
代碼格式
空格鍵和回車鍵在網(wǎng)頁(yè)中不會(huì)起到任何作用，我們?yōu)榱俗尨a清晰易讀憎账，可以使用空格和回車鍵進(jìn)行編排
注意：縮進(jìn)時(shí)保持嚴(yán)格的規(guī)則套硼，以“tap”鍵進(jìn)行縮進(jìn)
字符實(shí)體
什么是字符實(shí)體
比如我們想在網(wǎng)頁(yè)上顯示一個(gè)"<"小于符號(hào)，但是"<"在HTML中是文檔標(biāo)記的開始語(yǔ)言胞皱，如果我們直接用"<"會(huì)出錯(cuò)邪意，所以我們就會(huì)用一些實(shí)體名稱來代替.
例如：
<html>
<body >
<
我是顯示出來的語(yǔ)言
<!--我是不會(huì)被顯示出來的語(yǔ)言-->
</body>
</html>
瀏覽器顯示結(jié)果為
