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

html的基礎(chǔ)元素，讓你零基礎(chǔ)學(xué)習(xí)HTML

發(fā)表時(shí)間：2023-09-07 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：

[摘要]首先，什么是HTML HTML的全稱是：Hypertext Marked Language,即超文本標(biāo)記語言，是目前在網(wǎng)絡(luò)上應(yīng)用最廣泛的語言，也是構(gòu)成網(wǎng)頁文檔的主要語言，主要用來控制網(wǎng)頁的結(jié)構(gòu)。它是由其標(biāo)簽組成的描述性文本。使用HTML語言描述的文件，需要通過WEB瀏覽器顯示出效果...
首先，什么是HTML

HTML的全稱是：Hypertext Marked Language,即超文本標(biāo)記語言，是目前在網(wǎng)絡(luò)上應(yīng)用最廣泛的語言，也是構(gòu)成網(wǎng)頁文檔的主要語言，主要用來控制網(wǎng)頁的結(jié)構(gòu)。它是由其標(biāo)簽組成的描述性文本。使用HTML語言描述的文件，需要通過WEB瀏覽器顯示出效果。

其次，HTML的結(jié)構(gòu)：

<html><!--開始-->
    <head>
        <!--頭部信息，如<title>定義標(biāo)題-->
    </head>
    <body>
        <!--主體信息，包含網(wǎng)頁顯示的內(nèi)容-->
    </body>
</html><！--結(jié)束-->

基本上任何的HTML都是由這三個(gè)標(biāo)簽組成的；

1.文檔的幾種基礎(chǔ)結(jié)構(gòu)標(biāo)簽：

1.png

測試結(jié)果：

2.png

2.文本格式標(biāo)簽：

3.png

3.文字效果標(biāo)簽：

4.png

還有其它一些基礎(chǔ)的，比如：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文網(wǎng)測試</title>
</head>
<body>
	<b>網(wǎng)頁的粗體</b>
	<em>網(wǎng)頁的強(qiáng)調(diào)</em>
	<i>網(wǎng)頁的斜體</i>
	<small>網(wǎng)頁的小號字體</small>
	<strong>網(wǎng)頁的強(qiáng)調(diào)文本，比em強(qiáng)調(diào)的更深一點(diǎn)</strong>
	<sub>網(wǎng)頁的下標(biāo)文本</sub>
	<sup>網(wǎng)頁的上標(biāo)文本</sup>
	<ins>網(wǎng)頁中已經(jīng)被插入文檔中的文本</ins>
	<del>定義文檔中已被刪除的文本</del>
	<span>用來組合文檔中的行內(nèi)元素</span>
</body>
</html>

測試結(jié)果，如圖：

圖示5.png

4.超鏈接標(biāo)簽：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文網(wǎng)測試</title>
</head>
<body>
	<a href="http://www.php.cn">PHP中文網(wǎng)</a>
</body>
</html>

測試結(jié)果：

6.png

幾個(gè)簡單的標(biāo)簽元素，希望大家都能夠熟悉運(yùn)用。

【相關(guān)推薦】

html5表格的介紹和詳情

html5列表的介紹和詳情

以上就是html的基礎(chǔ)元素，讓你零基礎(chǔ)學(xué)習(xí)HTML的詳細(xì)內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！


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