書(shū)名: 網(wǎng)頁(yè)設(shè)計(jì)與制作全能一本通(微課版)作者名: 歐陽(yáng)榮華 汪艷主編本章字?jǐn)?shù): 687字更新時(shí)間: 2024-02-23 18:09:20
1.1.1 HTML簡(jiǎn)介
HTML是一種標(biāo)記語(yǔ)言。標(biāo)記語(yǔ)言的代碼本身是普通文本,但可通過(guò)特殊的標(biāo)記(即標(biāo)簽)描繪圖片、視頻等多媒體內(nèi)容,或者表示格式等不屬于文本的信息。請(qǐng)看下面的代碼。
<img src="1.jpg" /> <font color="red" size="14">新春</font>快樂(lè)!!!
文字內(nèi)容是“新春”和“快樂(lè)!!!”。標(biāo)簽是“<img src="1.jpg" />” “<font color="red" size="14">”和“</font >”。按照HTML的語(yǔ)法,“<img src="1.jpg" />”代表一張圖片,圖片的文件名是“1.jpg”;“<font color="red" size="14">”和“</font >”表示它們中間的文字的顏色設(shè)置成紅色,字體大小設(shè)置為14。
使用Web瀏覽器(以下簡(jiǎn)稱瀏覽器)可以顯示HTML文檔。以上代碼在瀏覽器中渲染的效果如圖1.1所示。

圖1.1 “新春快樂(lè)!!!”的渲染效果
注意
不同瀏覽器對(duì)相同的HTML文檔的渲染結(jié)果可能不同,這跟瀏覽器的具體實(shí)現(xiàn)有關(guān),但一般來(lái)說(shuō)渲染效果區(qū)別不大。
標(biāo)記語(yǔ)言可以用于文檔排版、數(shù)據(jù)傳輸?shù)阮I(lǐng)域。其中HTML5就是如今互聯(lián)網(wǎng)上廣泛采用的文檔表示格式。XML(Extensible Markup Language,可擴(kuò)展標(biāo)記語(yǔ)言)是一種用于數(shù)據(jù)傳輸?shù)臉?biāo)記語(yǔ)言。TeX是一種學(xué)術(shù)界常用的排版工具,也是一種標(biāo)記語(yǔ)言。Markdown是一種輕量級(jí)的標(biāo)記語(yǔ)言,可以使用簡(jiǎn)單的語(yǔ)法標(biāo)記文本格式并進(jìn)行文檔排版,功能比較強(qiáng)大,值得注意的是,Markdown支持內(nèi)嵌HTML。
HTML作為標(biāo)記語(yǔ)言,主要用于描述富文本信息??梢岳斫鉃樗墓δ芘cWord等文字處理軟件的功能類似。
使用HTML技術(shù)的主要目的是創(chuàng)建便于在互聯(lián)網(wǎng)上分享的多媒體文檔,并提供多種多樣的用戶交互功能。圖1.2展示的是使用HTML5實(shí)現(xiàn)的一種彈窗,用于向用戶傳遞信息。
圖1.3展示的是使用HTML5實(shí)現(xiàn)的博客評(píng)論系統(tǒng),其中包括文章的閱讀量、評(píng)論內(nèi)容等。該系統(tǒng)還提供了表單,允許用戶輸入和發(fā)表新的評(píng)論。

圖1.2 使用HTML5實(shí)現(xiàn)的一種彈窗

圖1.3 HTML5博客評(píng)論系統(tǒng)界面
HTML不僅能展示多媒體文檔,提供用戶交互功能;還提供標(biāo)記文檔信息關(guān)系的功能,用戶通過(guò)單擊鏈接可在文檔間跳轉(zhuǎn)。
- 電容探測(cè)原理及應(yīng)用
- 物流概論(第三版)
- 水利工程CAD
- 超重力技術(shù)及應(yīng)用
- 新疆金融高質(zhì)量發(fā)展研究
- 數(shù)據(jù)庫(kù)原理與應(yīng)用教程(第5版)
- 汽車電氣設(shè)備
- 客戶關(guān)系管理理論與實(shí)務(wù)
- 新編普通高校軍事理論課教程
- 大學(xué)生職業(yè)生涯發(fā)展與就業(yè)創(chuàng)業(yè)指導(dǎo)
- 國(guó)際貿(mào)易:理論、案例與分析
- 2020年河北公務(wù)員錄用考試專項(xiàng)教材:言語(yǔ)理解與表達(dá)【考點(diǎn)精講+典型題(含歷年真題)詳解】
- 周三多《管理學(xué):原理與方法》(第4版)課后習(xí)題與考研真題詳解
- 民事訴訟實(shí)務(wù)教程
- 王守仁《英國(guó)文學(xué)選讀》(第3版)課后習(xí)題詳解