網頁設計中字體樣式_網頁設計中粗體字標簽是什麼

1、如何解決網頁設計中css樣式所設字體不起作用

呵呵，那一定是沒用好css啦，你仔細檢查下，是不是有沖突，你可以把詳細的代碼發出來，我可以幫你看看。

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、網頁設計中css樣式中的font屬性與font-family屬性有什麼區別？

font是字體的屬性 font-name= "Verdana"：ASP.NET中的用法 font-family：CSS樣式中的用法 Verdana：是一種字體的名稱，與常見的「宋體」、「隸書」……等屬於同一類。你可以看一下一些常用文字編輯軟體的字體設置里就有這一字體。 font-name：這組詞的意思是將要指定使用什麼字體，用什麼字體在等於號（「＝」）後面指定字體的名稱。 font-family：與font-name的作用完全一樣，只不過它是在網頁中的CSS樣式中的叫法。

4、html網頁製作里設置表格字體和大小的語句有嗎?是什麼?

HTML Table表格的文字大小與字型在傳統的HTML網頁設計規則中，可以透過HTML預設font文字標簽中的size與face分別設定文字大小與字型，這樣的寫法在HTML5以前是相當普遍的，而到了HTML5開始，修改表格文字大小與字型必須使用css來處理，因為HTML5不支援傳統HTML font的size與face屬性，在css的規則里，修改文字大小是用font-size，而修改字型則是使用font-famliy，以下範例分別使用HTML傳統的font標簽以及css的屬性來修改表格文字。

範例一、用HTML font文字標簽修改表格文字大小與字型

<table border="1" cellpadding="5">
<tr>
<td>這是size = 5的文字大小</td>
<td>這是標楷體的文字字型</td>
</tr>
</table>

呈現結果

誠如第一段所說，若要符合最新的HTML5網頁設計標准，表格內的文字大小與字型就必須使用css來設計，範例二就提供這樣的設計方式，除了可以像範例一這樣每個欄位不同的文字樣式，還可以一次設定整個表格的文字樣式，用起來效率非常好。

範例二、用css的font-size與font-family來修改表格文字大小與字型

<table border="1" style="font-size:18px;font-family:serif;" cellpadding="5">
<tr>
<td>這是表格預設文字樣式</td>
<td>這是13px的文字大小</td>
<td>這是標楷體字型</td>
</tr>
</table>

呈現結果

二在table標簽開頭就先加入了『style="font-size:18px;font-family:serif;"』這樣的語法，代表將整張表格內的所有文字大小都預設為18px，而且字型使用serif，這可是傳統HTML的font標簽沒辦法做到的高效率設計方式，接著我們在表格的三個欄位，分別使用預設文字樣式、修改大小為13px（font-size:13px;）、字型改為標楷體（font-family:DFKai-sb;），可以清楚的看到，只要在表格中任何欄位或一段文字，用span標簽包起來，就可以特別為文字做不同的樣式設計。

5、網頁設計中css樣式中的font屬性與font

字體設置使用 CSS font 屬性

定義和用法

font 簡寫屬性在一個聲明中設置所有字體屬性。

注釋：此屬性也有第六個值："line-height"，可設置行間距。

說明

這個簡寫屬性用於一次設置元素字體的兩個或更多方面。使用 icon 等關鍵字可以適當地設置元素的字體，使之與用戶計算機環境中的某個方面一致。注意，如果沒有使用這些關鍵詞，至少要指定字體大小和字體系列。

可以按順序設置如下屬性：

font-style

font-variant

font-weight

font-size/line-height

font-family

可以不設置其中的某個值，比如 font:100% verdana; 也是允許的。未設置的屬性會使用其默認值。

可能的值

拓展:

設置字體可以使用CSS font全部設置。也可以使用font-size、font-family之類的屬性進行單獨設置。

6、網頁設計中粗體字標簽是什麼

7、在網頁設計里設置文字的顏色為紅色的標記格式是什麼?

你是說用css把文字標成紅色嗎

代碼如下

color:red;

把這個樣式加到你想加的字體的元素上就可以了

希望能幫助到你

8、怎樣在網頁設計中設計段落中字體的顏色？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
</head>

<body>
 
<a target="_blank" style="color:#CCCCCC; text-decoration:none" href="http://www.qq.com">一個地方設置灰色，</a>
<a target="_blank" style="color:#00FF00; text-decoration:none" href="http://www.baidu.com">一個地方設置綠色，</a>
<a target="_blank" style="color:#000000; text-decoration:none" href="http://www.sina.com">一個地方設置黑色</a>
</body>
</html>

9、網頁設計中文字排版要注意些什麼

1. 字體樣式不要過多，盡量不超過3種字體
2. 嘗試使用標准字體
3. 限制長度，如果你想要讓用戶從你的文字中快速獲取信息，你應該考慮適當的文字長度

4. 選擇各種尺寸的字體，確保您選擇的字體在較小的屏幕上清晰可辨！
5. 使用容易分辨的字體
6. 合理間距
7. 確保您有足夠的顏色對比度
等等……

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

網頁設計中字體樣式

與網頁設計中字體樣式相關的知識