首頁 > web前端 > html教學 > html基础 中_html/css_WEB-ITnose

html基础 中_html/css_WEB-ITnose

WBOY
發布: 2016-06-24 11:16:41
原創
1024 人瀏覽過

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了(阴险)

 

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板