您的位置:首页 > Web前端 > HTML

关于HTML的字体标签

2015-10-10 10:57 871 查看
代码示例如下:

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus?">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>字体标签</title>
</head>
<body>
<!--

1.标题标记
<h1>.........<h6>
一级标题最大,逐渐减小,h6最小

2.<font>
属性:
color:颜色
设置方式:单词 \  #ff00cc \   rgb(0,0,255)
size:字号 取值(1-7)
设置:用’+2’代表值是5 或直接给值
face:字体类型

3.特殊字符
<小于号       >大于号
  空格   ©版权号
™ 商标

4.加粗标记 <strong>,<b>

5.划线标记 <u>,<s>
u是下划线,s是中划线

6.斜体标记  <i>

7.上下标  <sup>,<sub>

-->

<!--从h1到h6之间变化-->
<h1>will</h1>
<h2>will</h2>
<h3>will</h3>
<h4>will</h4>
<h5>will</h5>
<h6>will</h6>

<!--face用于选择字体,其内容就是填对应字体的名称   size的大小从1-7变化-->
<font face = "楷体" size = "7" color = "green">smith</font>    <!--可以将颜色的英文单词放进去-->
<font face = "隶书" size = "4" color = "#0033ff">smith</font>   <!--可以通过颜色面板,自动将其值放上去-->
<font face = "Cambria" size = "1" color = "new RGB(0,0,255)">smith</font> <!-- 可以将RGB的三原色放进去,可以参考颜色面板-->

<!--特殊字符,也可以从工具栏去选择-->
这是一个HTML的<p>标签   <!--其结果为:这是一个p标签-->

这是三个   空格

这©是一个版权号

这™是一个商标

<p> </p>

这可以代表一个字符:绐  <!--可以代表一个字符-->

<b>粗体</b>
<strong>粗体</strong>

<i>斜体</i>
<em>斜体</em>

<u>下划线</u>
<s>中划线</s>

O<sub>2</sub>  <!--上标-->

2<sup>2</sup> <!--下标-->

</body>
</html>


运行结果如下:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: