html基础中_html/css_WEB-ITnose-html教程-PHP中文网

HTML 文本格式化实例

首页

web前端

html教程

html基础中_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 am 11:16 AM

HTML 文本格式化实例

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

标签内）

<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 class="brush:php;toolbar:false">预格式文本就是保留了     空格以及换行

登录后复制

pre 标签很适合用来装逼：

我闭着眼在白天 和 黑夜我看不见因为我睡不醒。。。

登录后复制

运行效果：

“计算机输出”标签

<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了（阴险）

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

热AI工具

热工具

热门话题

gmail邮箱登陆入口在哪里

7674

CakePHP 教程

1393

C# 教程

1207

steam的账户名称是什么格式

win11激活密钥永久

显示更多

Related knowledge

HTML容易为初学者学习吗？ Apr 07, 2025 am 12:11 AM

HTML适合初学者学习，因为它简单易学且能快速看到成果。1)HTML的学习曲线平缓，易于上手。2)只需掌握基本标签即可开始创建网页。3)灵活性高，可与CSS和JavaScript结合使用。4)丰富的学习资源和现代工具支持学习过程。

HTML，CSS和JavaScript的角色：核心职责 Apr 08, 2025 pm 07:05 PM

HTML定义网页结构，CSS负责样式和布局，JavaScript赋予动态交互。三者在网页开发中各司其职，共同构建丰富多彩的网站。

HTML中起始标签的示例是什么？ Apr 06, 2025 am 12:04 AM

AnexampleOfAstartingTaginHtmlis，beginSaparagraph.startingTagSareEssentialInhtmlastheyInitiateEllements，defiteTheeTheErtypes，andarecrucialforsstructuringwebpages wepages webpages andConstructingthedom。

了解HTML，CSS和JavaScript：初学者指南 Apr 12, 2025 am 12:02 AM

WebDevelovermentReliesonHtml，CSS和JavaScript：1）HTMLStructuresContent，2）CSSStyleSIT和3）JavaScriptAddSstractivity，形成thebasisofmodernWebemodernWebExexperiences。