HTML是用來描述網(wǎng)頁的一種語言,以下均為本人在菜鳥教程上面學習總結(jié)出來的一些簡單的語法。
首先得用文本編輯器,我用的是sublime Text,新建保存為文件名+.html的格式,默認打開的方式就會是你的默認瀏覽器打開,就可以看出演示的效果了。
因為簡書寫作的語法支持HTML,所以很多文本中標簽都會多一個空格,是為了能顯示出來,不然就會默認為HTML的語法,導致不正常的顯示。
1.HTML的標題
HTML的標題()Heading是通過< h1 >-< h6 > 標簽來定義的
<h1> 這是一個標題 </h1>
<h2> 這是一個標題</h2>
<h3> 這是一個標題</h3>
2.HTML段落
<p>這是一個段落</p>
<p> 這是另外一個段落</p>
3.HTML鏈接
HTMLl鏈接是通過標簽< a >來定義的
<a 這是一個鏈接</a>
提示:在href屬性指定鏈接的地址
4.HTML圖像
HTML圖像是通過標簽< img>來定義的
<img src = "同級圖片的圖片文件名" width = "寬度自己填" height = "高度">
注意:圖像的名稱和尺寸是以屬性的形式提供的。
5.HTML元素位置
下面是一個完整的實例,HTML的元素全都寫在<body></body>中
<!DOCTYPE html>
<html>
<body>
<p> 這是第一個段落 </p>
</body>
</html>
6.不要忘記標簽
即使你忘記了標簽,大多數(shù)瀏覽器也會正確的顯示html,但是不要依賴這種做法,忘記標簽可能會導致不可預料的結(jié)果
7.HTML折行
如果希望在不產(chǎn)生一個新段落的情況下進行換行,使用 < br>標簽
<p>這個<br>段落演示<br>了分行的效果</p>
輸出就是這樣
這個
段落演示
了分行的效果
這里值得提醒的是:< br>沒有結(jié)束標簽,請看下一點,空元素。
8.HTML空元素
沒有內(nèi)容的HTML元素被稱為空元素。空元素是在開始標簽中關(guān)閉的。< br>就是沒有關(guān)閉標簽的空元素。
在XHTML,XML以及未來版本的HTML中,所有元素都必須被關(guān)閉。
在開始標簽中添加斜杠,比如
,是關(guān)閉空元素的正確方法,HTML、XHTML和XML都接受這種方式。
即使< br>在所有瀏覽器中都是有效的,但是使用
其實是更長遠的保障。