前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >标签之美二——文本标签 原

标签之美二——文本标签 原

作者头像
珲少
发布2018-08-15 14:49:39
5100
发布2018-08-15 14:49:39
举报
文章被收录于专栏:一“技”之长一“技”之长

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

1、使用标题标签

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

代码语言:javascript
复制
<body><!--设置背景为蓝色-->
<h1>这是一级标题</h1><h2>这是二级标题</h><h6>这是六级标题</h6>
</body>

2、使用字体标签

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

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

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

3、使用文本布局标签

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

代码语言:javascript
复制
<body>
这是没有使用索引的内容<br>
<blockquote>这里使用了标签的内容</blockquote>
</body>

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

代码语言:javascript
复制
<body>
<pre>手动的空格  与换行
这里是第二行</pre>
</body>

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

代码语言:javascript
复制
<body>
<span title="看这里">标题</span>
</body>

4、使用字体属性标签

为字体加粗:<b>

使用斜体:<i>

添加下划线:<u>

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

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

添加上标:<sup>

添加下表:<sub>

专注技术,热爱生活,交流技术,也做朋友。 ——珲少 QQ群:203317592

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2015/05/08 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 标签之美--HTML文本标签属性详解
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档