網頁設計中字體格式代碼_網頁製作中改變字體格式的代碼是什麼

1、網頁設計中最常用的字體有哪些

1、Georgia字體

基本上適合正文屏顯的襯線字體，非Georgia莫屬了。筆畫粗重，襯線明線，輪廓較大，小字體顯示也很清晰，同時細節還算OK。

2、Times字體

Times是為了報紙而設計的，特點是可以在有限的空間塞進去更多的文字，筆畫較弱，小字型大小正文屏顯看起來累眼。曾經Engadget改版的時候用了Times作為正文，被罵得很慘之後換成了Georgia。

3、Arial字體

Helvetica的「克隆」，和Helvetica非常像，細節上比如R和G有小小差別。如果字型大小太小，文字太多，看起來會有些累眼。Win和Mac顯示都正常。

4、Lucida Family字體

Lucida Grande是Mac OS UI的標准字體，屬於humanist風格，稍微活潑一點。Mac下的顯示要比Win下好。

5、Verdana字體

專門為了屏顯而設計的字體，humanist風格，在小字型大小下仍可以清楚顯示，但是字體細節缺失嚴重，最好別做標題。

6、Tahoma字體

也是humanist風格，字體和Verdana有點像，但是略窄一些，counter略小，曾經是Windows的標准字體，Mac 10.5之後默認也有安裝。

2、網頁設計怎麼設置同意字體格式樣式

一、文字樣式設置的基本標簽—
設置字體樣式的基本標簽是，被其包含的文本為樣式作用區。在初學者的HTML代碼編寫中，容易被多重嵌套，如文本。還有一種情況是標簽嵌套錯位，如文本。為了規范代碼的編寫，避免不必要的錯誤，讀者在初學時一定要謹慎。
二、設置文字的顏色
color是標簽的屬性之一，用於設置文字顏色。在D:web目錄下創建網頁文件，命名為font_color.htm，編寫代碼如代碼4.7所示。
代碼4.7 字體顏色的設置：font_color.htm
<html>
<head>
<title>字體顏色的設置</title>
</head>
<body>
淺紅色文字：HTML學習的本質就是該是什麼就用什麼 
深紅色文字：HTML學習的本質就是該是什麼就用什麼 
淺綠色文字：HTML學習的本質就是該是什麼就用什麼 
深綠色文字：HTML學習的本質就是該是什麼就用什麼 
淺藍色文字：HTML學習的本質就是該是什麼就用什麼 
深藍色文字：HTML學習的本質就是該是什麼就用什麼 
淺黃色文字：HTML學習的本質就是該是什麼就用什麼 
深黃色文字：HTML學習的本質就是該是什麼就用什麼 
淺青色文字：HTML學習的本質就是該是什麼就用什麼 
深青色文字：HTML學習的本質就是該是什麼就用什麼 
淺紫色文字：HTML學習的本質就是該是什麼就用什麼 
深紫色文字：HTML學習的本質就是該是什麼就用什麼 
</body>
</html>
不但可以從代碼4.7中學到color屬性在font標簽中的用法，還可以熟悉各種顏色的表示方法。
三、設置文字的尺寸
size也是標簽的屬性，用於設置文字大小。size的值為1-7，默認為3。我們可以size 屬性值之前加上「＋」、「－」字元，來指定相對於字型大小初始值的增量或減量。在D:web目錄下創建網頁文件，命名為font_size.htm，編寫代碼如代碼4.8所示。
代碼4.8 字體尺寸的設置：font_size.htm
<html>
<head>
<title>字體尺寸的設置</title>
</head>
<body>
size為1：HTML學習 
size為2：HTML學習 
size為3：HTML學習 
size為4：HTML學習 
size為5：HTML學習 
size為6：HTML學習 
size為7：HTML學習 
</body>
</html>
可嘗試在size值前面加上「＋」、「－」字元，更靈活地設置文字尺寸。
四、設置文字的字體
face也是標簽的屬性，用於設置文字字體（字型）。HTML網頁中顯示的字型從瀏覽端的系統中調用，所以為了保持字型一致，建議採用宋體，HTML頁面也是默認採用宋體。在D:web目錄下創建網頁文件，命名為font_face.htm，編寫代碼如代碼4.9所示。
代碼4.9 字體字型的設置：font_face.htm
<html>
<head>
<title>字體字型的設置</title>
</head>
<body>
字型為宋體：沁園春·長沙-毛澤東 
字型為楷體：沁園春·長沙-毛澤東 
字型為黑體：沁園春·長沙-毛澤東 
字型為隸書：沁園春·長沙-毛澤東
</body>
</html>
五、使文字傾斜
用雙標簽可使被作用文字傾斜，達到特殊的效果，例如文章的日期。被稱為強調標簽，也是斜體，目前使用比標簽更頻繁，其編寫方法如下：
這是斜體文字
這也是斜體文字
六、使文字加粗
用雙標簽可使被作用文字加粗，是文字更加醒目，例如文章的標題部分。被稱為特別強調標簽，也是文字加粗，目前使用比標簽更頻繁，其編寫方法如下：
這是粗體文字
這也是粗體文字
七、給文字加下劃線
用雙標簽可添加下劃線到被作用文字。以下為文字傾斜、加粗和下劃線的綜合示例。在D:web目錄下創建網頁文件，命名為font_style.htm，編寫代碼如代碼4.10所示。
代碼4.10 文字修飾的設置：font_style.htm
<html>
<head>
<title>字體修飾的設置</title>
</head>
<body>
斜體：沁園春·長沙-毛澤東 
加粗體：沁園春·長沙-毛澤東 
下劃線：沁園春·長沙-毛澤東 
斜體加粗體下劃線：沁園春·長沙-毛澤東
</body>
</html>
— 注意：在多個標簽包含同一塊文字時，其包含順序不能錯位。
八、多種標題樣式的使用
網頁的文章中，為了凸顯標題的重要性，標題的樣式比較特殊。HTML技術保護了一套針對標題的樣式標簽，分別為雙標簽<h1>到<h6>，文字尺寸從大到小代表不同級別的標題。標題標簽有一個特點，獨佔一行、文字加粗、文字居中。這樣，在設置標題的時候就很輕鬆了，並且可設多級標題。在D:web目錄下創建網頁文件，命名為font_h.htm，編寫代碼如代碼4.11所示。
代碼4.11 標題的設置：font_h.htm
<html>
<head>
<title>標題的設置</title>
</head>
<body>
<h1>一號標題</h1>
<h2>二號標題</h2>
<h3>三號標題</h3>
<h4>四號標題</h4>
<h5>五號標題</h5>
<h6>六號標題</h6>
<h1>財富雜志：谷歌為何不會盛極而衰</h1>
　<h3>遭遇潛在問題</h3>
    一些業內人士認為，長期壟斷互聯網搜索和廣告市場谷歌可能會盛極而衰。...與此同時，谷歌近日推出的多項新計劃，例如開放手機聯盟、社交網站通用平台OpenSocial、以及可能投資數十億美元競購無線頻段，也遭到了廣泛的質疑。
<h3>將繼續壟斷搜索</h3>
    最近有一些文章稱，如果出現更好的搜索引擎，人們會毫不猶豫地放棄谷歌。但是，即使真有更好的搜索引擎出現，谷歌仍然可以在一段時間內屹立不倒。...在這種情況下，網站速度往往會成為決定勝負的關鍵。
</body>
</html>
九、學會處理網頁中的特殊字元
在HTML中，有一些字元有特殊含義，例如「<」和「>」是標簽的左括弧和右括弧，而標簽是控制HTML顯示的，標簽本身只能被瀏覽器解析，並不能在頁面中顯示。那麼，該怎樣在HTML中顯示「<」和「>」呢？
特殊符號
HTML代碼
特殊符號
HTML代碼
<
<
™（商標符號）
™
>
>
®（注冊符號）
®
「」（英文半形）
"
×
×
§
§
©（版權符號）
©
在D:web目錄下創建網頁文件，命名為string.htm，編寫string.htm代碼如代碼4.12所示。
代碼4.12 特殊字元的設置：string.htm
<html>
<head>
<title>特殊字元的設置</title>
</head>
<body>

標簽的顯示方法：<HTML> 
引號的顯示方法："英文半形雙引號" 
商標的顯示方法：™ 
注冊符號的顯示方法：® 
版權符號的顯示方法：© 
顯示§ 
顯示×

</body>
</html>
— 說明：單獨顯示符號&必須用代碼&。
十、如何更方便地忽略瀏覽器對部分HTML的解析
如果在網頁中作一個類似本書的HTML代碼示例，恐怕得把所有的<和>轉換成<和>，顯得比較麻煩。HTML代碼中的<plaintext>和<xmp></xmp>可以輕松解決這個問題。
<plaintext>是單標簽，它插入到HTML代碼中時，其後面的所有HTML標簽全部失效，即瀏覽器對<plaintext>後面所有的HTML標簽不作解析，直接在頁面上顯示。
<xmp></xmp>是雙標簽，它只使其包含的內容中的標簽失效，<xmp></xmp>的使用更為普遍。在D:web目錄下創建網頁文件，命名為html.htm，編寫代碼如代碼4.13所示。
代碼4.13 忽略標簽的設置：html.htm
<html>
<head>
<title>忽略標簽的設置</title>
</head>
<body>
<h2>沁園春·長沙</h2>
<xmp>獨立寒秋，湘江北去，橘子洲頭。 看萬山紅遍，層林盡染； 漫江碧透，百舸爭流。 </xmp>
鷹擊長空，魚翔淺底， 萬類霜天競自由。 悵寥廓，問蒼茫大地，誰主沉浮？ 
<plaintext>
攜來百侶曾游， 憶往昔崢嶸歲月稠。 恰同學少年，風華正茂； 書生意氣，揮斥方遒。 指點江山，激揚文字， 糞土當年萬戶侯。 曾記否，到中流擊水，浪遏飛舟！
</body>
</html>
十一、其他文字修飾方法
為了滿足不同領域的需要，HTML還有其他修飾文字的標簽。比較常用的有上標格式標簽和下標格式標簽。某些場合甚至要用到刪除效果，即可用HTML的中劃線標簽。
— 上標格式標簽為雙標簽，多用於數學指數的表示，比如某個數的平方或立方。
— 下標格式標簽為雙標簽，多用於注釋，以及數學的底數表示。
— 中劃線標簽為雙標簽<strike></strike>，多用於刪除效果。
在D:web目錄下創建網頁文件，命名為other.htm，編寫代碼如代碼4.14所示。
代碼4.14 其他修飾標簽的設置：other.htm
<html>
<head>
<title>其他修飾標簽的設置</title>
</head>
<body>

沁園春長沙！ 
數學指數的表示：23=8、1002=10000 <hr />
沁園春長沙！ 
數學底數的表示：log381=4、log5125=3 <hr />
刪除效果：<strike>我被刪除了</strike>

</body>
</html>

3、html常用的字體樣式

font-family:'Microsoft YaHei'。

1、網頁字體樣式華文黑體：STHeiti

2、網頁字體樣式華文楷體：STKaiti

3、網頁字體樣式華文宋體：STSong

4、網頁字體樣式華文仿宋：STFangsong

5、網頁字體樣式黑體：SimHei

6、網頁字體樣式宋體：SimSun

7、網頁字體樣式新宋體：NSimSun

8、網頁字體樣式仿宋：FangSong

9、網頁字體樣式楷體：KaiTi

10、網頁字體樣式仿宋_GB2312：FangSong_GB2312

11、網頁字體樣式楷體_GB2312：KaiTi_GB2312

12、網頁字體樣式微軟正黑體：Microsoft JhengHei

13、網頁字體樣式微軟雅黑體：Microsoft YaHei

14、網頁字體樣式隸書：LiSu

15、網頁字體樣式幼圓：YouYuan

16、網頁字體樣式華文細黑：STXihei

17、網頁字體樣式華文楷體：STKaiti

18、網頁字體樣式華文宋體：STSong

19、網頁字體樣式華文中宋：STZhongsong

20、網頁字體樣式華文仿宋：STFangsong

21、網頁字體樣式方正舒體：FZShuTi

22、網頁字體樣式方正姚體：FZYaoti

23、網頁字體樣式華文彩雲：STCaiyun

24、網頁字體樣式華文琥珀：STHupo

25、網頁字體樣式華文隸書：STLiti

26、網頁字體樣式華文行楷：STXingkai

27、網頁字體樣式華文新魏：STXinwei

(3)網頁設計中字體格式代碼擴展資料

html內容描述

<h1></h1> 最大的標題（一號標題）

<pre></pre> 預先格式化文本（英文全稱：PREformatted）

下劃線（英文全稱：Underline）

黑體字（英文全稱：Bold）

斜體字（英文全稱：Italics）

<tt></tt>打字機風格的字體

<cite></cite>引用，通常是斜體

強調文本（通常是斜體加黑體、英文全稱：EMphasize）

加重文本（通常是斜體加黑體）

設置字體大小從1到7，顏色使用名字或RGB（中文全稱：紅綠藍）的十六進制值

<BASEFONT></BASEFONT>基準字體標記

<big></big> 字體加大

字體縮小

<DELECT></DELECT> 加刪除線

<CODE></CODE>程式碼

<KBD></KBD>鍵盤字（英文全稱：KeyBoarD）

<SAMP></SAMP> 範例（英文全稱：SAMPle）

<VAR></VAR> 變數（英文全稱：VARiable）

<BLOCKQUOTE></BLOCKQUOTE> 向右縮排（向右縮進、塊引用）

<DFN></DFN> 述語定義（英文全稱：DeFiNe）

<ADDRESS></ADDRESS>地址標記

上標字（英文全稱：SUPerscript）

下標字（英文全稱：SUBscript）

<xmp>...</xmp>；固定寬度字體（在文件中空白、換行、定位功能有效）

<plaintext>...</plaintext>；固定寬度字體（不執行標記符號）

<listing>...</listing> 固定寬度小字體

...；字體顏色

...；字體大小等於1（最小）。

...；字體樣式等於無限增大（100像素）

4、HTML設置字體格式的代碼

HTML標簽：
粗體格式
斜體格式
小字體格式

這一段的字體大小的值是2。
這一段的字體是arial。

文字下標格式
文字上標格式

CSS格式：
#span1 {font-weight:bold; /*粗體*/ font-size:16px;/*字體大小*/ font-family:arial;/*字體為arial*/ color:#ff0000;/*顏色紅色*/ background-color:#fffff/*背景色白色*/ }

5、在網頁這個可以輸入字體的框里，html代碼是什麼？

<input type="text" value="" /> 是一個文本輸入框 input 下 text類型的元素

6、網頁設計中的動態字體的代碼是什麼？

給你推介個網站js.alixixi.com

7、網頁文字居中的代碼是什麼？

<!DOCTYPE HTML>

<head>

<title>html文字居中測試</title>

body{background: #ddd;}

div{width:300px;height:180px;margin:10px auto;color:#fff;font-size:24px;}

.box1{background: #71a879;text-align: center;}

.box2{background: #6a8bbc;line-height: 200px;}

.box3{background: #dea46b;text-align: center;line-height: 200px;}

</style>

</head>

<body>

<divclass="box1">html文字水平居中</div>

<divclass="box2">html文字垂直居中</div>

<divclass="box3">html文字水平上下居中</div>

</body>

</html>

(7)網頁設計中字體格式代碼擴展資料：

html自定義字體樣式

一般字體的設置包含：字體，字體大小，字體顏色

html設置字體的話有很多標簽去設置

h1,h2,h3,h4,h5,h6 標題

採用css屬性。用font去設置字體。

font-family 規定元素的字體系列。包含：宋體，微軟雅黑等這些字體之類的。font-family:Microsoft yahei 表示設置字體為微軟雅黑

font-weight是設置字體的粗細。包含：lighter（更細），normal（正常），bold（粗體），bolder（更粗）font-weight:bold設置字體為粗體

font-size 是字體的尺寸，可以用使用百分比去設置或者像素去設置。如:font-size:18px

color屬性是設置字體的顏色。可以採用

color:red; (顏色名稱)color:#00ff00; （顏色的十六進制）color:rgb(0,0,255);（顏色的rgb）
例子：
<style type="text/css">

.title{font-family:Microsoft yahei;font-size:16px;font-weight:bold;color:#ccc}
</style>
我是標題

8、網頁製作中改變字體格式的代碼是什麼

字體顏色為藍色 很多標簽都可以使用style="color:#0000FF" 但……不能這樣使用使用不同的標記

9、網站上要嵌入字體，代碼格式都會了，主要的是不會轉換字體格式

把整個中文字體嵌入網頁，完全是沒事找事，老老實實用圖片吧，英文就那26個字母加點符號，中文字型檔要包含的東西太多了，嵌入只會讓瀏覽者不爽，然後更積極的點右上角小叉叉。

別人轉中文字型檔才10幾K很可能是用字體編輯軟體把裡面99.9%的字都刪除掉了，只留那麼幾個字。比如我自己設計套公司名的專用字體，公司叫：恐龍商貿，字型檔里只有這幾個字轉出來10多K差不多。整個中文字型檔轉出來這么小不太可能，不然滿街的中文網站早就到處都採用嵌入字體來設計的，你在哪看見的，弄個來看看？

10、如何查看網頁設計時的文字編碼類型？

可以通過以下方法來進行編碼格式判斷，輸入一個字元串，之後返回字元串編碼類型。
public static String getEncoding(String str) {
String encode = "GB2312";
try {
if (str.equals(new String(str.getBytes(encode), encode))) { //判斷是不是GB2312
String s = encode;
return s; //是的話，返回「GB2312「，以下代碼同理
}
} catch (Exception exception) {
}
encode = "ISO-8859-1";
try {
if (str.equals(new String(str.getBytes(encode), encode))) { //判斷是不是ISO-8859-1
String s1 = encode;
return s1;
}
} catch (Exception exception1) {
}
encode = "UTF-8";
try {
if (str.equals(new String(str.getBytes(encode), encode))) { //判斷是不是UTF-8
String s2 = encode;
return s2;
}
} catch (Exception exception2) {
}
encode = "GBK";
try {
if (str.equals(new String(str.getBytes(encode), encode))) { //判斷是不是GBK
String s3 = encode;
return s3;
}
} catch (Exception exception3) {
}
return ""; //如果都不是，說明輸入的內容不屬於常見的編碼格式。

導航:首頁 > 萬維百科 > 網頁設計中字體格式代碼

網頁設計中字體格式代碼

與網頁設計中字體格式代碼相關的知識