
文章插圖
HTML(HyperText Markup Language)就是超文本標(biāo)記語(yǔ)言 。”超文本”就是表示頁(yè)面內(nèi)可以包含非文字元素,如:圖片、鏈接、音樂(lè)等等 。
它是一種建立網(wǎng)頁(yè)文件的語(yǔ)言,通過(guò)標(biāo)記式的指令(Tag),將影像、聲音、圖片、文字等鏈接顯示出來(lái) 。這種標(biāo)記性語(yǔ)言是因特網(wǎng)上網(wǎng)頁(yè)的主要語(yǔ)言 。
? HTML 網(wǎng)頁(yè)文件可以使用記事本、寫(xiě)字板、HBuilder、Sublime 等編輯工具來(lái)編寫(xiě),以 .htm 或 .html 為文件后綴名保存 。將 HTML 網(wǎng)頁(yè)文件用瀏覽器打開(kāi)顯示,若測(cè)試沒(méi)有問(wèn)題則可以放到服務(wù)器(Server)上,對(duì)外發(fā)布信息 。
基礎(chǔ)語(yǔ)法
標(biāo)簽
? HTML 標(biāo)記是由”<“和”>”所括住的指令標(biāo)記,用于向?yàn)g覽器發(fā)送標(biāo)記指令 。
? 主要分為:?jiǎn)螛?biāo)記指令、雙標(biāo)記指令(由”<起始標(biāo)記>”+內(nèi)容+”</結(jié)束標(biāo)記>”構(gòu)成) 。
? HTML語(yǔ)言使用標(biāo)志對(duì)的方法編寫(xiě)文件,既簡(jiǎn)單又方便 。它通常使用”<標(biāo)志名>內(nèi)容</標(biāo)志名>”來(lái)表示標(biāo)志的開(kāi)始和結(jié)束,因此在HTML文檔中這樣的標(biāo)志對(duì)都必須是成對(duì)使用的 。
? 為了便于理解,將HTML標(biāo)記語(yǔ)言大致分為:基本標(biāo)記、格式標(biāo)記、文本標(biāo)記、圖像標(biāo)記、表格標(biāo)記、鏈接標(biāo)記、表單標(biāo)記和幀標(biāo)記等 。
單標(biāo)簽
單標(biāo)簽,不設(shè)置屬性值 。
如:
、
單標(biāo)簽屬性
單標(biāo)簽(也叫空元素),設(shè)置屬性值 。如:
雙標(biāo)簽
雙標(biāo)簽,不設(shè)置屬性值 。如:
…
雙標(biāo)簽屬性
雙標(biāo)簽,設(shè)置屬性值 。如:
……
整體結(jié)構(gòu)
? HTML的內(nèi)容都是由一對(duì)一對(duì)的標(biāo)簽組成,標(biāo)簽不能混亂,頁(yè)面有頁(yè)面的整體架構(gòu)和規(guī)則,標(biāo)簽和標(biāo)簽之間有需要正確嵌套 。
? 通常一個(gè)HTML網(wǎng)頁(yè)文件包含3個(gè)部分:標(biāo)記頭區(qū)<HEAD>……</HEAD>、內(nèi)容區(qū)<BODY>……</BODY>和網(wǎng)頁(yè)區(qū)<HTML>……</HTML> 。
HTML文檔的基本結(jié)構(gòu)
html
? <html>標(biāo)志用于HTML文檔的最前邊,用來(lái)標(biāo)識(shí)HTML文檔的開(kāi)始 。而</html>標(biāo)志放在HTML文檔的最后邊,用來(lái)標(biāo)識(shí)HTML文檔的結(jié)束,兩個(gè)標(biāo)志必須一塊使用 。
head
? <head>和</head>構(gòu)成HTML文檔的開(kāi)頭部分 。<head>和</head>標(biāo)志對(duì)之間的內(nèi)容是不會(huì)在瀏覽器的框內(nèi)顯示出來(lái)的,兩個(gè)標(biāo)志必須一塊使用 。
? 在此標(biāo)志對(duì)之間可以使用<title></title>、<script></script>、<meta>、<link>等標(biāo)簽 。
? <meta>:用來(lái)提供關(guān)于文檔的信息,起始屬性為:charset=”utf8″ 。表示告訴瀏覽器頁(yè)面采用的什么編碼,一般來(lái)說(shuō)我們就用 utf8 。當(dāng)然,文件保存的時(shí)候也是utf8,而瀏覽器也設(shè)置 utf8 即可正確顯示中文 。
? <link>:用來(lái)引入css文件
? <script>:用來(lái)引入js文件或編寫(xiě)js代碼 。
title
? <title>定義文檔的標(biāo)題 。瀏覽器會(huì)以特殊的方式來(lái)使用標(biāo)題,并且通常把它放置在瀏覽器窗口的標(biāo)題欄或狀態(tài)欄上 。同樣,當(dāng)把文檔加入用戶(hù)的鏈接列表或者收藏夾或書(shū)簽列表時(shí),標(biāo)題將成為該文檔鏈接的默認(rèn)名稱(chēng) 。
? 注意:<title>標(biāo)簽位于<head>標(biāo)簽內(nèi),是<head>標(biāo)簽中唯一要求包含的東西 。
body
? 一般情況下大部分瀏覽器上顯示的內(nèi)容,都放在body中 。但也不排除其他標(biāo)簽可以不用body,比如frameset框架集標(biāo)簽 。
? 和是HTML文檔的主體部分,在此標(biāo)志對(duì)之間可包含
、、<p>…</p>、<h1>…</h1>、
等眾多的標(biāo)志 。它們所定義的文本、圖像等將會(huì)在瀏覽器的框內(nèi)顯示出來(lái) 。
以上關(guān)于本文的內(nèi)容,僅作參考!溫馨提示:如遇健康、疾病相關(guān)的問(wèn)題,請(qǐng)您及時(shí)就醫(yī)或請(qǐng)專(zhuān)業(yè)人士給予相關(guān)指導(dǎo)!
「愛(ài)刨根生活網(wǎng)」www.malaban59.cn小編還為您精選了以下內(nèi)容,希望對(duì)您有所幫助:- html文字間加空格 html加空格的方法
- html視頻代碼講解 html視頻代碼怎么用
- html零基礎(chǔ)入門(mén)教程 js驗(yàn)證碼代碼怎么寫(xiě)
- html實(shí)現(xiàn)文件下載功能 html文件下載代碼
- html零基礎(chǔ)入門(mén)教程 html視頻代碼格式
- win11任務(wù)管理器怎么打開(kāi) 被管理員禁用了怎么解禁打開(kāi)
- 免費(fèi)簡(jiǎn)單網(wǎng)頁(yè)制作成品 如何制作網(wǎng)頁(yè)站點(diǎn)
- 最新免費(fèi)html郵件模板分享 edm模板免費(fèi)下載方法
- 魚(yú)腥草為什么被禁用
- uc下一頁(yè)按鈕被屏蔽 uc下一頁(yè)按鈕不見(jiàn)了
