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文本的更多相关文章

  1. Popline:帅气的浮动 HTML5 文本编辑器工具栏

    Popline 是一个基于 HTML5 实现的富文本编辑器工具栏,设计灵感来自 PopClip ,相比传统的文本编辑器工具,Popline 能够浮动在编辑的文本周围,操作起来十分方便. 您可能感兴趣的 ...

  2. html5文本框提示文字属性为placeholder

    html5文本框提示文字属性为placeholder 例子:  <textarea id="comment" class="commentCont"  n ...

  3. html5 文本格式化

    通常标签 <strong> 替换加粗标签 <b> 来使用, <em> 替换 <i>标签使用.然而,这些标签的含义是不同的:<b> 与< ...

  4. html5文本超出部分用省略号表示

    <p style="overflow:hidden; text-overflow:ellipsis;width:170px; white-space:nowrap; "> ...

  5. html5文本超过指定行数隐藏显示省略号

    这个很简单,直接贴代码就好了 HTML <span class="name">博客园是一个面向开发者的知识分享社区.自创建以来,博客园一直致力并专注于为开发者打造一个纯 ...

  6. html5——文本阴影

    基本结构 text-shadow: 30px 23px 31px #;/* 文字阴影: 水平位移 垂直位移 模糊程度 阴影颜色*/ 凹凸文字 <!DOCTYPE html> <htm ...

  7. Web 前端开发精华文章集锦(jQuery、HTML5、CSS3)【系列十七】

    <Web 前端开发精华文章推荐>2013年第五期(总第十七期)和大家见面了.梦想天空博客关注 前端开发 技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HTML5 和 C ...

  8. Web 前端开发精华文章集锦(jQuery、HTML5、CSS3)【系列十八】

    <Web 前端开发精华文章推荐>2013年第六期(总第十八期)和大家见面了.梦想天空博客关注 前端开发 技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HTML5 和 C ...

  9. Summernote – 基于 Bootstrap 的文本编辑器

    Summernote 是一个简单,灵活,所见即所得(WYSIWYG)的编辑器,基于 jQuery 和 Bootstrap 构建.Summernote 所有主要的操作都支持快捷键,有一个功能强大的 AP ...

随机推荐

  1. 提升PPT制作效率和颜值

    [大咖分享]By汤帅,PPT定制师 网站有时比素材库更有效 学会多模板整合利用 网站推荐:花瓣,officeplus,演界网,pptstore 演讲提纲 思维导图听课笔记

  2. 微信小程序开发2-第一个小程序开发准备

    1.首先在官网上注册一个账号( https://mp.weixin.qq.com/ )申请一个AppID(类似于人的身份证,小程序也需要身份证) 注册过程不多说 2.安装开发工具( https://m ...

  3. android 实现类似微信缓存和即时更新好友头像

    引言 使用微信时我们会发现,首次进入微信的好友列表时,会加载好友头像,但是再次进入时,就不用重新加载了,而且其他页面都不用重新加载,说明微信的好友头像是缓存在本地的,然后好友修改头像后,又会及时的更新 ...

  4. sqlserver批量删除表

    --批量删除表 ) DECLARE tmpCur CURSOR FOR SELECT name FROM sys.objects WHERE TYPE='U' AND name LIKE N'%_Qu ...

  5. Ubuntu14.04下如何安装Python爬虫框架Scrapy

    按照官方文档的说明,安装scrapy 需要以下程序或者库: (1).Python 2.7 (2).lxml. Most linux distributions ships PRepackaged ve ...

  6. sqlserver函数教程

    sqlserver聚合函数教程: mssql sqlserver avg聚合函数使用简介mssql sqlserver CHECKSUM_AGG聚合函数使用简介mssql sqlserver coun ...

  7. javascript 获取文档/屏幕的Width||Height

    document.body.clientWidth //网页可见区域宽度document.body.clientHeight //网页可见区域高度document.body.offsetWidth / ...

  8. February 9 2017 Week 6 Thursday

    Happy life lies in a peaceful mind. 幸福的生活存在于心绪的宁静当中. What can be seen as happy life? Maybe the answe ...

  9. Java使用iText生成word文件的完美解决方案(亲测可行)

    JAVA生成WORD文件的方法目前有以下种: 一种是jacob 但是局限于windows平台 往往许多JAVA程序运行于其他操作系统 在此不讨论该方案 一种是pio但是他的excel处理很程序 wor ...

  10. 关于浏览器被http://www.51jetso.com/劫持

    版权声明:本文为博主原创文章,未经博主同意不得转载. https://blog.csdn.net/wwkaven/article/details/36373447     近期,新装了一下系统.安装软 ...