HTML靜態(tài)頁面的核心技巧和概念
  • 更新時間:2025-01-17 03:48:39
  • 網(wǎng)站建設(shè)
  • 發(fā)布時間:2年前
  • 273

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

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

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

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

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

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

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

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

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

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

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

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

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

在線客服

掃碼聯(lián)系客服

3985758

回到頂部