HTML教程 2 字型

2021-03-31 08:56:31 字數 2445 閱讀 6699

超文字中的標籤

剛剛接觸超文字,遇到的最大的障礙就是一些用「<」和「>」括起來的句子,我們稱它為標籤,是用來分割和標記文字的元素,以形成文字的布局、文字的格式及五彩繽紛的畫面。  

單標籤

某些標記稱為「單標籤」,因為它只需單獨使用就能完整地表達意思,這類標記的語法是:

< 標籤名稱》  

最常用的單標籤是

, 它表示換行。

雙標籤另一類標記稱為「雙標籤」,它由「始標籤」和「尾標籤」兩部分構成,必須成對使用,其中始標籤告訴web瀏覽器從此處開始執行該標記所表示的功能,而尾標籤告訴web瀏覽器在這裡結束該功能。始標籤前加乙個斜槓(/)即成為尾標記。這類標記的語法是:

《標籤》 內 容

其中「內容」 部分就是要被這對標記施加作用的部分。例如你想突出對某段文字的顯示,就將此段文字放在一標記中:

第一:標籤屬性

許多單標記和雙標記的始標記內可以包含一些屬性, 其語法是:

< 標籤名字 屬性1 屬性2 屬性3 … >

各屬性之間無先後次序,屬性也可省略(即取預設值),例如單標記表示在文件當前位置畫一條

水平線(horizontal line),一般是從視窗中當前行的最左端一直畫到最右端。帶一些屬性:

其中size屬性定義線的粗細,屬性值取整數,缺為1;align屬性表示對齊方式,可取left(左對齊,

預設值),center(居中),right(右對齊);width 屬性定義線的長度,可取相對值,(由一對 " "

號括起來的百分數,表示相對於充滿整個視窗的百分比),也可取絕對值(用整數表示的螢幕畫素點的

個數,如width=300),預設值是"100%"。

標題一般文章都有標題、副標題、章和節等結構,html中也提供了相應的標題標籤,其中n為標題的等html總共提供六個等級的標題,n越小,標題字型大小就越大.

換行

在編寫html檔案時,我們不必考慮太細的設定,也不必理會段落過長的部分會被瀏覽器切掉。因為,在html語言規範裡,每當瀏覽器視窗被縮小時,瀏覽器會自動將右邊的文字轉折至下一行。所以,編寫者對於自己需要斷行的地方,應加上

標籤。段落標籤

為了排列的整齊、清晰,文字段落之間,我們常用

來做標記。檔案段落的開始由來標記,段落的結束由

來標記,

是可以省略的,因為下乙個的開始就意味著上乙個的結束。

標籤還有乙個屬性aling,它用來指名字元顯示時的對齊方式,一般值有center、left、right三種。

水平線段

這個標籤可以在螢幕上顯示一條水平線,用以分割頁面中的不同部分。有三個屬性:

size 水平線的寬度

width 水平線的長,用佔螢幕寬度的百分比或象素值來表示

align 水平線的對齊方式,有left right center三種

noshade 線段無陰影屬性,為實心線段

文字的大小設定

提供設定字型大小大小的是font,font有乙個屬性size,通過指定size屬性就能設定字型大小大小,而size屬性的有效值範圍為1-7,其中預設值為3。我們可以size屬性值之前加上「+」、「-」字元,來指定相對於字型大小初始值的增量或減量。

example:

這是size=7的字型

這是size=6的字型

這是size=5的字型

這是size=4的字型

這是size=3的字型

這是size=2的字型

這是size=1的字型

這是size=-1的字型

文字的字型與樣式

html4.0提供了定義字型的功能,用face屬性來完成這個工作。face的屬性值可以是本機上的任一字型型別,但有一點麻煩的是,只有對方的電腦中裝有相同的字型才可以在他的瀏覽器中出現你預先設計的風格。

example:

歡迎光臨

歡迎光臨

歡迎光臨

歡迎光臨

wel*** my homepage.

wel*** my homepage.

為了讓文字富有變化,或者為了著意強調某一部分,html提供了一些標籤產生這些效果,現將常用的標籤列舉如下:

粗體html語言

斜體              html語言

加下劃線            html語言

打字機字型           html語言

大型字型            html語言

小型字型            html語言

閃爍效果            

html語言

表示強調,一般為斜體      html語言

表示特別強調,一般為粗體html語言

用於引證、舉例,一般為斜體   html語言

HTML5 字型rem,px,em,設定

px為單位 在web頁面初期製作中,我們都是使用 px 來設定我們的文字,因為他比較穩定和精確。但是這種方法存在乙個問題,當使用者在瀏覽器中瀏覽我們製作的web頁面時,他改變了瀏覽器的字型大小,這時會使用我們的web頁面布局被打破。這樣對於那些關心自己 可用性的使用者來說,就是乙個大問題了。因此,這...

HTML語言剖析(五)字型標記

實體標記與邏輯標記 這一節 字型標記 你必須先明白實體標記與邏輯標記的分別,否則你會迷惑於為何不同 的標記卻有相同的效果。兩者分別有以下兩處 實體標記有固定的顯示效果,邏輯標記則依不同瀏覽器而不同。例如邏輯標記的 由於瀏覽器的不同它所標示的文字不一定出現斜體效果,它可能是加底線 粗體或反白等,所以這...

05 字型標籤

粗體粗體creation of webpage creation of webpage creation of webpage creation of webpage creation of webpage creation of webpage creation of webpage creati...