web前端基礎(chǔ)

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ú)占一整行。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容