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. MFC string char cstring 类型转换

    在Unicode环境下用以下转换: CString z_strCurtTime = _T(""); // 获取当前时间 CTime z_tCurTime = CTime::GetC ...

  2. 用C语言指针作为函数返回值

    转载:http://c.biancheng.net/cpp/html/3242.html C语言允许函数的返回值是一个指针(地址),我们将这样的函数称为指针函数.下面的例子定义了一个函数 strlon ...

  3. dubbo学习总结二 服务端

    服务端主要执行对底层数据库的操作 主要分层为 api +dao+ filter+ util+... 首先 dubbo 服务端有一个dubbo配置文件 dubbo:application 定义应用名称 ...

  4. Web API 2 入门——使用Web API与ASP.NET Web窗体（谷歌翻译）

    在这篇文章中 概观 创建Web窗体项目 创建模型和控制器 添加路由信息 添加客户端AJAX 作者:Mike Wasson 虽然ASP.NET Web API与ASP.NET MVC打包在一起,但很容易 ...

  5. centos 6 YUM安装 lnmp

    准备篇: 1.配置防火墙,开启80端口.3306端口       vi /etc/sysconfig/iptables       -A INPUT -m state --state NEW -m t ...

  6. CSV 文件读写

    转自:http://www.cnblogs.com/Clin/archive/2013/03/14/2959022.html public class CSVFileHelper { /// < ...

  7. easyui学习笔记5—panel加载其他的页面

    上一篇中我们看到了panel的基本实现,没有什么难度,最重要的是data-options和class两个标签属性的定义.这里我们将看一下在panel中如何加载其他的页面. 1.先看看引用的资源文件和h ...

  8. WSDM 2014推荐系统论文

    Xiao Yu, Hao Ma, Paul Hsu, Jiawei Han On Building Entity Recommender Systems Using User Click Log an ...

  9. 常规渗透：没遇到过的anquan狗

    0x01 信息收集 服务器信息: windows 2003 + IIS 6.0 + aspx . Php + 安全狗 站点cms信息:一套aspx新闻发布系统 和 Discuz X3 端口信息 : 服 ...

  10. 使用ArcSDE SQL操作怎么获得新对象的objectid、GUID

    arcgis9.3.1 现在大家很喜欢使用ArcSDE的SQL操作,这种方式在特殊的环境要求下显得比较方便,那么使用SQL操作最多的是读和写,而写最多的就是新建一个对象,那么翻译成SQL语言就是使用i ...