HTML5文本

  1.重要文本、斜体文本

粗体:<strong></strong>

粗体:<b></b>

斜体:<em></em>

斜体:<i></i>

 1 <DOCTYPE HTML>
 2 <html>
 3 <head>
 4     <title>文本</title>
 5     <meta charset = "utf-8"/>
 6     <style>
 7         strong,em,b,i{font-size: 28px;}
 8     </style>
 9 </head>
10 <body>
11     <strong>粗体文字的显示效果</strong><br/>
12     <b>加强调文字的显示效果</b><br/>
13     <em>强调文字的显示效果</em><br/>
14     <i>强调文字的显示效果</i>
15 </body>
16 </html>



  2.上标和下标

上标:<sup></sup>

下标:<sub></sub>

 1 <DOCTYPE HTML>
 2 <html>
 3 <head>
 4     <title>文本</title>
 5     <meta charset = "utf-8"/>
 6 </head>
 7 <body>
 8     <!-- 2.上标和下标 -->
 9     c = a<sup>2</sup> + b<sup>2</sup>.<br/>
10     H<sub>2</sub> + O<sub>2</sub> ? H<sub>2</sub>O.
11 </body>
12 </html>



  3.换行标记<br/>

换行标记是英文单词break的缩写,作用是将文字换行。

 1 <DOCTYPE HTML>
 2 <html>
 3 <head>
 4     <title>文本</title>
 5     <meta charset = "utf-8"/>
 6 </head>
 7 <body>
 8     你见,或者不见我<br/>
 9     我就在那里<br/>
10     不悲不喜<br/>
11     你念,或者不念我<br/>
12     情就在那里<br/>
13     不来不去
14 </body>
15 </html> 



  4. 标题标记<h1>~<h6>

h是英文单词headline(标题行)的简称。一级标题文字最大,依次递减。

一级标题:<h1></h1>

二级标题:<h2></h2>

....

六级标题:<h6></h6>

 1 <DOCTYPE HTML>
 2 <html>
 3 <head>
 4     <title>标题标记</title>
 5     <meta charset = "utf-8"/>
 6 </head>
 7 <body>
 8     <h1>卜算子·我住长江头</h1>
 9     <h2>我住长江头,君住长江尾。</h2>
10     <h3>日日思君不见君,共饮长江水。</h3>
11     <h4>此时几时休,此恨何时已。</h4>
12     <h5>只愿君心似我心,定不负相思意。</h5>
13     <h6>作者:宋代 李之仪</h6>
14 </body>
15 </html>




HTML5文本

原文地址:https://www.cnblogs.com/skylangjitianya/p/9221688.html

时间: 2024-10-10 02:59:00

HTML5文本的相关文章

HTML5 文本标记

HTML5 文本标记 文本标记概述 文本标记的作用 文本是网页上的重要组成部分,直接书写的文本会用浏览器默认的样式显示,包含在标记中的文本则会被显示为标记所拥有的样式: 特殊字符 注释 标题元素 段落元素 换行元素 分区元素 ... 文本与特殊字符 在网页中输入多个空格或制表符会被压缩成单个空格,即只显示一个空格.特殊字符(如空格),需要进行转义才能正常显示(字符实体).   :一个空格 > : > greater than < : < less than © : © ... 使用

HTML5文本元素解析

1.<b>表示关键字和产品名称 <b>HTML5</b> 解释:<b>元素实际作用就是加粗.从语义上来看,就是标记一段文字,但并不是特别强调重要性. 2.<strong>表示重要的文字 <strong>HTML5</strong> 解释:<strong>元素实际作用和<b>一样,就是加粗.从语义上来看,就是强调一段重要的文本. 3.<br>强制换行 <wbr>安全换行 <

Html5 文本格式化元素

<b>    定义粗体文本,可以定义id,class,style和onclick等各种事件属性 <i>     定义斜体文本,,可以定义id,class,style和onclick等各种事件属性 <em>  定义强调文本,但是实际效果于斜体文本差不多,,可以定义id,class,style和onclick等各种事件属性 <strong> 定义粗体文本,与<b>用法和效果都差不多 <small>   定义小号字体文本,,可以定义id,c

Mozilla对HTML5规范支持列表

翻译自Mozilla Developer Network 在2009年10月28日,HTML 5规范草稿在网络超文本应用技术工作组(WHATWG)中基本出于最后定稿阶段,这意味着HTML 5标准基本定型了.这里列出来一些已经在Mozilla的Gecko中支持的HTML 5特性. HTML5简介 HTML5简介 这篇文章介绍了如何在您的网页设计和应用中使用HTML5. HTML5元素 使用Audio和Video元素(Firefox 3.5) Firefox 3.5中添加了对HTML5中Audio和

Html5编辑工具

如果你是一名Web开发人员,当你需要开发一个独特的网站时,你就会知道文本编辑器的重要性.小编为大家整理了8款非常前沿的HTML5文本编辑器,简化开发流程,喜欢就转走吧! Mercury Editor Mercury Editor是最流行和最常用的HTML5文本编辑器之一.它也是一个功能全面的编辑器,支持所有Web语言,如HTML5元素的语法.JavaScript API等,还支持预览编辑内容.插入链接和图像等.此外,Mercury Editor的拖拽选项还允许你上传文件. Aloha Edito

10款web前端值得学习的 HTML5 效果附源码

1.jQuery右侧Tab选项卡的焦点图插件 这是一款基于jQuery的焦点图插件,和之前介绍的jQuery焦点图插件类似,它以淡入淡出的动画方式来切换图片,该焦点图插件的特点是右侧有一排Tab选项卡,点击相应选项卡后即可切换对应的图片,应该说这款jQuery焦点图插件还是非常实用的. 在线演示 源码下载 2.超炫 HTML5 粒子效果进度条 我喜欢粒子效果作品,特别是那些能够应用于实际的,例如这个由 Jack Rugile 基于 HTML5 Cavnas 编写的进度条效果.看着这么炫的 Loa

HTML5 常用标签整理

<!--1.  html5 文本 --> <div> <header> <hgroup> <h1>h1</h1> <h2>h2</h2> </hgroup> </header> <article>article</article> <footer>footer</footer> </div> <!-- 2. html5 小

MDN中的HTML5

HTML5 是定义 HTML 标准的最新的版本. 该术语通过两个不同的概念来表现: 它是一个新版本的HTML语言,具有新的元素,属性和行为, 它有更大的技术集,允许构建更多样化和更强大的网站和应用程序.这个集合有时称为HTML5和它的朋友们,不过大多数时候仅缩写为一个词 HTML5. 设计为所有Open Web开发人员都可以使用,此引用页面链接到许多关于HTML5技术的资源,根据其功能分为几个组. 语义:能够让你更恰当地描述你的内容是什么. 连通性:能够让你和服务器之间通过创新的新技术方法进行通

点燃圣火! Ember.js 的初学者指南

转自:http://www.adobe.com/cn/devnet/html5/articles/flame-on-a-beginners-guide-to-emberjs.html 作者 Andy Matthews 现在,到处都可以看到复杂的 JavaScript 应用程序. 由于这些应用程序变得越来越复杂,一长串的 jQuery 回调语句,或者通过应用程序在各个点执行不同的函数调用,这些都变得无法再让人接受. 这导致了 JavaScript 开发人员了解到传统的软件程序员已经知道了几十年的问