网页设计加粗字体代码_HTML字体要怎么加粗

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>

导航:首页 > 万维百科 > 网页设计加粗字体代码

网页设计加粗字体代码

与网页设计加粗字体代码相关的知识