HTML基础总结<文本格式>

HTML 文本格式化标签

标签 描述
<b> 定义粗体文本
<em> 呈现为被强调的文本
<i> 定义斜体字
<small> 定义小号字
<strong> 定义重要文本
<sub> 定义下标字
<sup> 定义上标字
<ins> 定义插入字
<del> 定义删除字
通常标签 <strong> 替换加粗标签 <b> 来使用, <em> 替换 <i>标签使用。

然而,这些标签的含义是不同的:

<b> 与<i> 定义粗体或斜体文本。

<strong> 或者 <em>意味着你要呈现的文本是重要的,所以要突出显示。现今所有主要浏览器都能渲染各种效果的字体。不过,未来浏览器可能会支持更好的渲染效果。

文本代码案列:

<html>

<body>

<b>This text is bold</b>

<br />

<strong>This text is strong</strong>

<br />

<big>This text is big</big>

<br />

<em>This text is emphasized</em>

<br />

<i>This text is italic</i>

<br />

<small>This text is small</small>

<br />

This text contains
<sub>subscript</sub>

<br />

This text contains
<sup>superscript</sup>

</body>
</html>

预设文本<pre>此例演示如何使用 pre 标签对空行和空格进行控制

<!DOCTYPE html>
<html>
<body>

<pre>
Text in a pre element
is displayed in a fixed-width
font, and it preserves
both spaces and
line breaks
</pre>

</body>
</html>

注释:根据 HTML 5 的规范,<b> 标签应该做为最后的选择,只有在没有其他标记比较合适时才使用它。HTML 5 规范声明:标题应该用 <h1> - <h6> 标签表示,被强调的文本应该用 <em> 标签表示,重要的文本应该用 <strong> 标签表示,被标记的或者高亮显示的文本应该用 <mark> 标签表示。
提示:您也可以使用 CSS 的 "font-weight" 属性设置粗体文本。  css暂时

HTML "计算机输出" 标签

标签 描述
<code> 定义计算机代码
<kbd> 定义键盘码
<samp> 定义计算机代码样本
<var> 定义变量
<pre> 定义预格式文本

HTML 引文, 引用, 及标签定义

标签 描述
<abbr> 定义缩写
<address> 定义地址
<bdo> 定义文字方向
<blockquote> 定义长的引用
<q> 定义短的引用语
<cite> 定义引用、引证
<dfn> 定义一个定义项目。

时间: 2024-10-29 06:26:16

HTML基础总结<文本格式>的相关文章

HTML基础总结&lt;头部&gt;

重点摘录:HTML head 元素 标签 描述 <head> 定义了文档的信息 <title> 定义了文档的标题 <base> 定义了页面链接标签的默认链接地址 <link> 定义了一个文档和外部资源之间的关系 <meta> 定义了HTML文档中的元数据 <script> 定义了客户端的脚本文件 <style> 定义了HTML文档的样式文件 <head> 元素包含了所有的头部标签元素.在 <head>

前端体系必备的软技能和知识点

1.软技能 起码一种前端框架 Bootstrap ... 起码一门后端语言 php node.js ... 起码一种CSS预处理器Les或者Sass. 学会使用SVN或Git来管理程序版本. 做个自己的个人网站,用于前端圈技术交流,并好好运营. 用熟一种程序员的编辑器,学会如何配置代码补全.外观.外部命令等,使用这些东西不是为了Cool,而是这些编辑器在查看.修改代码.配置文章.日志会更快更有效率. 做个大型的电商网站,并好好运营. 发展前端之外的兴趣爱好,关注你感兴趣的行业,有机会的话用自己所

java web 开发三剑客 -------电子书

Internet,人们通常称为因特网,是当今世界上覆盖面最大和应用最广泛的网络.根据英语构词法,Internet是Inter + net,Inter-作为前缀在英语中表示“在一起,交互”,由此可知Internet的目的是让各个net交互.所以,Internet实质上是将世界上各个国家.各个网络运营商的多个网络相互连接构成的一个全球范围内的统一网,使各个网络之间能够相互到达.各个国家和运营商构建网络采用的底层技术和实现可能各不相同,但只要采用统一的上层协议(TCP/IP)就可以通过Internet

HTTP和HTTPS的区别和常见的面试题

本篇会着重介绍http和https的区别和常见的面试题 常见的http和https面试题: Http与Https的基本概念和他们的区别 HTTPS工作原理 常用的HTTP方法有哪些 GET方法与POST方法的区别,什么时候应该使用GET什么时候应该使用POST HTTP请求报文与响应报文格式 常见的HTTP的状态码 HTTP1.0,1.1,2.0之间的区别和特性 常见HTTP首部字段 HTTP的缺点与HTTPS有哪些改进 HTTP优化 一个页面从输入 URL 到页面加载显示完成,这个过程中都发生

Django学习---多人博客项目(2)

Django学习---多人博客项目(2) ? 上一部分内容完成了博客项目的搭建,以及博客标题和博客内容的展示,熟悉了Django的使用,下面,接着实现用户管理部分功能. 一.自定义模板和静态文件的位置 (1)自定义模板的位置 BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__))) # 当前文件路径的上两级文件路径--即是根目录 TEMPLATES = [ { 'BACKEND': 'django.templat

ActionBar基础学习之头部返回菜单

在开写之前需要先引入工程包lib_v7_appcompat,里面为我们提供了ActionBarActivity等许多相关类. 先新建一个activity来继承ActionBarActivity,在里面进行一些基本设置,如下: /** * ActionBar基础activity,进行统一的属性设置 <br> * 所有顶部带有actionbar的类都继承此类. * * @author leetoney * @time 2015年1月31日17:28:00 * */ public class Bas

HTML&amp;CSS基础学习笔记1.17-表格的头部与尾部

表格的头部和尾部 既然有标签表示表格的主体,那么自然表格的头部和尾部也有对应的标签. HTML中使用<thead>标签表示表格的头部,使用<tfoot>标签表示表格的尾部. 有了头部和尾部之后,<table>里的结构就是这样: <table> <thead> <tr> ... </tr> </thead> <tfoot> <tr> ... </tr> </tfoot&g

#WEB安全基础 : HTTP协议 | 0x10 请求和响应报文重点结构及常见头部

你需要认识一些常见的头部以及了解报文的详细结构 请求报文的请求行 GET/HTTP/1.1 响应报文的响应行 HTTP/1.1 200 OK 想必这些大家都知道了 请求 我访问一个页面 Host //访问的域名. \r\n //就是CR-LF Connection //请求保持的时间 User-Insecure-Requests : 1 //服务器可以读懂客户端发出的信息,它以后会用https而不是http User-Agent //客户端的相关信息(系统版本,浏览器版本) Accept //客

Angular基础(二) 组件的使用

? 一.简单操作 a) 使用Angular CLI可以快速创建项目框架,先运行 $ npm install –g @angular/[email protected]安装CLI,为CLI的位置设置环境变量,然后就可以全局使用ng命令了. 执行ng new –ng4 angular-hello-world可以创建Angular4项目,会自动生成基础的文件夹和文件,还会自动进行npm i操作,下载并安装所需的依赖. 然后执行ng serve就可以编译并启动这个程序了,但ng并不会自动打开浏览器. b

Android基础入门教程——2.3.12 Date &amp; Time组件(下)

Android基础入门教程--2.3.12 Date & Time组件(下) 标签(空格分隔): Android基础入门教程 本节引言: 本节我们来继续学习Android系统给我们提供的几个原生的Date & Time组件,他们分别是: DatePicker(日期选择器),TimePicker(时间选择器),CalendarView(日期视图),好吧, 其实一开始让我扣这几个玩意我是拒绝的,因为在我的印象里,他们是这样的: 简直把我丑哭了,有木有,终于知道为什么那么多人喜欢自定义这种类型的