HTML5文本
1.重要文本、斜体文本
粗体:<strong></strong>
粗体:<b></b>
斜体:<em></em>
斜体:<i></i>
<DOCTYPE HTML>
<html>
<head>
<title>文本</title>
<meta charset = "utf-8"/>
<style>
strong,em,b,i{font-size: 28px;}
</style>
</head>
<body>
<strong>粗体文字的显示效果</strong><br/>
<b>加强调文字的显示效果</b><br/>
<em>强调文字的显示效果</em><br/>
<i>强调文字的显示效果</i>
</body>
</html>

2.上标和下标
上标:<sup></sup>
下标:<sub></sub>
<DOCTYPE HTML>
<html>
<head>
<title>文本</title>
<meta charset = "utf-8"/>
</head>
<body>
<!-- 2.上标和下标 -->
c = a<sup>2</sup> + b<sup>2</sup>.<br/>
H<sub>2</sub> + O<sub>2</sub> ➡ H<sub>2</sub>O.
</body>
</html>

3.换行标记<br/>
换行标记是英文单词break的缩写,作用是将文字换行。
<DOCTYPE HTML>
<html>
<head>
<title>文本</title>
<meta charset = "utf-8"/>
</head>
<body>
你见,或者不见我<br/>
我就在那里<br/>
不悲不喜<br/>
你念,或者不念我<br/>
情就在那里<br/>
不来不去
</body>
</html>

4. 标题标记<h1>~<h6>
h是英文单词headline(标题行)的简称。一级标题文字最大,依次递减。
一级标题:<h1></h1>
二级标题:<h2></h2>
....
六级标题:<h6></h6>
<DOCTYPE HTML>
<html>
<head>
<title>标题标记</title>
<meta charset = "utf-8"/>
</head>
<body>
<h1>卜算子·我住长江头</h1>
<h2>我住长江头,君住长江尾。</h2>
<h3>日日思君不见君,共饮长江水。</h3>
<h4>此时几时休,此恨何时已。</h4>
<h5>只愿君心似我心,定不负相思意。</h5>
<h6>作者:宋代 李之仪</h6>
</body>
</html>

HTML5文本的更多相关文章
- Popline:帅气的浮动 HTML5 文本编辑器工具栏
Popline 是一个基于 HTML5 实现的富文本编辑器工具栏,设计灵感来自 PopClip ,相比传统的文本编辑器工具,Popline 能够浮动在编辑的文本周围,操作起来十分方便. 您可能感兴趣的 ...
- html5文本框提示文字属性为placeholder
html5文本框提示文字属性为placeholder 例子: <textarea id="comment" class="commentCont" n ...
- html5 文本格式化
通常标签 <strong> 替换加粗标签 <b> 来使用, <em> 替换 <i>标签使用.然而,这些标签的含义是不同的:<b> 与< ...
- html5文本超出部分用省略号表示
<p style="overflow:hidden; text-overflow:ellipsis;width:170px; white-space:nowrap; "> ...
- html5文本超过指定行数隐藏显示省略号
这个很简单,直接贴代码就好了 HTML <span class="name">博客园是一个面向开发者的知识分享社区.自创建以来,博客园一直致力并专注于为开发者打造一个纯 ...
- html5——文本阴影
基本结构 text-shadow: 30px 23px 31px #;/* 文字阴影: 水平位移 垂直位移 模糊程度 阴影颜色*/ 凹凸文字 <!DOCTYPE html> <htm ...
- Web 前端开发精华文章集锦(jQuery、HTML5、CSS3)【系列十七】
<Web 前端开发精华文章推荐>2013年第五期(总第十七期)和大家见面了.梦想天空博客关注 前端开发 技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HTML5 和 C ...
- Web 前端开发精华文章集锦(jQuery、HTML5、CSS3)【系列十八】
<Web 前端开发精华文章推荐>2013年第六期(总第十八期)和大家见面了.梦想天空博客关注 前端开发 技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HTML5 和 C ...
- Summernote – 基于 Bootstrap 的文本编辑器
Summernote 是一个简单,灵活,所见即所得(WYSIWYG)的编辑器,基于 jQuery 和 Bootstrap 构建.Summernote 所有主要的操作都支持快捷键,有一个功能强大的 AP ...
随机推荐
- radio中最佳解决方案
radio中最佳解决方案 1.html中 <td> <input id="status" name="status" type="r ...
- $.each遍历JSON字符串和 Uncaught TypeError: Cannot use 'in' operator to search for '156错误
现在页面和后端交互都流行使用json了 自己记录一下解析字符串的方法,要不老是忘记!!!! success: function (data) { //data是后台传过来的字符串 $.each(JS ...
- 安装或删除Skype for business server组件的时候,报错"错误: 找不到 SQL 服务"
安装或删除Skype for business server组件的时候,到了安装所有并置数据库的时候,报错“错误: 找不到 SQL 服务.确保计算机 skype.centos.com 中安装了 SQL ...
- echarts tooltip太多会超出显示范围-解决
以下两种解决方式,能够应对大部分出现此类问题项目 tooltip.position: 提示框浮层的位置,默认不设置时位置会跟随鼠标的位置. 可选:string, Array, Function 一.解 ...
- Clean WRH$_ACTIVE_SESSION_HISTORY in SYSAUX
Tablespace SYSAUX grows quickly. Run Oracle script awrinfo.sql to find what is using the space. One ...
- 32位 64位 获得进程peb的方法
基于上一篇文章,大概了解了peb的获取方法,但是那个方法只能获得当前进程的PEB,不能获得其他的进程的PEB.根据那个思想,获得其他进程PEB则需要注入,得到进程信息,然后进程间通信,将信息返回来,经 ...
- API Gateway微服务
微服务中的 API 网关(API Gateway) 前言 又是很久没写博客了,最近一段时间换了新工作,比较忙,所以没有抽出来太多的时间写给关注我的粉丝写一些干货了,就有人问我怎么最近没有更新博客了 ...
- jquery 判断元素可见性
$(".more_list").is(":visible") $(".more_list").is(":hidden")
- 用sql语句实现年龄分段统计
SELECT CASE WHEN (age >= 10 AND age <= 20) THEN '10-20' WHEN (age >= 21 AND age <= 30) T ...
- Windows环境下ELK简单搭建记录
前言 ELK已经是一套成熟的日志解决方案,虽然出现了好久,今日才终于研究了一下,不过是在windows平台上安装的. 搭建步骤 下载软件 安装软件 修改配置文件 启动软件 集成测试 下载软件 首先从官 ...