當前位置:商標查詢大全網 - 商標查詢 - 網頁設計中如何設置約定的字體格式樣式

網頁設計中如何設置約定的字體格式樣式

首先,基本標簽—<風格設置—

設置字體樣式的基本標簽是

二、設置文字的顏色?

顏色是

Code 4.7字體顏色設置:font_color.htm?

& lthtml & gt?

& lthead & gt?

& lttitle & gt字體顏色的設置

& lt/head & gt;?

& ltbody & gt?

淺紅色文本:

深紅色文本:

淺綠色文本:

深綠色文本:

淺藍色文本:

深藍色文本:

淺黃色文本:

深黃色文本:

淺青色文本:

暗青色文本:

淺紫色文本:

深紫色文本:

& lt/body & gt;?

& lt/html & gt;?

不僅可以從代碼4.7中學習字體標簽中顏色屬性的用法,還可以熟悉各種顏色的表示方法。?

三、設置文字大小?

尺寸也是

Code 4.8字體大小設置:font_size.htm?

& lthtml & gt?

& lthead & gt?

& lttitle & gt字體大小的設置

& lt/head & gt;?

& ltbody & gt?

大小是1:

尺寸是2:

尺寸是3:

尺寸是4:

尺寸是5:

尺寸是6:

尺寸是7:

& lt/body & gt;?

& lt/html & gt;?

嘗試在大小值前添加“+”和“-”字符,更靈活地設置文本大小。?

四、設置文字的字體?

面子也是

Code 4.9字體字體設置:font_face.htm?

& lthtml & gt?

& lthead & gt?

& lttitle & gt字體字體設置

& lt/head & gt;?

& ltbody & gt?

字體為宋體:< font size="5 " >長沙沁園春-毛澤東。& ltbr/>;?

字體為楷體:

字體為粗體:

字體為隸書:< font size="5 " >長沙沁園春-毛澤東。?

& lt/body & gt;?

& lt/html & gt;?

5.傾斜文字?

帶有雙標簽

& lt我& gt這是斜體文本

& ltem & gt這也是斜體文本

第六,把文字加粗?

帶有雙標簽

& ltb & gt這是粗體文本

& ltstrong & gt這也是粗體文本

7.給文本加下劃線?

帶有雙標簽

代碼4.10文本修改的設置:font_style.htm?

& lthtml & gt?

& lthead & gt?

& lttitle & gt字體裝飾的設置

& lt/head & gt;?

& ltbody & gt?

& ltfont size="5 " >斜體:

粗體:

下劃線:

斜體以粗體加下劃線:

& lt/body & gt;?

& lt/html & gt;?

—註意:當多個標簽包含相同的文本時,包含的順序不能放錯。?

八、多種標題風格的運用?

網頁上的壹篇文章,為了突出標題的重要性,標題樣式比較特別。HTML技術保護標題的壹組樣式標簽,它們是雙標簽

代碼4.11標題設置:font_h.htm?

& lthtml & gt?

& lthead & gt?

& lttitle & gt標題的設置

& lt/head & gt;?

& ltbody & gt?

& lth 1 & gt;標題編號1 < /h1 >?

& lth2 & gt標題2 < /h2 >?

& lth3 & gt標題3

& lth4 & gt標題4

& lth5 & gt標題5

& lth6 & gt標題6

& lth 1 & gt;《財富》雜誌:為什麽谷歌沒有興盛和衰落

& lth3 & gt遇到潛在的問題

& ltp & gt& ampnbsp& ampnbsp& ampnbsp& ampnbsp有業內人士認為,谷歌對互聯網搜索和廣告市場的長期壟斷可能會盛極而衰。與此同時,谷歌最近推出的許多新計劃,如開放手機聯盟、社交網站通用平臺OpenSocial,以及投資數十億美元競標無線頻段的可能性,也受到了廣泛質疑。?

& lth3 & gt將繼續壟斷搜索

& ltp & gt& ampnbsp& ampnbsp& ampnbsp& ampnbsp最近有文章說,如果有更好的搜索引擎,人們會毫不猶豫地放棄谷歌。但是,即使有更好的搜索引擎,谷歌依然可以屹立壹段時間。...在這種情況下,網站的速度往往成為勝負的關鍵。& lt/p & gt;?

& lt/body & gt;?

& lt/html & gt;?

學習處理網頁中的特殊字符?

在HTML中,有些字符有特殊的含義,比如“”是標簽的左右括號,標簽控制HTML的顯示。標簽本身只能由瀏覽器解析,不能在頁面中顯示。那麽,如何顯示“”和?

特殊符號?

HTML代碼?

特殊符號?

HTML代碼?

& lt?

& amplt;?

(商標符號)?

& amp貿易;?

& gt?

& ampgt;?

(註冊符號)?

& ampreg?

" "(英文半角)?

& ampquot?

×?

& amp時代;?

& amp教派;?

(版權符號)?

& amp復制;?

在D:\web\目錄下創建壹個網頁文件,命名為string.htm。編寫string.htm代碼,如代碼4.12所示。?

代碼4.12特殊字符設置:string.htm?

& lthtml & gt?

& lthead & gt?

& lttitle & gt特殊字符的設置

& lt/head & gt;?

& ltbody & gt?

& ltfont size="5 " >?

標簽的顯示方式:&;lt;HTML & ampgt;& ltbr/>;?

引號的顯示方式:&;quot英文半角雙引號&;quot& ltbr/>;?

商標展示方式:&;貿易;& ltbr/>;?

註冊符號的顯示方式:&;reg& ltbr/>;?

版權符號的顯示方式:&;復制;& ltbr/>;?

秀&教派;& ltbr/>;?

演出和時間;?

& lt/font & gt;?

& lt/body & gt;?

& lt/html & gt;?

—描述:單獨顯示符號&;您必須使用代碼&;amp。?

X.如何方便的忽略瀏覽器對壹些HTML的解析?

如果妳在網頁中做壹個類似這本書的HTML代碼例子,恐怕妳要把所有的轉換為& amp;lt;並且& gt,好像比較麻煩。

& lt明文& gt是單個標記,當它被插入到HTML代碼中時,它後面的所有HTML標記都將無效,也就是說,瀏覽器對

& ltxmp & gt& lt/xmp & gt;是壹個double標記,它只使它包含的內容中的標記無效。

代碼4.13忽略標簽設置:html.htm?

& lthtml & gt?

& lthead & gt?

& lttitle & gt忽略標簽的設置

& lt/head & gt;?

& ltbody & gt?

& lth2 & gt長沙沁園春

& ltxmp & gt獨立寒秋,

雄鷹直擊天空,

& lt明文& gt?

帶上100對旅行過的夫婦,

& lt/body & gt;?

& lt/html & gt;?

XI。文字修改的其他方法?

為了滿足不同領域的需求,HTML還有其他修改文本的標簽。更常用的是上標格式標簽和下標格式標簽。在某些情況下,妳甚至需要使用刪除效果,也就是說,妳可以在HTML中使用下劃線標簽。?

—上標格式標簽是雙標簽

—下標格式標簽是雙標簽

—帶下劃線的標簽是雙標簽

在D:\web\目錄下創建壹個網頁文件,命名為other.htm,編寫代碼如代碼4.14所示。?

代碼4.14其他裝飾標簽設置:other?

& lthtml & gt?

& lthead & gt?

& lttitle & gt其他裝飾標簽的設置

& lt/head & gt;?

& ltbody & gt?

& ltfont size="5 " >?

秦;長沙!& ltbr/>;?

數學指數的表示:2

秦;長沙。!& ltbr/>;?

數學基礎的表示:對數

刪除效果:

& lt/font & gt;?

& lt/body & gt;?

& lt/html & gt;?