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

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

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

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

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

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

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

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

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

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

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

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

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

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

在線客服

掃碼聯(lián)系客服

3985758

回到頂部