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. js中top、clientTop、scrollTop、offsetTop的区别 文字详细说明版【转】

    之前在修改IE6下的一个显示bug时,查到过这些,贴这备忘,后面给出了详细说明,以前的版本,没仔细的说明,特希望大家也收藏下.   网页可见区域宽: document.body.clientWidth ...

  2. 我关注的一些关于前端的文章（copy）

    本文的核心是侧重于HTML/CSS的框架,JS框架或以JS为核心的框架不讨论(比如YUI):多屏已是既定事实,虽然不是所有开发都要考虑自适应,但有自适应功能至少说明了这框架短期内不会被淘汰,所以不带自 ...

  3. aes rsa加密

    aes在加密时,若加密字符串的长度不是16,则会在后面加0x00补足16位,所以在解密后还应该去除0x00 小于16字节的原文会得到16字节长度的密文,小于32字节的原文会得到32字节长度的密文,大于 ...

  4. ul和dl的区别

    列表中有标题的时候就用dl,没有的话就用ul

  5. 【转载】Python的包管理工具Pip

    接触了Ruby,发现它有个包管理工具RubyGem很好用,并且有很完备的文档系统http://rdoc.info 发现Python下也有同样的工具,包括easy_install和Pip.不过,我没有细 ...

  6. ✡ leetcode 170. Two Sum III - Data structure design 设计two sum模式 --------- java

    Design and implement a TwoSum class. It should support the following operations: add and find. add - ...

  7. 【NOIP2009 T3】 最佳贸易 （双向SPFA）

    C 国有 n 个大城市和 m 条道路,每条道路连接这 n 个城市中的某两个城市.任意两个城市之间最多只有一条道路直接相连.这 m 条道路中有一部分为单向通行的道路,一部分为双向通行的道路,双向通行的道 ...

  8. 常用软件:Bugzilla的搭建(转)

    1.安装依赖包yum -y install php perl httpd mod_ssl mysql-server mysql-devel mysql php-mysql gcc mod_perl-d ...

  9. .NET(C#)中的DataSet、string、DataTable等对象转换成Json

    ConvertJson.cs类 using System; using System.Collections.Generic; using System.Text; using System.Data ...

  10. [Linux] - 攻击查看与IP查封

    查看80端口的连接数 netstat -nat|grep -i "|wc -l 查看Nginx的日志命令 tail -f access.log 统计IP访问数 awk '{aaa[$1]++ ...