博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
标签之美二——文本标签
阅读量:6175 次
发布时间:2019-06-21

本文共 738 字,大约阅读时间需要 2 分钟。

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

1、使用标题标签

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

1
2
3
<
body
>
<!--设置背景为蓝色-->
<
h1
>这是一级标题</
h1
><
h2
>这是二级标题</
h
><
h6
>这是六级标题</
h6
>
</
body
>

2、使用字体标签

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

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

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

3、使用文本布局标签

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

1
2
3
4
<
body
>
这是没有使用索引的内容<
br
>
<
blockquote
>这里使用了标签的内容</
blockquote
>
</
body
>

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

1
2
3
4
<
body
>
<
pre
>手动的空格  与换行
这里是第二行</
pre
>
</
body
>

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

1
2
3
<
body
>
<
span 
title
=
"看这里"
>标题</
span
>
</
body
>

4、使用字体属性标签

为字体加粗:<b>

使用斜体:<i>

添加下划线:<u>

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

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

添加上标:<sup>

添加下表:<sub>

转载地址:http://ethba.baihongyu.com/

你可能感兴趣的文章
深入理解Java8 Lambda表达式
查看>>
Java集合框架面试问题集锦
查看>>
Java每天10道面试题,跟我走,offer有!(六)
查看>>
四种途径提高RabbitMQ传输数据的可靠性(二)
查看>>
c语言实现多态
查看>>
Linux 在 TOP 命令中切换内存的显示单位
查看>>
浏览器的加载与页面性能优化
查看>>
RabbitMQ学习总结(2)——安装、配置与监控
查看>>
Java基础学习总结(5)——多态
查看>>
shell: demo
查看>>
使用vc+如何添加特殊字符的控件(创世纪篇)
查看>>
Linux下的常用信号
查看>>
3.UIImageView+category
查看>>
2.UIView+category
查看>>
Android ImageLoader使用
查看>>
LDTP
查看>>
StringUtils工具类的常用方法
查看>>
linux下VNC安装与配置
查看>>
URL编码
查看>>
光模块及光纤知识(含分类,常用类型介绍)
查看>>