font 标签已过时,重点是在前端页面,文本设置所关注的属性
属性:
size 字体大小 最大为 7 最小为 1
color 字体颜色
face 字体样式 例如 黑体,微软雅黑,阿里普惠...
文本/字体
size 尺寸
color 颜色
face 样式
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>05-HTML字体文本标签</title></head><body><!--
size 1 ~ 7
color
1. 可以使用颜色对应的英文单词
2. RGB模式 Red Green Blue
--><fontsize="1"color="red"face="黑体">**有点东西~~~~</font><br><fontsize="2"color="green"face="幼圆">**有点东西~~~~</font><br><fontsize="3"color="black"face="宋体">**有点东西~~~~</font><br><fontsize="4"color="blue"face="隶书">**有点东西~~~~</font><br><fontsize="5"color="#9acd32"face="楷体">**有点东西~~~~</font><br><fontsize="6"color="#adff2f"face="微软雅黑">**有点东西~~~~</font><br><fontsize="7"color="#ff69b4"face="楷体">**有点东西~~~~</font><br></body></html>
4.5 文本格式标签
标签
格式
作用
b
< b>< /b>
加粗
strong
< strong>< /strong>
加粗
em
< em>< /em>
斜体
i
< i>< /i>
斜体
small
< small>< /small>
缩小
big
< big>< /big>
放大
sub
< sub>< /sub>
下标
sup
< sup>< /sup>
上标
del
< del>< /del>
删除
u
< u>< /u>
下划线
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>06-HTML文本格式标签</title></head><body><b>耿某淘宝购买口红,惨遭欺骗</b><br><strong>耿某淘宝购买口红,惨遭欺骗</strong><br>
耿某淘宝购买口红,惨遭欺骗 <br><hr><em>李某森控诉 mac 口红没有味道</em><br><i>李某森控诉 mac 口红没有味道</i><br>
李某森控诉 mac 口红没有味道 <br><hr><small>王·SingleDog·某·FPSP·平表示羡慕嫉妒恨</small><br><big>王·SingleDog·某·FPSP·平表示羡慕嫉妒恨</big><br>
王·SingleDog·某·FPSP·平表示羡慕嫉妒恨 <br><hr><b><big>王某平</big></b><sub>单身狗</sub><br><b><big>王某平</big></b><sup>没朋友</sup><br><hr><del>王*羡慕王某平使用 b 标签</del><br><u>王*羡慕王某平使用 b 标签</u></body></html>
4.6 标题标签
h1 ~ h6
h1 最大
h6 最小
基本特征:
文本加粗,单独成行
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>07-HTML标题标签</title></head><body><!--
h1 ~ h6 用于标题
Markdown 文档中也是利用类似的内容
【注意】
h1 标签在单个 HTML 页面中,建议有且只有一个。
SEO 优化问题
h1 标签用于描述整个页面的核心内容。有且只有一个,方便搜索引擎进行数据检索
meta 标签中有两个属性页常用于 SEO 优化
description 网站描述
keywords 关键字
--><h1>春暖花开,等你归来</h1><h2>春暖花开,等你归来</h2><h3>春暖花开,等你归来</h3><h4>春暖花开,等你归来</h4><h5>春暖花开,等你归来</h5><h6>春暖花开,等你归来</h6></body></html>
4.7 列表标签
无序列表
<ul></ul>
有序列表
<ol></ol>
列表元素全部是
<li></li>
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>08-HTML列表标签</title></head><body><!--
无序列表
可以修改列表属性
type 属性 限制标记样式
circle 空心圆
square 方块
none 无标记
disc 实心圆[缺省属性]
--><ultype="disc"><li>绿茶</li><li>红茶</li><li>普洱</li><li>白茶</li><li>乌龙</li></ul><hr><!--
有序列表
type 属性 限制标记样式
A 大写英文字母
a 小写英文字母
I 大写罗马数字
i 小写罗马数字
1 [缺省属性]
start 属性 限制标记起始
标记 从哪里开始
--><oltype="A"start="1000"><li>茅台</li><li>五粮液</li><li>汾酒</li><li>西凤</li><li>剑南春</li></ol></body></html>