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