青草久久影院-青草久久伊人-青草久久久-青草久久精品亚洲综合专区-SM双性精跪趴灌憋尿调教H-SM脚奴调教丨踩踏贱奴

17站長(zhǎng)網(wǎng)

HTML 簡(jiǎn)介

HTM簡(jiǎn)介

在上一章節(jié)中我們講到 html 很容易學(xué)習(xí),同時(shí)也給出了一個(gè)簡(jiǎn)單的范例。現(xiàn)在我們就拿上一次的范例來(lái)講解 html 的基本構(gòu)成。

HTML是(Hyper Text MarkuP Language)首字母縮寫詞,代表用于創(chuàng)建網(wǎng)頁(yè)和Web應(yīng)用程序的超文本標(biāo)記語(yǔ)言,什么是超文本、標(biāo)記語(yǔ)言和網(wǎng)頁(yè)我們來(lái)看看。

超文本:超文本僅表示“文本中的文本”,文本內(nèi)有鏈接是超文本。當(dāng)單擊了超文本將會(huì)跳轉(zhuǎn)到新網(wǎng)頁(yè)。超文本是一種將兩個(gè)或多個(gè)網(wǎng)頁(yè)(HTML文檔)相互鏈接的方法。

標(biāo)記語(yǔ)言:標(biāo)記語(yǔ)言是一種計(jì)算機(jī)語(yǔ)言,用于將布局和格式約定應(yīng)用于文本文檔。標(biāo)記語(yǔ)言使文本更具交互性和動(dòng)態(tài)性。它可以將文本轉(zhuǎn)換為圖像,表格,鏈接等。

網(wǎng)頁(yè):網(wǎng)頁(yè)是通常以HTML編寫并由網(wǎng)絡(luò)瀏覽器翻譯的文檔,可以通過(guò)輸入U(xiǎn)RL來(lái)識(shí)別網(wǎng)頁(yè)。網(wǎng)頁(yè)可以是靜態(tài)或動(dòng)態(tài)類型,僅借助HTML,我們可以創(chuàng)建靜態(tài)網(wǎng)頁(yè)。

HTML 范例

<!DOCTYPE html>
<html>
<head>
<Meta charset=utf-8>
<title>前端之家(www.F2er.ccom)</title>
</head>
<body>
    <h1>前端之家</h1>
    <p>這是第一個(gè)段落標(biāo)簽</p>
</body>
</html>

范例講解

  • <!DOCTYPE html> 是 文檔聲明,此處將文檔聲明為 HTML5 文檔

  • <html> 是 HTML 的根元素,表示 HTML 內(nèi)容從這里開(kāi)始

  • <head> 是頭部元素,包含了文檔的元(Meta)數(shù)據(jù), 這里的內(nèi)容不會(huì)直接顯示在網(wǎng)頁(yè)上。

  • <title> 元素聲明了文檔元數(shù)據(jù):文檔標(biāo)題

  • <body> 元素聲明了 HTML 正文內(nèi)容從這里開(kāi)始

  • <h1> 元素可以定義一個(gè)大標(biāo)題

  • <p> 元素聲明了一個(gè)段落

HTML 是不是很簡(jiǎn)單,是不是有點(diǎn)像 word 文檔。

HTML 是什么呢?

簡(jiǎn)單來(lái)說(shuō),HTML 是用來(lái)描述網(wǎng)頁(yè)的一種語(yǔ)言

  • HTML 指的是超文本標(biāo)記語(yǔ)言: H yper T ext M arkup L anguage

  • HTML 不是一種編程語(yǔ)言,而是一種 標(biāo)記 語(yǔ)言

  • 標(biāo)記語(yǔ)言 是一套 標(biāo)記標(biāo)簽 (markup tag)

  • HTML 使用標(biāo)記標(biāo)簽來(lái) 描述 網(wǎng)頁(yè)

  • HTML 文檔包含了HTML 標(biāo)簽 及 文本 內(nèi)容

  • HTML 文檔也叫做 web 頁(yè)面

HTML 標(biāo)簽(HTML tag)

  • HTML 標(biāo)簽是由 尖括號(hào) 包圍的關(guān)鍵詞,比如 <html>

  • HTML 標(biāo)簽通常是 成對(duì)出現(xiàn) 的,比如 <b> 和 </b>

  • 標(biāo)簽對(duì)中的第一個(gè)標(biāo)簽是 開(kāi)始標(biāo)簽 ,第二個(gè)標(biāo)簽是 結(jié)束標(biāo)簽

  • 開(kāi)始和結(jié)束標(biāo)簽也被稱為 開(kāi)放標(biāo)簽 和 閉合標(biāo)簽 <標(biāo)簽>內(nèi)容</標(biāo)簽>

HTML 元素

HTML 標(biāo)簽 和 HTML 元素 通常都是描述同樣的意思.

但是嚴(yán)格來(lái)講,一個(gè) HTML 元素包含了開(kāi)始標(biāo)簽與結(jié)束標(biāo)簽,如下范例:

<p>這是第一個(gè)段落標(biāo)簽</p>

Web 瀏覽器

Web 瀏覽器(如谷歌瀏覽器,Internet Explorer,F(xiàn)irefox,Safari)是用于讀取HTML文檔,并將其作為網(wǎng)頁(yè)顯示。

瀏覽器并不是直接顯示的HTML標(biāo)簽,但可以使用標(biāo)簽來(lái)決定如何展現(xiàn)HTML頁(yè)面的內(nèi)容給用戶

HTML 網(wǎng)頁(yè)結(jié)構(gòu)

一般的 HTML 頁(yè)面都會(huì)有如下結(jié)構(gòu):

<html>
<head>
<title>頁(yè)面標(biāo)題</title>
</head>
<body>
<h1>這是一個(gè)標(biāo)題</h1>
<p>這是一個(gè)段落。</p>
<p>這是另外一個(gè)段落。</p>
</body>
</html>
只有 <body> 區(qū)域 (白色部分) 才會(huì)在瀏覽器中顯示。

HTML 版本

從 1991年 HTML 誕生后,HTML 已經(jīng)經(jīng)歷了多個(gè)版本:

版本發(fā)布時(shí)間
HTML1991
HTML+1993
HTML 2.01995
HTML 3.21997
HTML 4.011999
XHTML 1.02000
HTML52012
XHTML52013

<!DOCTYPE> 聲明

<!DOCTYPE> 聲明能夠讓瀏覽器按照聲明的標(biāo)準(zhǔn)來(lái)顯示網(wǎng)頁(yè)。

doctype 聲明是不區(qū)分大小寫的,以下方式均可:

<!--推薦使用-->
<!DOCTYPE html>
 
<!DOCTYPE HTML>
 
<!doctype html>
 
<!Doctype Html>

雖然有不區(qū)分大小寫,但我們推薦使用

<!DOCTYPE html>

HTML 各推薦標(biāo)準(zhǔn)通用聲明

HTML5 推薦

<!DOCTYPE html>

HTML 4.01

<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd>

XHTML 1.0

<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd>

中文編碼

如果你看到的網(wǎng)頁(yè)顯示了一大堆亂碼,原因就是它們都沒(méi)有正確的設(shè)置編碼,這時(shí)候,我們就需要在頭部將字符聲明為 UTF-8

范例:HTML 設(shè)置 UTF-8 編碼

<!DOCTYPE html>
<html>
<head>
<Meta charset=utf-8>
<title>前端之家(www.F2er.com)</title>
</head>
<body>
    <h1>前端之家</h1>
    <p>這是第一個(gè)段落標(biāo)簽</p>
</body>
</html>
返回頂部
主站蜘蛛池模板: 国产传媒麻豆剧精品AV | 99久久精品一区二区三区 | 亚洲AV精品无码国产一区 | 青青青手机视频 | 伊人热人久久中文字幕 | 高h原耽肉汁动漫视频 | 九九热在线视频精品店 | 99久久精品国内 | 99re6久久热在线播放 | 欧洲最大无人区免费高清完整版 | 99国产亚洲精品无码成人 | 国产精品久久久久久久人热 | 日本亚洲精品色婷婷在线影院 | 亚洲伊人久久精品 | 一级毛片免费下载 | 爱爱好爽好大好紧视频 | 花蝴蝶高清在线视频免费观看 | 牛牛在线国产精品 | 国产偷国产偷亚洲高清人乐享 | 国产精品麻豆a啊在线观看 国产精品麻豆AV | 高清欧美videos sexo | 国产露脸150部国语对白 | 午夜婷婷精品午夜无码A片影院 | 一本之道高清在线观看一区 | 色欲天天天综合网免费 | 97se se| 精品国产麻豆免费人成网站 | 国产1000部成人免费视频 | 色一伦一情一区二区三区 | 高中生高潮抽搐喷出白浆视频 | 英国video性精品高清最新 | 果冻传媒视频在线观看完整版免费 | 挺进老师的紧窄小肉六电影完整版 | 国产在线公开视频 | 把英语老师强奷到舒服动态图 | 美国CERANETWORK超清 | 蜜柚影院在线观看免费高清中文 | 欧式午夜理伦三级在线观看 | 日本美国群交P片内射捆绑 日本毛片久久国产精品 | 雪恋电影完整版免费观看 | 久久无码人妻中文国产 |