标签之美二——文本标签

简介: 标签之美二——文本标签

标签之美--HTML文本标签属性详解


1、使用标题标签


<h></h>是标题的开始和结束标签,html提供6级标题划分,示例如下:


<body><!--设置背景为蓝色-->

<h1>这是一级标题</h1><h2>这是二级标题</h><h6>这是六级标题</h6>

</body>

image.png


2、使用字体标签


<font></font>用于定义字体,其中详细属性如下:


定义字体大小:size  例如<font size="4"></font>设置其中文字字号为4。


设置字体:face 其中可以填写多个字体名称,浏览器会按顺序寻找。


3、使用文本布局标签



缩进标签<blockquote>,可以让内容布局更加清晰,效果如下:

image.png

<body>

这是没有使用索引的内容<br>

<blockquote>这里使用了标签的内容</blockquote>

</body>




手动格式化布局标签<pre>这个标签可以不通过代码进行空格和换行的控制,而是直接将文本中的布局显示。效果如下:

image.png

<body>

<pre>手动的空格  与换行

这里是第二行</pre>

</body>




内联标签<span>,这个标签的作用是将对象内联与某些内容,比如将鼠标悬停时展现的内容,示例如下:

image.png

<body>

<span title="看这里">标题</span>

</body>





4、使用字体属性标签


为字体加粗:<b>


使用斜体:<i>


添加下划线:<u>


添加标注:<ins> 与下划线形式相同


添加删除标记:<del> 与<s>


添加上标:<sup>


添加下表:<sub>

目录
相关文章
|
6月前
|
Kubernetes Perl 容器
k8s标签
k8s标签
|
JavaScript
Threejs实现标签,自定义样式显示标签
Threejs实现标签,自定义样式显示标签
1434 0
Threejs实现标签,自定义样式显示标签
|
4月前
|
Kubernetes 算法 调度
k8s 标签-2
k8s 标签-2
32 2
|
5月前
|
Python
if标签
【6月更文挑战第29天】if标签。
49 5
|
6月前
with标签
with标签
45 2
|
6月前
|
Python
for...in...标签
for...in...标签。
27 1
|
6月前
|
移动开发 HTML5
基本标签
基本标签
50 2
|
移动开发
常用的不常见标签
常用的不常见标签
57 1
|
6月前
标签添加背景图
标签添加背景图
61 0
|
11月前
HTML的基本知识(二)——段落标签、强制换行标签、水平线标签、图片标签
HTML的基本知识(二)——段落标签、强制换行标签、水平线标签、图片标签