html文字类标签

本文详细介绍了HTML中各种标题标签(h1-h6)的使用方法,包括颜色和背景设置,以及p标签的基本用法。此外,还涵盖了粗体、斜体、特殊符号处理、特定字体大小和自定义字体等富文本格式。旨在帮助初学者理解和掌握HTML基础结构。
摘要由CSDN通过智能技术生成

1.<h1-h6>标签

该标签用于在页面中显示标题,普通格式为

<h1>标题一</h1>
<h2>标题二</h2>
<h3>标题三</h3>
<h4>标题四</h4>
<h5>标题五</h5>
<h6>标题六</h6>

如果你想要更改颜色,格式为

<h1 style="color:颜色;">标题内容</h1>

html中的颜色可以是

  • 颜色的英文
  • 颜色代码(可在word中编辑文字颜色中的自定义中的十六进制进行复制)

 自定义标题的背景颜色,格式为

<h1 style="background-color:颜色;">内容</h1>

 (其颜色和之前介绍H标签的特性相同)


2.<p>标签 

该标签主要是在页面中显示常规大小的文字,普通格式为

<p>内容</p>

自定义文字内容的颜色,格式为

<p style="color:颜色;">内容</p>

(其颜色和之前介绍H标签的特性相同)

自定义文字字体,格式为

<p style="background-color:颜色;">内容</p>

(其颜色和之前介绍H标签的特性相同) 


3.富文本格式标签

  •    <b> 粗体 </b>
  •    <i> 斜体 </i>
  •    <ins>下划线</ins>
  •    <del>删除线</del>
  •    <sub>下标字</sub>
  •    <sup>上标字</sup>
  •    <u>删除字<u>

4.特定大小的文字和换行标签

换行标签格式为

<br/>

特定大小的文字,其格式为

<font size="字号">内容</font>

5.特殊符号的处理

在html的编写中,你肯定会遇到一些问题

就是在任意的标签中,写入< > " &的特殊符号

而在常规情况下,这些字符会被html进行转义,例如

<h1> 写入一个<符号 </h1>

通过语法高亮提示,可以很清楚的看到html进行了转移,无法正常显示

我们可以通过一下方式进行显示

&amp;           &
&lt;            <
&gt;            >
&quot;          "

在html任意标签中写入以上特殊转义符就可以实现写入特殊符号的作用


6.逻辑字体 

<big>大号字</big>
<small>小号字</small>
<em>着重字体</em>
<strong>加强语气</strong>

    


7.自定义字体 

你可以在任意文字类标签内部加入一下代码

style="font-family:字体名称;"

例如:

<h3 style="font-family: 黑体;">内容</h3>

文章创作不易,希望可以帮助到刚刚入门的朋友

如果有什么错误或者不当的地方,欢迎指出!!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值