HTML 文本格式化实例

（我不知道为什么“正常显示文本”这几个字不用加标签，虽然它有在<body>标签内）

<html>
<body>
<b>文本为黑体<br /></b>
<strong>文本表示强调，强于em，应谨慎使用<br /></strong>
<big>文本显示大号字体<br /></big>
<em>表示强调，谨慎使用<br/></em>
<i>文本以斜体标识<br /></i>
<small>文本显示小号字体<br /></small>
正常显示文本<sub>下脚标</sub><br />
正常显示文本<sup>上脚标</sup>
</body>
</html>

运行效果：(注：第一排改为：文本黑体)

预文本格式示例：

<html>
<body>
<pre>
预格式文本就是
保留了     空格以及
换行
</pre>
<p>pre 标签很适合用来装逼：</p>
<pre>
我闭着眼
在白天 和 黑夜
我看不见
因为
我睡不醒
。。。
</pre>
</html>
</body>

运行效果：

“计算机输出”标签

<html>
<body>
<code>显示代码用格式</code><br/>
<kbd>键盘输入文本显示</kbd><br/>
<tt>电传文本显示</tt><br/>
<samp>示例文本显示</samp><br/>
<var>电脑变量显示</var><br/>
<hr />
<b>注释:</b>为不同属性的文本用不同的标签标识是为了让计算机可以分辨它们的类别
</body>
</html>

运行效果：

地址：

<!DOCTYPE html>
<html>
<body>

<address>
Written by <a href="http://www.baidu.com.cn">G-Spider</a><br />
访问地址：<br />
http://www.G-Spider.com.cn<br/>
北京筒子胡同555号<br />
中国<br />
</address>

</body>
</html>

运行效果：

缩写和首字母缩写

<html>

<body>

<abbr title="etcetera">etc.</abbr>
<br />
<acronym title="World Wide Web">WWW</acronym>

<p>在某些浏览器中，当您把鼠标移至缩略词语上时，title 可用于展示表达的完整版本。</p>

<p>仅对于 IE 5 中的 acronym 元素有效。</p>

<p>对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。</p>

</body>
</html>

运行效果：

文字方向

<html>

<body>

<p>
如果您的浏览器支持 bi-directional override (bdo)，下一行会从右向左输出 (rtl)；
</p>

<bdo dir="rtl">
Here is some Hebrew text
</bdo>

</body>
</html>

运行效果

块引用：

<html>

<body>

这是长的引用：
<blockquote>
   “最最喜欢你，绿子。” <br />
　　“什么程度？” <br/>
　　“像喜欢春天的熊一样。”<br/>
　　“春天的熊？”绿子再次扬起头，“什么春天的熊？”<br />
　　“春天的原野里，你一个人正走着，对面走来一只可爱的小熊，浑身的毛活像天鹅绒，眼睛圆鼓鼓的。它这么对你说道：‘你好，小姐，和我一块儿打滚玩好么？’接着，你就和小熊抱在一起，顺着长满三叶草的山坡咕噜咕噜滚下去，整整玩了一大天。你说棒不棒？” <br/>
　　“太棒了。” <br/>
　　“我就这么喜欢你。”<br/>
</blockquote>

这是短的引用：
<q>
一切被颠倒的都会被颠倒回来
</q>

<p>
使用 blockquote 元素的话，浏览器会插入换行和外边距，而 q 元素不会有任何特殊的呈现。
</p>

</body>
</html>

运行效果：

删除字效果和插入字效果：

<html>

<body>
<P>第一天的最后一句话:<del>妈的背好疼</del>明天也要一样的加油啊</p><br/>
<ins>努力学习的正确打开方式</ins>

</body>
</html>

运行效果：

好了，第一天慢慢腾腾地结束了，今天没有集中精力学习，晚上这一个多小时的学习量比之前好几个小时的都多。明天真的要早起开始练习！

明天小丹丹23岁生日，祝越来越可爱吧。不过竟然已经23了（阴险）

html基础 2的更多相关文章

  1. java基础集合经典训练题

    第一题:要求产生10个随机的字符串,每一个字符串互相不重复,每一个字符串中组成的字符(a-zA-Z0-9)也不相同,每个字符串长度为10; 分析:*1.看到这个题目,或许你脑海中会想到很多方法,比如判 ...

  2. node-webkit 环境搭建与基础demo

    首先去github上面下载(地址),具体更具自己的系统,我的是windows,这里只给出windows的做法 下载windows x64版本 下载之后解压,得到以下东西 为了方便,我们直接在这个目录中 ...

  3. js学习笔记：webpack基础入门（一）

    之前听说过webpack,今天想正式的接触一下,先跟着webpack的官方用户指南走: 在这里有: 如何安装webpack 如何使用webpack 如何使用loader 如何使用webpack的开发者 ...

  4. Golang， 以17个简短代码片段，切底弄懂 channel 基础

    (原创出处为本博客:http://www.cnblogs.com/linguanh/) 前序: 因为打算自己搞个基于Golang的IM服务器,所以复习了下之前一直没怎么使用的协程.管道等高并发编程知识 ...

  5. [C#] C# 基础回顾 - 匿名方法

    C# 基础回顾 - 匿名方法 目录 简介 匿名方法的参数使用范围 委托示例 简介 在 C# 2.0 之前的版本中,我们创建委托的唯一形式 -- 命名方法. 而 C# 2.0 -- 引进了匿名方法,在 ...

  6. HTTPS 互联网世界的安全基础

    近一年公司在努力推进全站的 HTTPS 化,作为负责应用系统的我们,在配合这个趋势的过程中,顺便也就想去搞清楚 HTTP 后面的这个 S 到底是个什么含义?有什么作用?带来了哪些影响?毕竟以前也就只是 ...

  7. Swift与C#的基础语法比较

    背景: 这两天不小心看了一下Swift的基础语法,感觉既然看了,还是写一下笔记,留个痕迹~ 总体而言,感觉Swift是一种前后端多种语言混合的产物~~~ 做为一名.NET阵营人士,少少多多总喜欢通过对 ...

  8. .NetCore MVC中的路由（1）路由配置基础

    .NetCore MVC中的路由(1)路由配置基础 0x00 路由在MVC中起到的作用 前段时间一直忙于别的事情,终于搞定了继续学习.NetCore.这次学习的主题是MVC中的路由.路由是所有MVC框 ...

  9. .NET基础拾遗（5）多线程开发基础

    Index : (1)类型语法.内存管理和垃圾回收基础 (2)面向对象的实现和异常的处理基础 (3)字符串.集合与流 (4)委托.事件.反射与特性 (5)多线程开发基础 (6)ADO.NET与数据库开 ...

  10. .NET 基础 一步步 一幕幕[面向对象之方法、方法的重载、方法的重写、方法的递归]

    方法.方法的重载.方法的重写.方法的递归 方法: 将一堆代码进行重用的一种机制. 语法: [访问修饰符] 返回类型 <方法名>(参数列表){ 方法主体: } 返回值类型:如果不需要写返回值 ...

随机推荐

  1. 华为U8810的用户如何获取ROOT权限详细教程

    由于在论坛里看到有人在找这个手机的详细的root教程,所以刷机啦小编在这里整理了一下方便新手来操作,其实这个手机root起来还是蛮简单的,只需要一个root软件就可以了,相当于一键root了,在这里整 ...

  2. 安装 modelsim 10.4

    安装教程: http://jingyan.baidu.com/article/da1091fb30d880027849d63a.html 在安装的过程中出现cmd乱(即在输入页面上停留字符),还有吱吱 ...

  3. 从小工到专家 ——读《Java程序员职场全攻略》有感

    从小工到专家 ——读<Java程序员职场全攻略>有感   <Java程序员职场全攻略>是以故事的形式,向读者介绍Java程序员的职场经验.作者牛开复在北京从事软件开发,已经是一 ...

  4. groupspecWidhoutAuthorizations与groupspecWidthAuthorizations的区别

    GroupSpecifier是一个用来定义group所有参数的类.首先,将它命名为“myGroup/g1”.然后设置 serverChannel与Stratus进行沟通.最后发布.这样,我们就完成了P ...

  5. input 栏位光标末尾闪烁

    var input1 =window.document.getElementById("input1").createTextRange(); input1.collapse(fa ...

  6. linux文件系统节点详解

    linux文件系统有两层结构,逻辑结构和物理结构.也就是inode和block. 每个文件都有一个inode, 记录文件属性:权限,时间还有最重要的block号码. block是实际存放文件内容的地方 ...

  7. yield

    yield def foo(max): n, a, b = 0, 0, 1 while n<max: yield b a, b = b, a+b n+=1 for item in foo(5): ...

  8. 程序员写的东西出了bug,造成了损失谁来承担？

    这是个持续多年的话题了,很多大公司,尤其是牛逼的独立分包公司(开发公司)都会有代码审核和严格QA程序,一般的公司就很难说咯,在法律上目前还没有完全支持处罚程序员bug经济损失的判例(国内如此),国外也 ...

  9. TD Rigging Demo Reel 性感美女绑定展示

    161455520158189 这是一个充满回忆的Demo,非常怀念之前的工作生活,也特别感谢我长春的老哥张总对我的帮助与指导,不光是工作中,在生活上也让我有很大的收获.这个一直都觉得做的不够好,也从 ...

  10. 安装Linux 16.04 时，选择好分区后，进到选择地点的界面后，总是闪退，退到最原始的界面

    这两天装 Linux 系统,总是遇到一个很蛋疼的问题: 当你累死累活把分区什么的都设置好了之后,在输入了系统名字,开机密码那几项之后,再选择地点的时候(如:选择 "上海"),然后就 ...