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

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

1、使用标题标签

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

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

2、使用字体标签

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

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

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

3、使用文本布局标签

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

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

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

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

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

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

4、使用字体属性标签

为字体加粗:<b>

使用斜体:<i>

添加下划线:<u>

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

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

添加上标:<sup>

添加下表:<sub>

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏web前端-

JQ事件和事件对象

  //mouseover()/mouseout()和mouseenter()/mouseleave()的区别

32220
来自专栏前端知识分享

第165天:canvas绘制圆环旋转动画

27530
来自专栏从零开始学 Web 前端

从零开始学 Web 之 CSS(一)选择器

CSS 全称为 Cascading Style Sheets,中文翻译为“层叠样式表”,简称 CSS 样式表,所以称之为层叠样式表(Cascading Styl...

11040
来自专栏从零开始的linux

html入门

基本网页构成 <!doctype html> <html> <head> <title>This is the Title of the Page</ti...

36450
来自专栏黑泽君的专栏

day01_html学习笔记

26110
来自专栏企鹅号快讯

《小白HTML5成长之路31》半透明背景的自定义弹窗是怎么用CSS布局的

北方的冬天最怕有风,空气虽然好了,但是异常的冷,吸几口冷风感觉肺都结了冰。一大早小白来到办公室琢磨用户交互方面的问题,看了几个网站发现很多网站的弹窗都是自定义的...

465100
来自专栏一个爱吃西瓜的程序员

Web前端基础【2】--CSS基础

CSS指层叠样式表,用来定义如何显示HTML元素,一般和HTML配合使用。CSS样式表的目的是为了解决内容与表现分离的问题:即使同一个HTML文档也能表现出外观...

37060
来自专栏hbbliyong

HTML之marquee(文字滚动)详解

语法: <marquee></marquee> 以下是一个最简单的例子: 代码如下: <marquee><font size=+3 color=red>Hell...

1.7K160
来自专栏前端知识分享

第56天:选中文字弹出提示框

所以这个的事件一定是  onmouseup  ,盒子显示而且盒子的位置 在  鼠标的 clientX 和 clientY 一模一样

16520
来自专栏九彩拼盘的叨叨叨

学习前端 第4周 第1天

8430

扫码关注云+社区

领取腾讯云代金券