标签之美二——文本标签

标签之美--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>

时间: 2025-01-22 16:55:13

标签之美二——文本标签的相关文章

标签之美九——列表

标签之美--列表 列表是网页排序中时常会用到的一个元素. 一.无序列表 1.无序列表的标签 无序列表使用<ul></ul>来定义标签的开始和结束.使用<li></li>来设置标签项,示例如下: <body> <ul> <li>title1</li><li>title2</li><li>title3</li> </ul> </body> 效果

HTML5之美二 --- 转载

如今大热的HTML5到底美在哪里?HTML5到底能为实际的移动开发带来哪些改变?来自阿里云云手机服务运营部的前端开发工程师正邪(廖健)分享了他眼中的HTML5之美,主要讲诉HTML5的常见原理并从CSS.JavaScript和框架三个方面做了细致讲解: 说到HTML5一般都会提到它新增了一些新的标签,这些标签能够减少文档的大小,也可以节省一些CSS定义,但是这个好处不足以说明HTML5在技术变革上带来的影响,我们还是先要明白HTML5的原理到底是怎样的,它带来的变革为什么会这么大? 常见的原理

标签之美三——超链接的嵌入

标签之美--超链接标签 一.创建超链接 通常的超链接有两种方式,一种是链接到另一个文件,另一种是链接到当前文件的某个位置.这两种方式都是通过<a></a>标签来创建,其中href属性用来指定链接的目标地址. 1.链接到当前页面指定位置 被链接的地方需要使用<a>标签的name属性标记,示例如下: <a href="#last">链接到本页最后</a><!--创建一个超链接--> <br><br&g

转载 【CSS进阶】伪元素的妙用--单标签之美

1.单个颜色实现按钮 hover .active 的明暗变化 请点击 转载利用伪元素单个颜色实现 hover 和 active 时的明暗变化效果 2.利用after伪类清除浮动 .clearfix:after {content:"."; display:block; height:0; visibility:hidden; clear:both; } .clearfix { *zoom:1; } 3.增强用户体验,使用伪元素实现增大点击热区.适合用在点击区域较小的移动端,PC端看上去是

UI标签库专题二:JEECG智能开发平台Column(列) 子标签

 1.1. Column(列) 子标签 1.1.1. 示例 <t:dgCol title="年龄" field="age" query="true" extend="{data-options:{required:false,groupSeparator:\"','\"},class:{value:'easyui-numberbox'}}"></t:dgCol> 1.1.2. 参

HTML标签大全(二)

字体标记<STRONG> ● 加重语气 产生字体加粗 Bold 的效果  <B> ● 粗体标记 产生字体加粗的效果  <EM> ● 强调标记 字体出现斜体效果  <I> ● 斜体标记 字体出现斜体效果  <TT> ● 等宽字体 Courier字体,字母宽度相同  <U> ● 加下划线 加下划线 反对<H1> ● 一级标题标记 将字体变大,级数越高越小  <H2> ● 二级标题标记 将字体变大  <H3&g

Struts2的标签库(二)——OGNL表达式

Struts2的标签库(二) --OGNL表达式 1.Struts2中的OGNL表达式增加了ValueStack的支持. 注:ValueStack--实际上是一个容器对象,该对象在启动Struts2框架时被创建,当前端的JSP页面向Action发送请求时,Struts2框架会将请求的数据封装并存放在栈顶,当请求结束后,此栈顶的数据被清除.Struts2的标签访问数据就是通过访问ValueStack来实现的. 2.Struts2可以直接从对象中获取属性,可以自动搜索Stack Context的所有

UI标签库专题二 JEECG智能开发平台Column 列 子标签

UI标签库专题二:JEECG智能开发平台Column(列) 子标签 1.1. Column(列) 子标签 1.1.1. 示例 <t:dgCol title="年龄" field="age" query="true" extend="{data-options:{required:false,groupSeparator:\"','\"},class:{value:'easyui-numberbox'}}&quo

javaweb学习总结(二十六)——jsp简单标签标签库开发(二)

一.JspFragment类介绍 javax.servlet.jsp.tagext.JspFragment类是在JSP2.0中定义的,它的实例对象代表JSP页面中的一段符合JSP语法规范的JSP片段,这段JSP片段中不能包含JSP脚本元素. WEB容器在处理简单标签的标签体时,会把标签体内容用一个JspFragment对象表示,并调用标签处理器对象的setJspBody方法把JspFragment对象传递给标签处理器对象.JspFragment类中只定义了两个方法,如下所示: getJspCon