HTML標(biāo)簽
HTML 標(biāo)簽是由尖括號包圍的關(guān)鍵詞,比如 <html>
HTML 標(biāo)簽通常是成對出現(xiàn)的,標(biāo)簽對中的第一個(gè)標(biāo)簽是開始標(biāo)簽,第二個(gè)標(biāo)簽是結(jié)束標(biāo)簽
http://img.mukewang.com/528960dc0001cb6802710128.jpg
標(biāo)簽與標(biāo)簽之間是可以嵌套的,但先后順序必須保持一致,如:<div>里嵌套<p>,那么</p>必須放在</div>的前面。
http://img.mukewang.com/5289611a0001469c05510206.jpg
HTML基本結(jié)構(gòu)
一個(gè)HTML文件是有自己固定的結(jié)構(gòu),如下所示:
<html>
<head>...</head>
? ? <body>...</body>
</html>
代碼講解:
1. <html></html>稱為根標(biāo)簽,所有的網(wǎng)頁標(biāo)簽都在<html></html>中。
2. <head> 標(biāo)簽用于定義文檔的頭部,它是所有頭部元素的容器。頭部元素有<title>、<script>、 <style>、<link>、 <meta>等標(biāo)簽,頭部標(biāo)簽在之后會(huì)詳細(xì)介紹。
3. 在<body>和</body>標(biāo)簽之間的內(nèi)容是網(wǎng)頁的主要內(nèi)容,如<h1>、<p>、<a>、<img>等網(wǎng)頁內(nèi)容標(biāo)簽,在這里的標(biāo)簽中的內(nèi)容會(huì)在瀏覽器中顯示出來。
在head中設(shè)置網(wǎng)頁標(biāo)題和字符集編碼
<head>
? ? <title>這里是標(biāo)題</title>
? ? <meta charset="utf-8"/>
</head>
HTML 段落標(biāo)簽
如果想在網(wǎng)頁上顯示文章,這時(shí)就需要<p>標(biāo)簽了,把文章的段落放到<p>標(biāo)簽中。
<p>段落 </p>
<p>標(biāo)簽的默認(rèn)樣式,段前段后都會(huì)有空白。
HTML 換行標(biāo)簽
如果希望在不產(chǎn)生一個(gè)新段落的情況下進(jìn)行換行(新行),請使用 <br /> 標(biāo)簽:
<p>This is<br/>a para<br/>graph with line breaks</p>
HTML標(biāo)題
標(biāo)題標(biāo)簽一共有6個(gè),h1、h2、h3、h4、h5、h6分別為一級標(biāo)題、二級標(biāo)題、三級標(biāo)題、四級標(biāo)題、五級標(biāo)題、六級標(biāo)題。并且依據(jù)重要性遞減。<h1>是最高的等級。
語法: <hx>標(biāo)題文本</hx> (x為1-6)
題標(biāo)簽的樣式都會(huì)加粗,h1標(biāo)簽字號最大,h2標(biāo)簽字號相對h1要小,以此類推h6標(biāo)簽的字號最小。一個(gè)標(biāo)題標(biāo)簽要獨(dú)占一整行。