導航:首頁 > 萬維百科 > 網頁設計加粗字體代碼

網頁設計加粗字體代碼

發布時間:2021-03-29 11:53:38

1、HTML字體要怎麼加粗?

一、使用html 加粗標簽 -   TOP

使用b標簽或strong標簽即可對文字粗體。

1、分別對應語法如下:
<b></b>
<strong><strong>

2、應用案例
1)、html案例完整代碼(可以拷貝測試):

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>粗體實現 DIVCSS5案例</title> </head> <body> 我是正常字體<br /> <b>我被b粗體</b><br /> <strong>我被strong粗體</strong> </body> </html> 

2)、html粗體截圖:


html粗體標簽實現文字粗體加粗是針對那些有條件的人來說,很多小夥伴更喜歡的是自學。但是一個人自學畢竟力量是有限的,為了讓想學習的人可以更好的學習,給大家推薦一個裙,前面是6 1 1,中間是肆 二 8,最後面就是壹 四  二,這里有很多想學習的人和你一起交流,也有大牛每天晚上免費教學,想要學習的人都可以加入我們,但是我們只歡迎想學習的人,不是來學習,隨便看看的就不要進了。

以上是使用兩種粗體標簽實現html文字粗體,字體加粗方法,希望大家能靈活掌握與應用。

二、使用CSS樣式實現文字粗體顯示 -   TOP

div+css布局中,使用css樣式實現文字字體粗體比較多的,只需要對對象設置一個粗體樣式屬性即可實現文本粗體,又稱為css文字粗體。

1、css粗體樣式基礎

1)、單詞與介紹

font-weight,值為可以為從100到900,和bold,最常用font-weight的值為bold,也是所有瀏覽器均兼容。

2)、css 粗體語法:

div{font-weight:bold} 

這樣就讓所有div對象內文字字體加粗

2、粗體css案例

1)、加粗粗體案例HTML源代碼(div+css布局案例)(大家可以拷貝使用和測試)

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>粗體實現 DIVCSS5案例</title> <style> .bold{ font-weight:bold} </style> </head> <body> <div>我是正常字體</div> <div class="bold">我被font-weight粗體</div> </body> </html> 

2)、加粗案例截圖

css樣式font-weight粗體用法案例截圖

三、關於字體文本粗體總結 -   TOP

樣式粗體與html標簽粗體 加粗方式

這里我們介紹HTML標簽和CSS樣式實現文字粗體兩種方式,大家在實際使用時候根據需求選擇粗體樣式方式。

2、html字體大小、顏色、粗體、下劃線代碼(局部)

方法和詳細的操作步驟如下:

1、第一步,如果要修改下劃線的顏色,大小和其他樣式,內可以通過border屬性設計,使用起來容更靈活,見下圖,轉到下面的步驟。

2、第二步, 執行完上面的操作之後, border-bottom屬性用於設置底部邊框樣式,見下圖,轉到下面的步驟。

3、第三步,執行完上面的操作之後,border-bottom: #FF0000 2px solid ; 將邊框大小設置為2PX紅色邊框,見下圖,轉到下面的步驟。

4、第四步,執行完上面的操作之後,觀察到相同的效果,發現下劃線是整個屏幕的寬度,因此接下來將更改寬度,見下圖,轉到下面的步驟。

5、第五步,執行完上面的操作之後,寬度設置為180px,可以根據實際情況進行調整,見下圖,轉到下面的步驟。

6、第六步,執行完上面的操作之後,將顯示下劃線效果,見下圖。這樣,就解決了這個問題了。

3、字體加粗的HTM CSS代碼

<b></b>加粗標簽...

4、簡單的html代碼 加粗 加亮 字型加大 變色 分別是寫什麼`

字體加粗:<b>寫上你想寫的字</b>

字體加大: <big>寫上你想寫的字</big>

字體控制大小:<h1>寫上你想寫的字</h1> (其中字體大小可從h1-h5,h1最大,h5最小)

改字體顏色:<font color="#value">寫上你想寫的字</font>(其中value值在000000與ffffff(16位進制)之間

(4)網頁設計加粗字體代碼擴展資料:

結構性定義

文件類型 <HTML></HTML> (放在檔案的開頭與結尾)

文件主題 <TITLE></TITLE> (必須放在「文頭」區塊內)

文頭 <HEAD></HEAD> (描述性資料,像是「主題」)

文體 <BODY></BODY> (文件本體)

(由瀏覽器控制的顯示風格)

標題 <H?></H?> (從1到6,有六層選擇)

標題的對齊 <H? ALIGN=LEFT|CENTER|RIGHT></H?>

區分 <DIV></DIV>

區分的對齊 <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>

引文區塊 <BLOCKQUOTE></BLOCKQUOTE> (通常會內縮)

強調 <EM></EM> (通常會以斜體顯示)

特別強調 <STRONG></STRONG> (通常會以加粗顯示)

引文 <CITE></CITE> (通常會以斜體顯示)

碼 <CODE></CODE> (顯示原始碼之用)

樣本 <SAMP></SAMP>

鍵盤輸入 <KBD></KBD>

變數 <VAR></VAR>

定義 <DFN></DFN> (有些瀏覽器不提供)

地址 <ADDRESS></ADDRESS>

大字 <BIG></BIG>

小字 <SMALL></SMALL>

與外觀相關的標簽(作者自訂的表現方式)

加粗 <B></B>

斜體 <I></I>

底線 <U></U> (尚有些瀏覽器不提供)

刪除線 <S></S> (尚有些瀏覽器不提供)

下標 <SUB></SUB>

上標 <SUP></SUP>

打字機體 <TT></TT> (用單空格字型顯示)

預定格式 <PRE></PRE> (保留文件中空格的大小)

預定格式的寬度 <PRE WIDTH=?></PRE>(以字元計算)

向中看齊 <CENTER></CENTER> (文字與圖片都可以)

閃耀 <BLINK></BLINK> (有史以來最被嘲弄的標簽)

字體大小 <FONT SIZE=?></FONT>(從1到7)

改變字體大小 <FONT SIZE=+|-?></FONT>

基本字體大小 <BASEFONT SIZE=?> (從1到7; 內定為3)

字體顏色 <FONT COLOR='#$$$$$$'></FONT>

5、如何WEB中把字體加粗

我不太清楚你到底要做什麼,你貼出來的三段代碼,分別表示了三段不同的 區隔標記 ,而且後兩段都沒有結束區域的符號,三段中也沒有內容或文字,所以不知道你是想在哪一個區域把哪些文字加粗。
如果你是自己做網頁,使用HTML語言,Dreamweaver裡面的功能輕輕鬆鬆可以幫你實現你要的操作。
如果你是在瀏覽網頁是看人家的源代碼,你即使修改了,也只能在自己本地瀏覽啊,那何不用Dreamweaver打開更方便。

最後,認真回答你的問題。<DIV align="center"><FONT face="宋體"><strong>你要輸入的字</strong></FONT></DIV> 是沒錯的,「你要輸入的字」就是被加粗的部分,並在這個區域內被居中。

給你提供一些HTML代碼,自己研究下吧。

標記 類型 譯名或意義 作 用 備注
文件標記
<HTML> ● 文件聲明 讓瀏覽器知道這是 HTML 文件
<HEAD> ● 開頭 提供文件整體資訊
<TITLE> ● 標題 定義文件標題,將顯示於瀏覽頂端
<BODY> ● 本文 設計文件格式及內文所在
排版標記
<!--註解--> ○ 說明標記 為文件加上說明,但不被顯示
<P> ○ 段落標記 為字、畫、表格等之間留一空白行
<BR> ○ 換行標記 令字、畫、表格等顯示於下一行
<HR> ○ 水平線 插入一條水平線
<CENTER> ● 居中 令字、畫、表格等顯示於中間 反對
<PRE> ● 預設格式 令文件按照原始碼的排列方式顯示
<DIV> ● 區隔標記 設定字、畫、表格等的擺放位置
<NOBR> ● 不折行 令文字不因太長而繞行
<WBR> ● 建議折行 預設折行部位
字體標記
<STRONG> ● 加重語氣 產生字體加粗 Bold 的效果
<B> ● 粗體標記 產生字體加粗的效果
<EM> ● 強調標記 字體出現斜體效果
<I> ● 斜體標記 字體出現斜體效果
<TT> ● 打字字體 Courier字體,字母寬度相同
<U> ● 加上底線 加上底線 反對
<H1> ● 一級標題標記 變粗變大加寬,程度與級數反比
<H2> ● 二級標題標記 將字體變粗變大加寬
<H3> ● 三級標題標記 將字體變粗變大加寬
<H4> ● 四級標題標記 將字體變粗變大加寬
<H5> ● 五級標題標記 將字體變粗變大加寬
<H6> ● 六級標題標記 將字體變粗變大加寬
<FONT> ● 字形標記 設定字形、大小、顏色 反對
<BASEFONT> ○ 基準字形標記 設定所有字形、大小、顏色 反對
<BIG> ● 字體加大 令字體稍為加大
<SMALL> ● 字體縮細 令字體稍為縮細
<STRIKE> ● 畫線刪除 為字體加一刪除線 反對
<CODE> ● 程式碼 字體稍為加寬如<TT>
<KBD> ● 鍵盤字 字體稍為加寬,單一空白
<SAMP> ● 範例 字體稍為加寬如<TT>
<VAR> ● 變數 斜體效果
<CITE> ● 傳記引述 斜體效果
<BLOCKQUOTE> ● 引述文字區塊 縮排字體
<DFN> ● 述語定義 斜體效果
<ADDRESS> ● 地址標記 斜體效果
<SUB> ● 下標字 下標字
<SUP> ● 上標字 指數(平方、立方等)
清單標記
<OL> ● 順序清單 清單項目將以數字、字母順序排列
<UL> ● 無序清單 清單項目將以圓點排列
<LI> ○ 清單項目 每一標記標示一項清單項目
<MENU> ● 選單清單 清單項目將以圓點排列,如<UL> 反對
<DIR> ● 目錄清單 清單項目將以圓點排列,如<UL> 反對
<DL> ● 定義清單 清單分兩層出現
<DT> ○ 定義條目 標示該項定義的標題
<DD> ○ 定義內容 標示定義內容
表格標記
<TABLE> ● 表格標記 設定該表格的各項參數
<CAPTION> ● 表格標題 做成一打通列以填入表格標題
<TR> ● 表格列 設定該表格的列
<TD> ● 表格欄 設定該表格的欄
<TH> ● 表格標頭 相等於<TD>,但其內之字體會變粗
表單標記
<FORM> ● 表單標記 決定單一表單的運作模式
<TEXTAREA> ● 文字區塊 提供文字方盒以輸入較大量文字
<INPUT> ○ 輸入標記 決定輸入形式
<SELECT> ● 選擇標記 建立 pop-up 卷動清單
<OPTION> ○ 選項 每一標記標示一個選項
圖形標記
<IMG> ○ 圖形標記 用以插入圖形及設定圖形屬性
連結標記
<A> ● 連結標記 加入連結
<BASE> ○ 基準標記 可將相對 URL 轉絕對及指定連結目標
框架標記
<FRAMESET> ● 框架設定 設定框架
<FRAME> ○ 框窗設定 設定框窗
<IFRAME> ○ 頁內框架 於網頁中間插入框架 IE
<NOFRAMES> ● 不支援框架 設定當瀏覽器不支援框架時的提示
影像地圖
<MAP> ● 影像地圖名稱 設定影像地圖名稱
<AREA> ○ 連結區域 設定各連結區域
多媒體
<BGSOUND> ○ 背景聲音 於背景播放聲音或音樂 IE
<EMBED> ○ 多媒體 加入聲音、音樂或影像
其他標記
<MARQUEE> ● 走動文字 令文字左右走動 IE
<BLINK> ● 閃爍文字 閃爍文字 NC
<ISINDEX> ○ 頁內尋找器 可輸入關鍵字尋找於該一頁 反對
<META> ○ 開頭定義 讓瀏覽器知道這是 HTML 文件
<LINK> ○ 關系定義 定義該文件與其他 URL 的關系
StyleSheet
<STYLE> ● 樣式表 控制網頁版面
<span> ● 自訂標記 獨立使用或與樣式表同用

註:

● 表示該標記屬圍堵標記,即需要關閉標記如 </標記>。
○ 表示該標記屬空標記,即不需要關閉標記。
IE 表示該標記只適用於 Internet Explorer。
NC 表示該標記只適用於 Netscape Communicator。
反對 表示該標記不為 W3C 所贊同,通常這標記是 IE 或 NC 自訂,且己為眾所支 持,只是 HTML 標准中有其它同功能或更好的選擇。
棄用 表示該標記己為 W3C 所棄用,是過時的標記,但 HTML 具向下兼容的特 性,不用擔心新瀏覽器不支援舊標記。
新 表示該標記是 HTML 4.0 中新增的。

6、求編寫一個簡單的HTML加粗、斜體代碼,謝謝啊

首先需要了解在超文本標記語言(html)中,加粗和斜體的代碼,加粗的標記是b,斜體專的標記是i,在html中,標屬記一般都是成對出現的。例如<b>XXXX</b>。一個基本的網頁,都是包含在<html>、</html>之間的。具體例子如下:
<html>
<head>

<title>此處顯示頁面標題</title>
</head>
<body >

<h1>一級標題</h1>

<h2><b>加粗顯示二級標題</b></h2>

<h3><i>斜體顯示三級標題</i></h3>

</body>
</html>

7、在網頁製作中輸入的字體是粗體??????

實在檢查不出來卸了重裝吧

8、編寫一個簡單的HTML加粗、斜體代碼是什麼?

首先需要了解在超文本標記語言(html)中,加粗和斜體的代碼,加粗的標記是b,斜體的標記是i,在html中,標記一般都是成對出現的。例如<b>XXXX</b>。一個基本的網頁,都是包含在<html>、</html>之間的。具體例子如下:
<html>
<head>

<title>此處顯示頁面標題</title>
</head>
<body >

<h1>一級標題</h1>

<h2><b>加粗顯示二級標題</b></h2>

<h3><i>斜體顯示三級標題</i></h3>

</body>
</html>

與網頁設計加粗字體代碼相關的知識