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. matlab小段代码学习

    matlab读hdf文件到txt filename='E:\data\H1BDLD10110607231863921.L2B.HDF'; h=hdftool(filename); Latitude = ...

  2. [读书笔记]java中的volatile关键词

    以下内容大多来自周志明的<深入理解Java虚拟机>. 当一个变量被volatile修饰后,它将具备两种特性: 1. 保证此变量对所有线程的可见性,这里的“可见性”是指当一条线程修改了这个变 ...

  3. linux系统下，查看端口号被哪个应用占用

    netstat -tunlp 会把所有端口和所有对应的程序显示出来. 用grep管道可过滤出来需要的信息.比如,17059端口号被占用了. 第一步:netstat -tunlp | grep 1705 ...

  4. Oracle 数据库SQL性能查看

    作为一个开发/测试人员,或多或少都得和数据库打交道,而对数据库的操作归根到底都是SQL语句,所有操作到最后都是操作数据,那么对sql性能的掌控又成了我们工作中一件非常重要的工作.下面简单介绍下一些查看 ...

  5. Java中的Object类介绍

    Object类是所有类的父类,如果一个类没有使用extends关键字明确标识继承另外一个类,那么这个类默认继承Object类. Object类中的所有方法适用于所有子类 Object中比较常见的方法: ...

  6. Membership基本用法

    MemberShip简介: Membership是Asp.Net框架,用于管理网站的用户Membership,角色Roles以及配置信息Profile. System.Web.Security.Mem ...

  7. SpringMVC——文件上传

    ----------------------------------------------------------------------------spring.xml-------------- ...

  8. Enterprise Library 6

    Enterprise Library 6 正式版 MSDN:http://msdn.microsoft.com/en-gb/library/dn169621.aspx 源码下载:http://entl ...

  9. linux 并发 RCU

    What is RCU, Fundamentally? https://lwn.net/Articles/262464/ If you can fill the unforgiving secondw ...

  10. Java基础--Java语言介绍

    Java是一种半编译半解释的语言.1.编译阶段使用指令:javac这个阶段,Java编译器(也就是JVM:java虚拟机,后称JVM),首先把你的代码加载完成,然后开始检查语法.此后会产生.class ...