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

html Basics_html/css_WEB-ITnose

Jun 24, 2016 am 11:16 AM

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

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

1

&lt;html&gt;&lt;body&gt;&lt;b&gt;文本为黑体&lt;br /&gt;&lt;/b&gt;&lt;strong&gt;文本表示强调,强于em,应谨慎使用&lt;br /&gt;&lt;/strong&gt;&lt;big&gt;文本显示大号字体&lt;br /&gt;&lt;/big&gt;&lt;em&gt;表示强调,谨慎使用&lt;br/&gt;&lt;/em&gt;&lt;i&gt;文本以斜体标识&lt;br /&gt;&lt;/i&gt;&lt;small&gt;文本显示小号字体&lt;br /&gt;&lt;/small&gt;正常显示文本&lt;sub&gt;下脚标&lt;/sub&gt;&lt;br /&gt;正常显示文本&lt;sup&gt;上脚标&lt;/sup&gt;&lt;/body&gt;&lt;/html&gt;

ログイン後にコピー

実行効果: (注: 最初の行は次のように変更されます: 太字)

プレテキスト形式の例:

1

&lt;html&gt;&lt;body&gt;&lt;pre&gt;预格式文本就是保留了     空格以及换行&lt;/pre&gt;&lt;p&gt;pre 标签很适合用来装逼:&lt;/p&gt;&lt;pre&gt;我闭着眼在白天 和 黑夜我看不见因为我睡不醒。。。&lt;/pre&gt;&lt;/html&gt;&lt;/body&gt;

ログイン後にコピー

実行効果:

「コンピューター出力」ラベル

1

&lt;html&gt;&lt;body&gt;&lt;code&gt;显示代码用格式&lt;/code&gt;&lt;br/&gt;&lt;kbd&gt;键盘输入文本显示&lt;/kbd&gt;&lt;br/&gt;&lt;tt&gt;电传文本显示&lt;/tt&gt;&lt;br/&gt;&lt;samp&gt;示例文本显示&lt;/samp&gt;&lt;br/&gt;&lt;var&gt;电脑变量显示&lt;/var&gt;&lt;br/&gt;&lt;hr /&gt;&lt;b&gt;注释:&lt;/b&gt;为不同属性的文本用不同的标签标识是为了让计算机可以分辨它们的类别&lt;/body&gt;&lt;/html&gt;

ログイン後にコピー

実行効果:

アドレス:

1

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;body&gt;&lt;address&gt;Written by &lt;a href=&quot;http://www.baidu.com.cn&quot;&gt;G-Spider&lt;/a&gt;&lt;br /&gt;访问地址:&lt;br /&gt;http://www.G-Spider.com.cn&lt;br/&gt;北京筒子胡同555号&lt;br /&gt;中国&lt;br /&gt;&lt;/address&gt;&lt;/body&gt;&lt;/html&gt;

ログイン後にコピー

ランニングエフェクト:

略語と頭字語

1

&lt;html&gt;&lt;body&gt;&lt;abbr title=&quot;etcetera&quot;&gt;etc.&lt;/abbr&gt;&lt;br /&gt;&lt;acronym title=&quot;World Wide Web&quot;&gt;WWW&lt;/acronym&gt;&lt;p&gt;在某些浏览器中,当您把鼠标移至缩略词语上时,title 可用于展示表达的完整版本。&lt;/p&gt;&lt;p&gt;仅对于 IE 5 中的 acronym 元素有效。&lt;/p&gt;&lt;p&gt;对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;

ログイン後にコピー

ランニングエフェクト:

テキストの方向

1

&lt;html&gt;&lt;body&gt;&lt;p&gt;如果您的浏览器支持 bi-directional override (bdo),下一行会从右向左输出 (rtl);&lt;/p&gt;&lt;bdo dir=&quot;rtl&quot;&gt;Here is some Hebrew text&lt;/bdo&gt;&lt;/body&gt;&lt;/html&gt;

ログイン後にコピー

ランニング効果

ブロック引用:

1

&lt;html&gt;&lt;body&gt;这是长的引用:&lt;blockquote&gt;   “最最喜欢你,绿子。” &lt;br /&gt;  “什么程度?” &lt;br/&gt;  “像喜欢春天的熊一样。”&lt;br/&gt;  “春天的熊?”绿子再次扬起头,“什么春天的熊?”&lt;br /&gt;   “春天的原野里,你一个人正走着,对面走来一只可爱的小熊,浑身的毛活像天鹅绒,眼睛圆鼓鼓的。它这么对你说道:‘你好,小姐,和我一块儿打滚玩好么?’接着,你就和小熊抱在一起,顺着长满三叶草的山坡咕噜咕噜滚下去,整整玩了一大天。你说棒不棒?” &lt;br/&gt;  “太棒了。” &lt;br/&gt;  “我就这么喜欢你。”&lt;br/&gt;&lt;/blockquote&gt;这是短的引用:&lt;q&gt;一切被颠倒的都会被颠倒回来&lt;/q&gt;&lt;p&gt;使用 blockquote 元素的话,浏览器会插入换行和外边距,而 q 元素不会有任何特殊的呈现。&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;

ログイン後にコピー

実行効果:

単語効果を削除して単語効果を挿入:

1

&lt;html&gt;&lt;body&gt;&lt;P&gt;第一天的最后一句话:&lt;del&gt;妈的背好疼&lt;/del&gt;明天也要一样的加油啊&lt;/p&gt;&lt;br/&gt;&lt;ins&gt;努力学习的正确打开方式&lt;/ins&gt;&lt;/body&gt;&lt;/html&gt;

ログイン後にコピー

実行効果:

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

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

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

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

公式アカウントのキャッシュの更新の難しさ:バージョンの更新後のユーザーエクスペリエンスに影響を与える古いキャッシュを回避する方法は? 公式アカウントのキャッシュの更新の難しさ:バージョンの更新後のユーザーエクスペリエンスに影響を与える古いキャッシュを回避する方法は? Mar 04, 2025 pm 12:32 PM

公式アカウントのキャッシュの更新の難しさ:バージョンの更新後のユーザーエクスペリエンスに影響を与える古いキャッシュを回避する方法は?

HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? Mar 17, 2025 pm 12:27 PM

HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか?

WebページのPNG画像にストローク効果を効率的に追加する方法は? WebページのPNG画像にストローク効果を効率的に追加する方法は? Mar 04, 2025 pm 02:39 PM

WebページのPNG画像にストローク効果を効率的に追加する方法は?

&lt; iframe&gt;の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? &lt; iframe&gt;の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? Mar 20, 2025 pm 06:05 PM

&lt; iframe&gt;の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか?

&lt; meter&gt;の目的は何ですか 要素? &lt; meter&gt;の目的は何ですか 要素? Mar 21, 2025 pm 12:35 PM

&lt; meter&gt;の目的は何ですか 要素?

HTML5のクロスブラウザー互換性のベストプラクティスは何ですか? HTML5のクロスブラウザー互換性のベストプラクティスは何ですか? Mar 17, 2025 pm 12:20 PM

HTML5のクロスブラウザー互換性のベストプラクティスは何ですか?

&lt; datalist&gt;の目的は何ですか 要素? &lt; datalist&gt;の目的は何ですか 要素? Mar 21, 2025 pm 12:33 PM

&lt; datalist&gt;の目的は何ですか 要素?

ナビゲーションとSEOにHTMLリンクを効果的に使用するにはどうすればよいですか? ナビゲーションとSEOにHTMLリンクを効果的に使用するにはどうすればよいですか? Mar 18, 2025 pm 02:39 PM

ナビゲーションとSEOにHTMLリンクを効果的に使用するにはどうすればよいですか?

See all articles