HTML靜態(tài)頁(yè)面的核心技巧和概念
  • 更新時(shí)間:2024-10-28 10:32:56
  • 網(wǎng)站建設(shè)
  • 發(fā)布時(shí)間:1年前
  • 224

一、理論基礎(chǔ)1:HTML語(yǔ)言簡(jiǎn)介

HTML(超文本標(biāo)記語(yǔ)言)是一種用于描述超文本文檔的標(biāo)記語(yǔ)言。它由HTML 標(biāo)簽和用于表示信息的文本組成。一個(gè)用HTML語(yǔ)言描述的文件需要通過(guò)瀏覽器顯示出來(lái)。

所有的網(wǎng)頁(yè)都可以以HTML格式的文件為基礎(chǔ),加上一些用其他語(yǔ)言(如Javascript、VBScript)編寫(xiě)的代碼。除了一些基本文本之外,這些文件還包含一些標(biāo)記。這些標(biāo)記由“”和“”符號(hào)以及一個(gè)字符串組成。文字、圖片、動(dòng)畫(huà)、播放音效等。

瀏覽器的作用就是解釋這些標(biāo)簽,顯示HTML文件是由標(biāo)簽和文本組成的,通過(guò)HTML可以顯示出豐富多彩的設(shè)計(jì)風(fēng)格。大到整個(gè)頁(yè)面布局和段落的設(shè)置,小到文本的字體、字號(hào)、顏色的設(shè)置,都可以通過(guò)HTML語(yǔ)言完成。此外,HTML語(yǔ)言還可以在網(wǎng)頁(yè)中設(shè)置列表、表格等內(nèi)容。

可以通過(guò)HTML 顯示多媒體效果。超文本之所以能夠在短時(shí)間內(nèi)受到人們的廣泛青睞,最重要的原因之一是它可以支持多媒體,如圖像、聲音和動(dòng)畫(huà)。二、理論基礎(chǔ)2: HTML的基本結(jié)構(gòu)

一個(gè)超文本文件包括兩部分,文件頭和文件體。文件體是要展示的各種網(wǎng)頁(yè)內(nèi)容。

無(wú)論網(wǎng)頁(yè)內(nèi)容多么豐富,布局多么復(fù)雜,文件頭定義了這個(gè)文件的一些必要的定義;文本和網(wǎng)頁(yè)的基本結(jié)構(gòu)是相同的。 HTML文件是分層組織的,最外層是html標(biāo)簽。這個(gè)tag里面一般有head層(文件頭)和body層(文件體)兩層。這兩部分都包含在html 和/html 之間。

在這些標(biāo)簽中可以嵌套其他標(biāo)簽。通常,關(guān)鍵字存儲(chǔ)在元圖像標(biāo)簽和其他組件中。文檔頭部存放網(wǎng)頁(yè)的信息,例如網(wǎng)頁(yè)的標(biāo)題存放在title標(biāo)簽和網(wǎng)頁(yè)標(biāo)簽中。文檔主體是網(wǎng)頁(yè)內(nèi)容的展示部分,主要由表格標(biāo)記、段落標(biāo)記組成,下面是HTML文檔的基本格式。

如果想看到這段語(yǔ)句描述的頁(yè)面效果,可以在記事本中新建一個(gè)文本,將這段代碼語(yǔ)句復(fù)制粘貼到文件中,然后保存為example.html文件(保存類(lèi)型為“全部文件”) ,最后雙擊打開(kāi)html文件,如圖2-169所示。

使用Dreamweave 切換到“代碼”視圖,您可以在其中編寫(xiě)相應(yīng)的HTML 代碼。對(duì)于專業(yè)的網(wǎng)頁(yè)設(shè)計(jì)人員,可以在瀏覽器中選擇“查看”-“源代碼”命令,彈出以記事本形式顯示的網(wǎng)頁(yè)文件源代碼,如圖2-170所示。三、理論基礎(chǔ)3: HTML的常用標(biāo)記

基本HTML標(biāo)簽的種類(lèi)很多,內(nèi)容也很豐富。通過(guò)這些不同的標(biāo)簽,可以實(shí)現(xiàn)網(wǎng)頁(yè)上豐富多彩的效果。下面簡(jiǎn)單介紹一些常用的和比較重要的標(biāo)簽。

我們專注高端建站,小程序開(kāi)發(fā)、軟件系統(tǒng)定制開(kāi)發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開(kāi)發(fā)、各類(lèi)API接口對(duì)接開(kāi)發(fā)等。十余年開(kāi)發(fā)經(jīng)驗(yàn),每一個(gè)項(xiàng)目承諾做到滿意為止,多一次對(duì)比,一定讓您多一份收獲!

本文章出于推來(lái)客官網(wǎng),轉(zhuǎn)載請(qǐng)表明原文地址:https://www.tlkjt.com/web/12093.html
推薦文章

在線客服

掃碼聯(lián)系客服

3985758

回到頂部