html是什么？一個(gè)完整的html代碼告訴你（完整實(shí)例版）

2020-03-24 18:15:15

字體：大中小

供稿：網(wǎng)友

html什么意思？這篇文章主要為大家仔細(xì)的解釋了HTML文檔的一個(gè)基礎(chǔ)的完整代碼，還有具體的實(shí)例解釋，讓大家能一下就看懂HTML的基礎(chǔ)結(jié)構(gòu)和用法。下面我們一起來看看吧

一.html是什么？

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

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

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

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

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

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

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

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

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

<title></title>是標(biāo)題的標(biāo)簽，上圖的那個(gè)PHP 的那個(gè)就是在這里寫的

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

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

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

<!doctype html><html><head><meta charset="utf-8"><title>PHP </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)行之后的效果：

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