以下はブログ投稿で使用する可能性のある各 HTML 要素をまとめたものです。ソースコードを確認して、段落内にある数多くの埋め込み要素を見てましょう。

見出し1

見出し2

見出し3

見出し4

見出し5

見出し6

Lorem ipsum dolor sit amet, テストリンク adipiscing elit.これは太字です。Nullam dignissim convallis est. Quisque aliquam.これは斜体です。Donec faucibus. Nunc iaculis suscipit dui. 5³ = 125。水は H₂O。Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl.ニューヨークタイムズ (これは引用です)。下線です。Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.HTML と CSS がツールとして使えます。Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. ファイルをコピーするには COPY filename と入力します。

~~夕食は午後5時です。~~午後7時にしましょう。

このテキストには取り消し線が引かれています。

リストタイプ

定義リスト

定義リストタイトル: これは定義リストの区分です。
定義: 物事の特質、領域、意味について正確に述べること、または説明すること。詩の構成要素に関する私たちの定義。

番号つきリスト

リスト項目1
リスト項目2
1. 入れ子リスト項目 A
2. 入れ子リスト項目 B
リスト項目3

番号なしリスト

リスト項目1
リスト項目2
- 入れ子リスト項目 A
- 入れ子リスト項目 B
リスト項目3

テーブル

テーブルのヘッダー1	テーブルのヘッダー2	テーブルのヘッダー3
区分1	区分2	区分3
区分1	区分2	区分3
区分1	区分2	区分3

整形済みテキスト

印刷上、整形済みテキストはコードと同じものではありません。テキストを正確に表示するには、コードと一切関係がない整形済みテキストが必要となる場合があります。例:

「息子よ、ジャバウォックに気を付けろ ! その顎で噛みつき、その爪で引き掴む ! ジャブジャブ鳥に気を付けろ、猛り狂ったバンダースナッチには近づくな !」

コード

コードはインラインでのように示すか、

ブロック内に記載します。

 #container { float: left; margin: 0 -240px 0 0; width: 100%; }

引用

シンプルにしましょう。

こんにちは、皆さん。私は HAL9000型コンピューターです。1992年1月12日からイリノイ州アーバナの H.A.L. 工場でオペレーションを開始しました。私のインストラクターはラングレイさんで、歌うことを教えてくれました。もし歌を聞きたければ、私が歌ってさしあげます。HAL9000
HAL9000

こちらは末尾テキストの例です。