字体靠下的代码（字体靠下怎么弄）

今天给各位分享字体靠下的代码的知识，其中也会对字体靠下怎么弄进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、html网页头部的字为什么偏下
• 2、网页怎么做文字显示位置的控制
• 3、html 让文本 靠底部
• 4、div 中的字体如何用CSS控制居下
• 5、在WORD中怎么设置字体靠下
• 6、如何设置文字在网页中的位置

html网页头部的字为什么偏下

因为同一行的div不一样高，建议你使用vertical-align:top;靠上对齐，然后再调行距即可line-height:"div的高";

网页怎么做文字显示位置的控制

文字显示位置分别为：

水平方向（align），垂直方向（valign）

水平方向即左中右：

left（左对齐）

center（居中）

RIGHT（右对齐）

垂直方向即靠顶和靠底.

top（靠顶）、bottom（靠底）等。

一. 水平方向即左中右的代码：

p align=left

font style=font:15pt face=黑体 color=fff000向左对齐/font/P

p align=CENTER

font style=font:15pt face=黑体 color=fff000表示居中/font/P

p align=RIGHT

font style=font:15pt face=黑体 color=fff000向右对齐/font/P

说明:

金钥匙就不显示了, 其实是很明显的, 看文字你就知道具体的方位了!

下面我们用图片做出来的效果代码, 对大家的帮助和学习是实例的意义, 理解起来就清楚得多了;

代码如下:

CENTER

TABLE width=480 height=320 bordercolor=olive background= border=18

TBODY

TR

td align=center valign=topbr

FONT style="FONT-SIZE: 25pt" face=华文行楷 color=#ff00ff B

p align=left金钥匙/Pbr

p align=CENTER喜欢你的到来!/PBRBR

p align=RIGHT朋友br你好!/P/B/FONT

/TD/TR/TOBDY/TABLE/CENTER

显示:

金钥匙

喜欢你的到来!

朋友

你好!

说明;

1. 代码中红色的就是图片的地址, 大家是可以换的!

2. 代码中粉色的是文字的标签, 它里面的含义包括了文字设置的大小; 文字的字体; 文字的颜色值; 这些都是可以调整的!

3. 代码中黄色的就是直接显示文字的位置了, 其实就是水平方向即左中右的代码!

二. 靠顶和靠底的代码：

垂直方向valign）靠顶的代码：

TD align=LEFT valign=top居左靠顶/TD

TD align=center valign=top居中靠顶/TD

TDalign=RIGHT valign=top居右靠顶/TD

垂直方向valign）靠底的代码：

TD align=LEFT valign=bottom居左靠底/TD

TD align=center valign=bottom居中靠底/TD

TD align=RIGHT valign=bottom居右靠底/TD

文字输出位置垂直方向的代码是设置在一张空表格的单元格里（TD）和(/TD)，方便易用。

实例如下：

CENTER

TABLE width=480 height=320 bordercolor=olive background= border=18

TR

TD

TABLE width=460 height=320 bordercolor=olive border=0

TR

TD align=LEFT valign=top height=80FONT style="FONT-SIZE: 12pt" face=黑体 color=#fff000B

居左靠顶的代码BRh3align=LEFT valign=top/h3/B/FONT/TD/TR

TR

TD align=center valign=top height=160FONT style="FONT-SIZE: 12pt" face=黑体 color=#fff000B

居中靠顶的代码BRh3align=center valign=top/h3/B/FONT/TD/TR

TR

TD align=RIGHT valign=bottom height=80FONT style="FONT-SIZE: 12pt" face=黑体 color=#fff000B

居右靠底的代码BRh3align=RIGHT valign=bottom/h3/B/FONT

/TD/TR/TABLE

/TD/TR/TABLE/CENTER

显示:

居左靠顶的代码

align=LEFT valign=top

居中靠顶的代码

align=center valign=top

居右靠底的代码

align=RIGHT valign=bottom

说明:

◇垂直方向设置必须在表格的单元格里（TD）和(/TD)。

◇本实例在图框内插入一张空表格，分为三横排。

◇根据各行插入内容设置高度。

◇在一张表格中，设置每一行的关键语句。

行的开始标签：

TR

TD align=center valign=top height=160

插入内容

行的结束标签：

/TD/TR

代码命令注解:

一、字体语法：

align=center 字体居中

align=right 字体居右

align=left 字体居左

align=up 字体居上

align=down 字体居下

font color=ff000.../font 字体颜色

face=华文行楷表示字体

font style=font:30pt face=新宋体 color=#ff0000文字/font

　 font:30pt 数值大文字就大

font size=1.../font 最小字体

font size=7.../font 最大字体

h1.../h1 标题字(最大 )

h6.../h6 标题字(最小)

b.../b　粗体字

strong.../strong 粗体字(强调)

i.../i 斜体字 　

em.../em 斜体字(强调)

big.../big 字体加大

marquee.../marquee 移动字体(走马灯)

dfn.../dfn 斜体字(表示定义) 　

u.../u 底线

ins.../ins 底线(表示插入文字)

strike.../strike 横线

s.../s 删除线

del.../del　删除线(表示删除)

kbd.../kbd 键盘文字

tt.../tt 打字体

xmp.../xmp 固定宽度字体(在文件中空白、换行、定位功能有效)

plaintext.../plaintext 固定宽度字体(不执行标记符号)

listing.../listing 固定宽度小字体

font style ="font-size:100px".../font 无限增大

二、区断标记：

hr 水平线

hr size="9" 水平线(设定大小)

hr width="80%" 水平线(设定宽度)

hr color="ff0000" 水平线(设定颜色)

br (换行)

空格命令

nobr.../nobr (不换行)

p.../p　(段落)

center.../center 置中 !连结格式

base href=地址 (预设好连结路径)

a href=地址/a 外部连结

a href=地址 target="_blank"/a 外部连结(另开新窗口)

a href=地址 target="_top"/a 外部连结(全窗口连结)

a href=地址 target="页框名"/a 外部连结(在指定页框连结)

三、贴图/音乐：

img src=图片地址 贴图

img src=图片地址 width="180" 设定图片宽度

img src=图片地址 height="30" 设定图片高度

img src=图片地址 alt="提示文字" 设定图片提示文字

img src=图片地址 border="1" 设定图片边框

bgsound src=MID音乐文件地址 背景音乐设定

body background="背景图片地址" 贴背景

body bgcolor="#ff0000" 设定背景颜色

embed src="flash地址" width="宽度" height="高度" 贴Flash图

img dynsrc="影视文件地址" width="宽度" height="高度" start=mouseover 贴影视

iframe src="相关地址" width="宽度" height="高度"/iframe 贴网页

A href="对方网址"写文字 文字连接

a href="对方网址"IMG src="图片地址" border=0 图片连接

DIVFONT face=黑体 color=#ff0000 size=4 A href="对方网址"文字/DIV 彩色文字连接

P align=centerFONT color=#0066ff face=华文行楷 size=5插入文字/FONT/P设定文

四、滑动语法：

marquee.../marquee普通滑动

marquee behavior=slide.../marquee滑动

marquee behavior=scroll.../marquee预设卷动

marquee behavior=alternate.../marquee来回滑动

marquee direction=down.../marquee向下滑动

marquee direction=up.../marquee向上滑动

marquee direction=right/marquee向右滑动 　

marquee direction=left/marquee向左滑动

marquee loop=2.../marquee滑动次数

marquee width=180.../marquee设定宽度

marquee height=30.../marquee设定高度

marquee bgcolor=FF0000.../marquee设定背景颜色

marquee scrollamount=2.../marquee设定滑动速度数值

marquee scrolldelay=200.../marquee设定滑动时间

marquee scrolldelay=300 scrollamount=100插入文字/marquee滑动停顿

body background="背景图片地址" body bgproperties=fixed固定背景不随滚动条滚动

五．表格语法：

table aling=left.../table表格位置,置左

TABLE aling=center.../table表格位置,置中

table background=图片路径.../table背景图片的URL=就是路径网址

table border=边框大小.../table设定表格边框大小(使用数字)

table bgcolor=颜色码.../table设定表格的背景颜色

table borderclor=颜色码.../table设定表格边框的颜色

table borderclordark=颜色码.../table设定表格暗边框的颜色

table borderclorlight=颜色码.../table设定表格亮边框的颜色

table cellpadding=参数.../table指定内容与网格线之间的间距(使用数字)

table cellspacing=参数.../table指定网格线与网格线之间的距离(使用数字)

table cols=参数.../table指定表格的栏数

table frame=参数.../table设定表格外框线的显示方式

table width=宽度.../table指定表格的宽度大小(使用数字)

table height=高度.../table指定表格的高度大小(使用数字)

td colspan=参数.../td指定储存格合并栏的栏数(使用数字)

td rowspan=参数.../td指定储存格合并列的列数(使用数字)

!分割窗口

frameset cols="20%,*"左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整

frameset rows="20%,*"上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整

frameset cols="20%,*"分割左右两个框架

frameset cols="20%,*,20%"分割左中右三个框架

分割上下两个框架

frameset rows="20%,*,20%"分割上中下三个框架

! - - ... - - 批注

A HREF TARGET 指定超级链接的分割窗口

A HREF=#锚的名称 指定锚名称的超级链接

A HREF 指定超级链接

A 被连结点的名称

ADDRESS..../ADDRESS 用来显示电子邮箱地址

html 让文本 靠底部

html让文本靠底部的办法。如下参考：

1、超文本标记语言是WWW的描述语言。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。

2、想要让文字在底部，需要用到 position:fixed; bottom:0px; left:0px;，想要让文字居中，需要用到 text-align:center。

3、代码

div class="div_foot"    

copy;2017-2018

/div

.div_foot {

position: absolute;

height: 50px;

text-align: center;

line-height: 50px;

width: 100%;

扩展资料

HTML的编辑器

1、基本文本、文档编辑软件，使用微软自带的记事本或写字板都可以编写，当然，如果你用WPS来编写，也可以。不过存盘时请使用.htm或.html作为扩展名，这样就方便浏览器认出直接解释执行了。

2、半所见即所得软件，

如：FCK-Editer、E-webediter等在线网页编辑器；

3、所见即所得软件，使用最广泛的编辑器，完全可以一点不懂HTML的知识就可以做出网页，如：

AMAYA（出品单位：万维网联盟）；

FRONTPAGE（出品单位：微软）；

Dreamweaver（出品单位：Adobe）。

参考资料：

百度百科-HTML

div 中的字体如何用CSS控制居下

div 中的字体如何用CSS控制居下的方法：

1、用margin-top 或者padding-top 设置。

代码：

div class="text"/div

.text {width:??px; height:??px; margin-top:10px;} //这里用margin或padding 都行。

2、设置行高，line-height 属性

如：line-height:30px; 数字越大行高越高 行与行的距离越大。

代码：

div class="text"/div

.text {width:??px; height:??px;line-height:??px; }

在WORD中怎么设置字体靠下

1、首先在打开的Word文档中的表格内输入文字内容，可以看到此时该文字内容显示在上方。

2、然后选中需要设置文字位置的表格并点击鼠标右键，在弹出的选项中点击“表格属性”选项。

3、即可打开“表格属性”的对话框中选择“单元格”选项。

4、然后在打开的“单元格”栏目下选择“底端对齐”选项，点击确定。

5、然后可以看到选中的表格内的文字内容已经靠下显示了。

如何设置文字在网页中的位置

文字显示位置分别为：

水平方向（align），垂直方向（valign）

水平方向即左中右：

left（左对齐）

center（居中）

RIGHT（右对齐）

垂直方向即靠顶和靠底.

top（靠顶）、bottom（靠底）等。

一. 水平方向即左中右的代码：

p align=left

font style=font:15pt face=黑体 color=fff000向左对齐/font/P

p align=CENTER

font style=font:15pt face=黑体 color=fff000表示居中/font/P

p align=RIGHT

font style=font:15pt face=黑体 color=fff000向右对齐/font/P

说明:

金钥匙就不显示了, 其实是很明显的, 看文字你就知道具体的方位了!

下面我们用图片做出来的效果代码, 对大家的帮助和学习是实例的意义, 理解起来就清楚得多了;

代码如下:

CENTER

TABLE width=480 height=320 bordercolor=olive background= border=18

TBODY

TR

td align=center valign=topbr

FONT style="FONT-SIZE: 25pt" face=华文行楷 color=#ff00ff B

p align=left金钥匙/Pbr

p align=CENTER喜欢你的到来!/PBRBR

p align=RIGHT朋友br你好!/P/B/FONT

/TD/TR/TOBDY/TABLE/CENTER

二. 靠顶和靠底的代码：

垂直方向valign）靠顶的代码：

TD align=LEFT valign=top居左靠顶/TD

TD align=center valign=top居中靠顶/TD

TDalign=RIGHT valign=top居右靠顶/TD

垂直方向valign）靠底的代码：

TD align=LEFT valign=bottom居左靠底/TD

TD align=center valign=bottom居中靠底/TD

TD align=RIGHT valign=bottom居右靠底/TD

文字输出位置垂直方向的代码是设置在一张空表格的单元格里（TD）和(/TD)，方便易用。

实例如下：

CENTER

TABLE width=480 height=320 bordercolor=olive background= border=18

TR

TD

TABLE width=460 height=320 bordercolor=olive border=0

TR

TD align=LEFT valign=top height=80FONT style="FONT-SIZE: 12pt" face=黑体 color=#fff000B

居左靠顶的代码BRh3align=LEFT valign=top/h3/B/FONT/TD/TR

TR

TD align=center valign=top height=160FONT style="FONT-SIZE: 12pt" face=黑体 color=#fff000B

居中靠顶的代码BRh3align=center valign=top/h3/B/FONT/TD/TR

TR

TD align=RIGHT valign=bottom height=80FONT style="FONT-SIZE: 12pt" face=黑体 color=#fff000B

居右靠底的代码BRh3align=RIGHT valign=bottom/h3/B/FONT

/TD/TR/TABLE

/TD/TR/TABLE/CENTER

显示:

居左靠顶的代码

align=LEFT valign=top

居中靠顶的代码

align=center valign=top

居右靠底的代码

align=RIGHT valign=bottom

说明:

◇垂直方向设置必须在表格的单元格里（TD）和(/TD)。

◇本实例在图框内插入一张空表格，分为三横排。

◇根据各行插入内容设置高度。

◇在一张表格中，设置每一行的关键语句。

行的开始标签：

TR

TD align=center valign=top height=160

插入内容

行的结束标签：

/TD/TR

代码命令注解:

一、字体语法：

align=center 字体居中

align=right 字体居右

align=left 字体居左

align=up 字体居上

align=down 字体居下

font color=ff000.../font 字体颜色

face=华文行楷表示字体

font style=font:30pt face=新宋体 color=#ff0000文字/font

　 font:30pt 数值大文字就大

font size=1.../font 最小字体

font size=7.../font 最大字体

h1.../h1 标题字(最大 )

h6.../h6 标题字(最小)

b.../b　粗体字

strong.../strong 粗体字(强调)

i.../i 斜体字 　

em.../em 斜体字(强调)

big.../big 字体加大

marquee.../marquee 移动字体(走马灯)

dfn.../dfn 斜体字(表示定义) 　

u.../u 底线

ins.../ins 底线(表示插入文字)

strike.../strike 横线

s.../s 删除线

del.../del　删除线(表示删除)

kbd.../kbd 键盘文字

tt.../tt 打字体

xmp.../xmp 固定宽度字体(在文件中空白、换行、定位功能有效)

plaintext.../plaintext 固定宽度字体(不执行标记符号)

listing.../listing 固定宽度小字体

font style ="font-size:100px".../font 无限增大

二、区断标记：

hr 水平线

hr size="9" 水平线(设定大小)

hr width="80%" 水平线(设定宽度)

hr color="ff0000" 水平线(设定颜色)

br (换行)

空格命令

nobr.../nobr (不换行)

p.../p　(段落)

center.../center 置中 !连结格式

base href=地址 (预设好连结路径)

a href=地址/a 外部连结

a href=地址 target="_blank"/a 外部连结(另开新窗口)

a href=地址 target="_top"/a 外部连结(全窗口连结)

a href=地址 target="页框名"/a 外部连结(在指定页框连结)

三、贴图/音乐：

img src=图片地址 贴图

img src=图片地址 width="180" 设定图片宽度

img src=图片地址 height="30" 设定图片高度

img src=图片地址 alt="提示文字" 设定图片提示文字

img src=图片地址 border="1" 设定图片边框

bgsound src=MID音乐文件地址 背景音乐设定

body background="背景图片地址" 贴背景

body bgcolor="#ff0000" 设定背景颜色

embed src="flash地址" width="宽度" height="高度" 贴Flash图

img dynsrc="影视文件地址" width="宽度" height="高度" start=mouseover 贴影视

iframe src="相关地址" width="宽度" height="高度"/iframe 贴网页

A href="对方网址"写文字 文字连接

a href="对方网址"IMG src="图片地址" border=0 图片连接

DIVFONT face=黑体 color=#ff0000 size=4 A href="对方网址"文字/DIV 彩色文字连接

P align=centerFONT color=#0066ff face=华文行楷 size=5插入文字/FONT/P设定文

四、滑动语法：

marquee.../marquee普通滑动

marquee behavior=slide.../marquee滑动

marquee behavior=scroll.../marquee预设卷动

marquee behavior=alternate.../marquee来回滑动

marquee direction=down.../marquee向下滑动

marquee direction=up.../marquee向上滑动

marquee direction=right/marquee向右滑动 　

marquee direction=left/marquee向左滑动

marquee loop=2.../marquee滑动次数

marquee width=180.../marquee设定宽度

marquee height=30.../marquee设定高度

marquee bgcolor=FF0000.../marquee设定背景颜色

marquee scrollamount=2.../marquee设定滑动速度数值

marquee scrolldelay=200.../marquee设定滑动时间

marquee scrolldelay=300 scrollamount=100插入文字/marquee滑动停顿

body background="背景图片地址" body bgproperties=fixed固定背景不随滚动条滚动

五．表格语法：

table aling=left.../table表格位置,置左

TABLE aling=center.../table表格位置,置中

table background=图片路径.../table背景图片的URL=就是路径网址

table border=边框大小.../table设定表格边框大小(使用数字)

table bgcolor=颜色码.../table设定表格的背景颜色

table borderclor=颜色码.../table设定表格边框的颜色

table borderclordark=颜色码.../table设定表格暗边框的颜色

table borderclorlight=颜色码.../table设定表格亮边框的颜色

table cellpadding=参数.../table指定内容与网格线之间的间距(使用数字)

table cellspacing=参数.../table指定网格线与网格线之间的距离(使用数字)

table cols=参数.../table指定表格的栏数

table frame=参数.../table设定表格外框线的显示方式

table width=宽度.../table指定表格的宽度大小(使用数字)

table height=高度.../table指定表格的高度大小(使用数字)

td colspan=参数.../td指定储存格合并栏的栏数(使用数字)

td rowspan=参数.../td指定储存格合并列的列数(使用数字)

!分割窗口

frameset cols="20%,*"左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整

frameset rows="20%,*"上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整

frameset cols="20%,*"分割左右两个框架

frameset cols="20%,*,20%"分割左中右三个框架

分割上下两个框架

frameset rows="20%,*,20%"分割上中下三个框架

! - - ... - - 批注

A HREF TARGET 指定超级链接的分割窗口

A HREF=#锚的名称 指定锚名称的超级链接

A HREF 指定超级链接

A 被连结点的名称

ADDRESS..../ADDRESS 用来显示电子邮箱地址

关于字体靠下的代码和字体靠下怎么弄的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。