検索

ホームページ >ウェブフロントエンド >htmlチュートリアル >html Basics_html/css_WEB-ITnose

html Basics_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:16:411014ブラウズ

HTML テキストの書式設定の例

(6c04bd5ca3fcae76e30b72ad730ca86d タグ内にあるにもかかわらず、「通常の表示テキスト」という単語をタグ付けする必要がない理由がわかりません) 

<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>

実行効果:

さて、今日は勉強にあまり集中できませんでした。夕方の1時間では、その量は数時間よりも多かった。明日は早く起きて練習しなければなりません！

リトルダンダンは明日23歳になります、ますます可愛くなりますように。でも彼はもう23歳です(陰湿)

声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：CSSセレクターの詳しい説明positioning_html/css_WEB-ITnose次の記事：CSSセレクターの詳しい説明positioning_html/css_WEB-ITnose

関連記事

続きを見る