HTML-字体(FONT)标记(TAGS)

字体(FONT)标记(TAGS)


+ 标题字体(Header)

<h#> ... </h#> #=1, 2, 3, 4, 5, 6

<h1>今天天气真好!</h1> 今天天气真好!

<h2>今天天气真好!</h2> 今天天气真好!

<h3>今天天气真好!</h3> 今天天气真好!

<h4>今天天气真好!</h4> 今天天气真好!
<h5>今天天气真好!</h5> 今天天气真好!
<h6>今天天气真好!</h6> 今天天气真好!
  • <hn>---</hn> 这些标记显示黑体字。
  • <hn>---</hn> 这些标记自动插入一个空行,不必用 <p> 标记再加空行。
    因此在一行中无法使用不同大小的字体。
 

+ 字体大小

<font size=#> ... </font> #=1, 2, 3, 4, 5, 6, 7 or +#, -#
<basefont size=#> #=1, 2, 3, 4, 5, 6, 7

<font size=7>今天天气真好!</font> 今天天气真好!

<font size=6>今天天气真好!</font> 今天天气真好!

<font size=5>今天天气真好!</font> 今天天气真好!

<font size=4>今天天气真好!</font> 今天天气真好!

<font size=3>今天天气真好!</font> 今天天气真好!

<font size=2>今天天气真好!</font> 今天天气真好!

<font size=1>今天天气真好!</font> 今天天气真好!

 

 

+ 物理字体(Physical Style)

<b>今天天气真好!</b> 今天天气真好!

<i>今天天气真好!</i> 今天天气真好!

<u>今天天气真好!</u> 今天天气真好!

<tt>今天天气真好!</tt> 今天天气真好!

<sup>今天天气真好!</sup> 今天天气真好!

<sub>今天天气真好!</sub> 今天天气真好!

<s>今天天气真好!</s> 今天天气真好!

<strike>今天天气真好!</strike> 今天天气真好!

 

 

+ 逻辑字体(Logical Style)

<em>今天天气真好!</em> 今天天气真好!

<strong>今天天气真好!</strong> 今天天气真好!

<code>今天天气真好!</code> 今天天气真好!

<samp>今天天气真好!</samp> 今天天气真好!

<kbd>今天天气真好!</kbd> 今天天气真好!

<var>今天天气真好!</var> 今天天气真好!

<dfn>今天天气真好!</dfn> 今天天气真好!

<cite>今天天气真好!</cite> 今天天气真好!

<small>今天天气真好!</small> 今天天气真好!

<big>今天天气真好!</big> 今天天气真好!

 

 

+ 指定“字体大小”的标记和“指定字体”的标记的组合使用

<i><font size=5>
        <b>今天</b> 天气<font size=6> 真好!</font>
</font></i>

今天 天气 真好!

 

+ 字体颜色

指定颜色 <font color=#> ... </font>

#=rrggbb 16 进制数码,或者是下列预定义色彩:
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua

<font color=ffffff>White</font> &
<font color=white>White</font>

White & White

 

+ 客户端字体(Font Face)

<font face="#, #, ..., #"> ... </font>
#=客户端可获得的字体

<font face="Arial, Helvetica"> Hellow World!</font>

Hellow World!

客户端字体(Font Face)示例
 

+ 字符实体(Entities)

&#; #=字符实体名称 或者 ascii 值

HTML2.0 的字符集
&amp;           &
&lt;            <
&gt;            >
&quot;          "
HTML2.0 字符实体名称列表
HTML3.2 字符实体名称列表
ISO 字符实体名称列表
 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
import java.awt.*; import java.awt.event.*; import java.awt.geom.*; import java.awt.font.*; public class Clipping extends Canvas { public Clipping() { setBackground(Color.white); } public void paint(Graphics g) { Graphics2D g2; g2 = (Graphics2D) g; g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON); g2.setRenderingHint(RenderingHints.KEY_RENDERING, RenderingHints.VALUE_RENDER_QUALITY); int w = getSize().width; int h = getSize().height; FontRenderContext frc = g2.getFontRenderContext(); Font f = new Font("Helvetica",Font.BOLD,w/8); String s = new String("By"); TextLayout tl = new TextLayout(s, f, frc); float sw = (float) tl.getBounds().getWidth(); AffineTransform transform = new AffineTransform(); transform.setToTranslation(w/2-sw/2,h/2); Shape shape = tl.getOutline(transform); g2.setClip(shape); g2.setColor(Color.blue); g2.fill(shape.getBounds()); g2.setColor(Color.yellow); for (int j = shape.getBounds().y; j < shape.getBounds().y + shape.getBounds().height; j=j+3) { Line2D line = new Line2D.Float( 0.0f, (float) j, (float) w, (float) j); g2.draw(line); } } public static void main(String s[]) { WindowListener l = new WindowAdapter() { public void windowClosing(WindowEvent e) {System.exit(0);} public void windowClosed(WindowEvent e) {System.exit(0);} }; Frame f = new Frame("2D Text"); f.addWindowListener(l); f.add("Center", new Clipping()); f.pack(); f.setSize(new Dimension(400, 300)); f.show(); } } *********************************************

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值