HTML常用标签(二)

字体相关标签:

标题标签(用于设置不同大小的标题):

格式:<h#>文本</h#>#=1、2、3、4、5、6

说明:<h1>到<h6>字体依次减少

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<h1>H1标题</h1>
		<h2>H2标题</h2>
		<h3>H3标题</h3>
		
		
		<h4>H4标题</h4>
		<h5>H5标题</h5>
		<h6>H6标题</h6>
	</body>
</html>

正文字体<font>标签

格式:<font size="字号" color="颜色” face=“字体”>文字</font>

示例:<font size="+2" color="red” face=“黑体”>文字</font>

说明:size:默认字体大小为3;最大为7;最小为1;size=“+2”将使字体增大到5;size=“-1”将使字体减少到二

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
      <font size="+2" color="red" face="黑体">文字</font>
	</body>
</html>

物理字体:

<b></b>加粗<i></i>斜体<u></u>下划线 <sup></sup>上标<sub></sub>下标 <s></s>字间线 <strike></strike>字间线加粗

逻辑字体:

<em></em>斜体 <strong></strong>加粗

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
      <font size="+2" color="red" face="黑体">文字</font>
      <b>加粗</b>
      <i>斜体</i>
      <u>下划线</u>
      <sup>上标</sup>
      <sub>下标</sub>
      <strike>字间线加粗</strike>
      <em>斜体</em>
      <strong>加粗</strong>
	</body>
</html>

文本段落与行的控制:

单标记是<p>,表示一个段落结束,并在段落后加一空行

段落标签<p></p>属性:align:设置段落对齐方式;(center,left,right)

换行标签<br>

该标签强制文本换行,没有结束标签。

标尺线<hr> 表示一条水平线

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
      <p align="left">
      	我爱中国,<br>
      	我爱中国,<br>
      	我爱中国,<p>
        我爱中国。
      </p>
      <hr width="200px" align="left">
	</body>
</html>

常用转义字符:空格&nbsp 引号:&quot 小于:&It 大于:&gt;版权号:&copy;

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值