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>