HTML是用來描述網(wǎng)頁的一種語言蹂析,以下均為本人在菜鳥教程上面學(xué)習(xí)總結(jié)出來的一些簡單的語法向叉。
首先得用文本編輯器缩多,我用的是sublime Text,新建保存為文件名+.html的格式宪塔,默認(rèn)打開的方式就會(huì)是你的默認(rèn)瀏覽器打開埋嵌,就可以看出演示的效果了第献。
因?yàn)楹啎鴮懽鞯恼Z法支持HTML贡必,所以很多文本中標(biāo)簽都會(huì)多一個(gè)空格,是為了能顯示出來庸毫,不然就會(huì)默認(rèn)為HTML的語法仔拟,導(dǎo)致不正常的顯示。
1.HTML的標(biāo)題
HTML的標(biāo)題()Heading是通過< h1 >-< h6 > 標(biāo)簽來定義的
<h1> 這是一個(gè)標(biāo)題 </h1>
<h2> 這是一個(gè)標(biāo)題</h2>
<h3> 這是一個(gè)標(biāo)題</h3>
2.HTML段落
<p>這是一個(gè)段落</p>
<p> 這是另外一個(gè)段落</p>
3.HTML鏈接
HTMLl鏈接是通過標(biāo)簽< a >來定義的
<a 這是一個(gè)鏈接</a>
提示:在href屬性指定鏈接的地址
4.HTML圖像
HTML圖像是通過標(biāo)簽< img>來定義的
<img src = "同級(jí)圖片的圖片文件名" width = "寬度自己填" height = "高度">
注意:圖像的名稱和尺寸是以屬性的形式提供的飒赃。
5.HTML元素位置
下面是一個(gè)完整的實(shí)例利花,HTML的元素全都寫在<body></body>中
<!DOCTYPE html>
<html>
<body>
<p> 這是第一個(gè)段落 </p>
</body>
</html>
6.不要忘記標(biāo)簽
即使你忘記了標(biāo)簽,大多數(shù)瀏覽器也會(huì)正確的顯示html载佳,但是不要依賴這種做法炒事,忘記標(biāo)簽可能會(huì)導(dǎo)致不可預(yù)料的結(jié)果
7.HTML折行
如果希望在不產(chǎn)生一個(gè)新段落的情況下進(jìn)行換行,使用 < br>標(biāo)簽
<p>這個(gè)<br>段落演示<br>了分行的效果</p>
輸出就是這樣
這個(gè)
段落演示
了分行的效果
這里值得提醒的是:< br>沒有結(jié)束標(biāo)簽蔫慧,請(qǐng)看下一點(diǎn)挠乳,空元素。
8.HTML空元素
沒有內(nèi)容的HTML元素被稱為空元素∷铮空元素是在開始標(biāo)簽中關(guān)閉的盟蚣。< br>就是沒有關(guān)閉標(biāo)簽的空元素。
在XHTML卖怜,XML以及未來版本的HTML中屎开,所有元素都必須被關(guān)閉。
在開始標(biāo)簽中添加斜杠马靠,比如
,是關(guān)閉空元素的正確方法奄抽,HTML、XHTML和XML都接受這種方式虑粥。
即使< br>在所有瀏覽器中都是有效的如孝,但是使用
其實(shí)是更長遠(yuǎn)的保障宪哩。