HTML 可定义很多供格式化输出的元素,比如粗体和斜体字。

<b>定义粗体字体

  1. <p>这是一段<b>粗体字体</b>通过标签定义</p>

<big>定义大号字体,相应的<small>定义小号字体

  1. <p>这是一段<big>大号字体</big>通过big标签定义</p>
  2. <p>这是一段<small>小号字体</small>通过small标签定义</p>

<em>定义着重文字 <strong>定义加重语气

  1. <strong>This text is strong</strong>
  2. <em>This text is emphasized</em>

<pre> pre 标签对空行和空格进行控制。通常html中使用空格是没有效果的,但是如果空格包含在<pre>标签中,在文档中就可以保留你想要的空格。

  1. <pre>
  2. 这是
  3. 预格式文本。
  4. 它保留了 空格
  5. 和换行。
  6. </pre>

<i>定义斜体字

<sub>定一下标字

<sup>定义上标字

<ins>定义插入文字

<del>定义删除字

HTML中的引用标签

html中的引用标签有两个:短引用<p>和长引用<blockquote>

HTML <q> 元素定义短的引用。
浏览器通常会为 <q> 元素包围引号。

HTML <blockquote> 元素定义被引用的节。
浏览器通常会对 <blockquote> 元素进行缩进处理。

  1. 这是长的引用:
  2. <blockquote>
  3. 这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。
  4. </blockquote>
  5.  
  6. 这是短的引用:
  7. <q>
  8. 这是短的引用。
  9. </q>
  10.  
  11. <p>
  12. 使用 blockquote 元素的话,浏览器会插入换行和外边距,而 q 元素不会有任何特殊的呈现。
  13. </p>

缩写和首字母缩写

<abbr>是缩写标签,<acronym>是首字母缩写

  1. <abbr title="etcetera">etc.</abbr>
  2. <br />
  3. <acronym title="World Wide Web">WWW</acronym>
  4.  
  5. <p>在某些浏览器中,当您把鼠标移至缩略词语上时,title 可用于展示表达的完整版本。</p>
  6.  
  7. <p>仅对于 IE 5 中的 acronym 元素有效。</p>
  8.  
  9. <p>对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。</p>

HTML <kbd> 元素定义键盘输入:

  1. <p>To open a file, select:</p>
  2.  
  3. <p><kbd>File | Open...</kbd></p>

HTML <samp> 元素定义计算机输出示例:

  1. <samp>
  2. demo.example.com login: Apr 12 09:10:17
  3. Linux 2.6.10-grsec+gg3+e+fhs6b+nfs+gr0501+++p3+c4a+gr2b-reslog-v6.189
  4. </samp>

今天介绍的标签都是內联元素 也就是在 html的文本中如果你不适用换行标签<br / >或者让他们作为块级元素的

元素内容的话,他们是不会换行的。

HTML-学习笔记(文本格式化,引用,计算机代码)的更多相关文章

  1. JPG学习笔记3(附完整代码)

    #topics h2 { background: rgba(43, 102, 149, 1); border-radius: 6px; box-shadow: 0 0 1px rgba(95, 90, ...

  2. python3.4学习笔记(十三) 网络爬虫实例代码,使用pyspider抓取多牛投资吧里面的文章信息,抓取政府网新闻内容

    python3.4学习笔记(十三) 网络爬虫实例代码,使用pyspider抓取多牛投资吧里面的文章信息PySpider:一个国人编写的强大的网络爬虫系统并带有强大的WebUI,采用Python语言编写 ...

  3. openstack学习笔记一 虚拟机启动过程代码跟踪

    openstack学习笔记一 虚拟机启动过程代码跟踪 本文主要通过对虚拟机创建过程的代码跟踪.观察虚拟机启动任务状态的变化,来透彻理解openstack各组件之间的作用过程. 当从horizon界面发 ...

  4. 【学习笔记】OI玄学道—代码坑点

    [学习笔记]\(OI\) 玄学道-代码坑点 [目录] [逻辑运算符的短路运算] [\(cmath\)里的贝塞尔函数] 一:[逻辑运算符的短路运算] [运算规则] && 和 || 属于逻 ...

  5. JPG学习笔记4(附完整代码)

    #topics h2 { background: rgba(43, 102, 149, 1); border-radius: 6px; box-shadow: 0 0 1px rgba(95, 90, ...

  6. Dubbo -- 系统学习 笔记 -- 示例 -- 泛化引用

    Dubbo -- 系统学习 笔记 -- 目录 示例 想完整的运行起来,请参见:快速启动,这里只列出各种场景的配置方式 泛化引用 泛接口调用方式主要用于客户端没有API接口及模型类元的情况,参数及返回值 ...

  7. 8. svg学习笔记-文本

    毫无疑问,文本也是svg中组成的重要部分,在svg中,用<text>元素来创建文本,文本的使用格式如下: <text x="20" y="30" ...

  8. LearnOpenGL学习笔记(一)——现有代码理解

    首先,给出这次学习的代码原网址.------>原作者的源代码 (黑体是源码,注释是写的.) 引用的库(预编译): #include <glad/glad.h> //控制编译时函数的具 ...

  9. CSS学习笔记——视觉格式化模型 visual formatting model

    CSS 视觉格式化模型(visual formatting model)是用来处理文档并将它显示在视觉媒体上的机制.他有一套既定的规则(也就是W3C规范),规定了浏览器该怎么处理每一个盒子.以下内容翻 ...

随机推荐

  1. RxJava 和 RxAndroid 一 (基础)

    1.RxJava 项目地址 https://github.com/ReactiveX/RxJava 2.RxAndroid 项目地址    https://github.com/ReactiveX/R ...

  2. 使用imeOptions

    Android的软键盘右下角有Action按钮,如下图的“上一步” 在EditText中有 android:imeOptions选项,它包括完成按钮“actionDone”,发送按钮“actionSe ...

  3. Xcode8如何去除控制台多余的打印信息

    Xcode8如何去除控制台多余的打印信息 最近刚使用了Xcode8.遇到了一些问题,总结如下.希望对大家有所帮助. 一.如何去除控制台多余的打印信息. 方法:点击Product----Scheme-- ...

  4. Python语法基础

    # coding=utf-8import random teacher = (1 < 3) and (2 > 5)print (teacher) index = random.randin ...

  5. 【代码笔记】iOS-判断中英文混合的字符长度的两种方法

    一,代码. - (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view. ...

  6. 【读书笔记】iOS-数据交换格式

    数据交换格式主要分为:纯文本格式,XML格式和JSON格式. 一,XML数据交换格式. 多年来,一直在各种计算机语言之间使用.它是老牌的,经典的,灵活的数据交换方式. 1,文档结构. 2,XML文档解 ...

  7. nodejs get/request

    灌水评论示例: var http = require('http'); var querystring = require('querystring'); var postData = queryst ...

  8. 神奇的expect

    想写自动化脚本的时候,遇到需要交互的,如ssh,scp,就束手无策,直到我知道了expect. expect 有一系列expect-send对组成,就像聊天一样. expect A send B ex ...

  9. android widget包说明与应用

    widget包是存放自定义组件 开发自定义组件: 其实Android API开发指南中的App Widgets章节 已经说得很清楚了,下面只是对自己的理解进行一次梳理. -- AppWidget 就是 ...

  10. ELF Format 笔记(八)—— 符号的类型和属性(st_info)

    我是天空里的一片云,偶尔投影在你的波心,你不必讶异,更无须欢喜,在转瞬间消灭了踪影.你我相逢在黑夜的海上,你有你的,我有我的,方向:你记得也好,最好你忘掉,在这交会时互放的光亮! —— 徐志摩·偶然 ...