明輝手游網(wǎng)中心:是一個(gè)免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺(tái)!

html是什么?一個(gè)完整的html代碼告訴你(完整案例版)

[摘要]html什么意思?這篇文章主要為大家仔細(xì)的解釋了HTML文檔的一個(gè)基礎(chǔ)的完整代碼,還有具體的實(shí)例解釋,讓大家能一下就看懂HTML的基礎(chǔ)結(jié)構(gòu)和用法。下面我們一起來(lái)看看吧一.html是什么?HTML從語(yǔ)言上面來(lái)講的話是一個(gè)超文本標(biāo)記性語(yǔ)言,用于顯示網(wǎng)頁(yè)的一種語(yǔ)言,是專門寫給瀏覽器看的。里面可以包含很多...
html什么意思?這篇文章主要為大家仔細(xì)的解釋了HTML文檔的一個(gè)基礎(chǔ)的完整代碼,還有具體的實(shí)例解釋,讓大家能一下就看懂HTML的基礎(chǔ)結(jié)構(gòu)和用法。下面我們一起來(lái)看看吧

一.html是什么?

HTML從語(yǔ)言上面來(lái)講的話是一個(gè)超文本標(biāo)記性語(yǔ)言,用于顯示網(wǎng)頁(yè)的一種語(yǔ)言,是專門寫給瀏覽器看的。里面可以包含很多東西,比如可以在里面顯示一張圖片,顯示一個(gè)鏈接,還有音樂(lè),或者小應(yīng)用之類的不是文字的元素。HTML語(yǔ)言里包括網(wǎng)頁(yè)的頭部(head標(biāo)簽里面的)和網(wǎng)頁(yè)的主體部分(body標(biāo)簽里面的為主體部分)。主體的內(nèi)容全部會(huì)顯示在瀏覽器的頁(yè)面上。頭部的內(nèi)容主要是輔助瀏覽器顯示主體部分的內(nèi)容,兩個(gè)都很重要。(相關(guān)教程推薦:HTML開發(fā)手冊(cè))

二.下面給大家顯示一個(gè)HTML的基礎(chǔ)的完整代碼

<!doctype html>(給瀏覽器看的,向?yàn)g覽器說(shuō)明是html文檔)
<html>(html文檔的開頭,還有最后一行是HTML文檔的結(jié)尾)
<head>(頭部的開始,里面有時(shí)候要放不少東西,輔助主體文檔的正常顯示的)
<meta charset="utf-8">(這行是頭部里面的meta標(biāo)簽的第一行內(nèi)容,是告訴瀏覽器這文檔是屬于utf-8字符編碼格式的還有不少比較常見的,這里就不多介紹了)
<title>PHP中文網(wǎng)</title>(title標(biāo)簽,是屬于頭部里面的定義標(biāo)題的標(biāo)簽,會(huì)顯示在瀏覽器的頁(yè)面上方的標(biāo)簽頁(yè)上面的)
</head>(頭部結(jié)束)
<body>(主體開始,主要把文檔的所有內(nèi)容都放到網(wǎng)頁(yè)中)
	hello world開始時(shí)隨便加的一句問(wèn)候)
</body>(主體結(jié)束)
</html>(文檔結(jié)束)

上面就是一個(gè)文檔的所有代碼,運(yùn)行之后就是這樣:

tuyi.png

上面的標(biāo)簽頁(yè)上的就是標(biāo)題顯示的內(nèi)容,在body主體中的都顯示在網(wǎng)頁(yè)中。

這樣就把一個(gè)完整的html代碼解釋完了(相關(guān)視頻課程推薦:從零開始構(gòu)建HTML頁(yè)面),不過(guò),還要繼續(xù)鞏固一下。我們把上述的常用代碼都解釋一遍:

三. 以上涉及到的代碼和標(biāo)簽解釋

<html></html>是文檔的開頭和結(jié)尾都要寫的一個(gè)重要標(biāo)簽

<head></head>頭部標(biāo)簽,也是一個(gè)雙標(biāo)簽,必須要有結(jié)尾,輔助顯示頁(yè)面主體的

<title></title>是標(biāo)題的標(biāo)簽,上圖的那個(gè)PHP中文網(wǎng)的那個(gè)就是在這里寫的

<body></body>主體標(biāo)簽,里面內(nèi)容是最多的,包含了很多的標(biāo)簽,以后再一一給大家介紹

四.html代碼的幾個(gè)新標(biāo)簽

上述是基本的網(wǎng)頁(yè)上的標(biāo)簽,給大家看一個(gè),加點(diǎn)東西的代碼,認(rèn)識(shí)幾個(gè)新標(biāo)簽:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文網(wǎng)</title>
</head>
<body>
	<h1>hello world</h1>
	<h2>這是主體中的標(biāo)題標(biāo)簽</h2>
	<h3>比正常顯示的文字要大<h3>
	<p>正常文字</p>
	<p>這是寫段落的,可以寫很多字的。。。。。。。。。。。。。。。。。。。很多字。。。。。。。。。。。。。。。。。很多字。。。。。。。。。。。很多字的</p>
	<p>這也是寫段落的,可以寫很多字的。。。。。。。。。。。。。。。。。。。很多字的</br>這是換行顯示。。。。。。。。。。。。。。。。。很多字。。。。。。。。。。。很多字的</p>
</body>
</html>

上面的代碼看懂了嗎?給你們看看運(yùn)行之后的效果:

tuer.png這樣一對(duì)比就應(yīng)該很清楚了,主體中的標(biāo)題標(biāo)簽都是放大顯示的。用<h1></h1>或<h2></h2>來(lái)表示的,比正常的文字要大一點(diǎn),這也是一個(gè)常用的標(biāo)簽。還有一個(gè)<p></p>標(biāo)簽,是用來(lái)表示段落的,當(dāng)然段落里面是可以換行的,比如我在里面加的一個(gè)</br>(在html里面是單標(biāo)簽)的標(biāo)簽,然后在網(wǎng)頁(yè)正文中就分開了。

好了,這就是關(guān)于HTML文檔的正常顯示文本,關(guān)于完整的代碼都在這里,你們自己看看吧,有啥事就在下方提問(wèn)。

【小編的相關(guān)文章】

HTML中head標(biāo)簽是什么意思?一篇文章教你正確地使用head標(biāo)簽

黑客應(yīng)該學(xué)PHP還是python?理性分析PHP和python的十處差異

以上就是html是什么?一個(gè)完整的html代碼告訴你(完整實(shí)例版)的詳細(xì)內(nèi)容,更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章!


網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語(yǔ),涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。