テスト記事
これはHTMLを確認することが目的の記事です。
以下のサイトを参考に作成してます。
目次
- 段落(p)
- 改行(br)
- 見出し(h1~h6)
- 画像(img)
- リンク(a)
- 順番ありリスト(ol li)
- 順番なしリスト(ul li)
- 説明リスト(dl)
- リスト複合(ol ul dl)
- テーブル(table)
- 引用(blockquote)
- 動画(video)
- 整形済みテキスト要素(pre)
- インラインコード要素(code)
- コードブロック(pre code)
- キーボード入力要素(kbd)
- 強調要素(em)
- 強い重要性要素(strong)
- テキストマーク要素(mark)
- 削除済みテキスト要素(del)
- 注目付け要素(b)
- 慣用テキスト要素(i)
- 非言語的注釈(下線)要素(u)
- 削除済みテキスト要素(strike)
- その他
段落(p)
Geckos are a group of usually small, usually nocturnal lizards. They are found on every continent except Antarctica.
Some species live in houses where they hunt insects attracted by artificial light.
改行(br)
O’er all the hilltops
Is quiet now,
In all the treetops
Hearest thou
Hardly a breath;
The birds are asleep in the trees:
Wait, soon like these
Thou too shalt rest.
見出し(h1~h6)
見出し 1
見出し 2
見出し 3
見出し 4
見出し 5
見出し 6
画像(img)
リンク(a)
外部リンク
外部リンク&brタグ
a:not([href])
href=""
href="#a"
./
../
ref="/technology/"
ref="http://www.saaske.com/technology/"
ref="https://www.saaske.com/technology/"
順番ありリスト(ol li)
- リストアイテム 1
- リストアイテム 2
リストアイテム 2のコメント - リストアイテム 3
- リストアイテム 3-1
- リストアイテム 3-2
- リストアイテム 4
順番なしリスト(ul li)
- リストアイテム 1
- リストアイテム 2
リストアイテム 2のコメント - リストアイテム 3
- リストアイテム 3-1
- リストアイテム 3-2
- リストアイテム 4
説明リスト(dl)
- 定義型リスト 用語
- 定義型リスト 定義1
- 定義型リスト 定義2
定義型リスト 定義2のコメント - 定義型リスト 定義3
- 定義型リスト 用語3
- 定義型リスト 定義3-1
- 定義型リスト 定義3-2
リスト複合(ol ul dl)
- olアイテム 1
- olアイテム 2
- ulアイテム 1
- ulアイテム 2
- olアイテム 3
- 定義型リスト 用語
- 定義型リスト 定義1
- 定義型リスト 定義2
テーブル(table)
テーブルヘッダ(th) 1 | テーブルヘッダ 2 | テーブルヘッダ 3 |
---|---|---|
セル(td) 1 | セル 2 | セル 3 |
セル 1 | セル 2 | セル 3 |
セル 1 | セル 2 | セル 3 |
引用(blockquote)
ウィキペディア(英:Wikipedia)は、 ウィキメディア財団が運営しているインターネット百科事典である。 コピーレフトなライセンスのもと、 サイトにアクセス可能な誰もが無料で自由に編集に参加できる。 世界の各言語で展開されている。
「ウィキペディア(Wikipedia)」という名前は、 ウェブブラウザ上でウェブページを編集することができる 「ウィキ(Wiki)」というシステムを使用した「百科事典」 (英:Encyclopedia)であることに由来する造語である。 設立者の1人であるラリー・サンガーにより命名された。
動画(video)
webm
mp4
整形済みテキスト要素(pre)
L TE
A A
C V
R A
DOU
LOU
REUSE
QUE TU
PORTES
ET QUI T'
ORNE O CI
VILISÉ
OTE- TU VEUX
LA BIEN
SI RESPI
RER - Apollinaire
インラインコード要素(code)
code あり
Consoleにログを出すときは console.log('test')
を利用すること。
console
オブジェクトには任意のグローバルオブジェクトからアクセスできます。閲覧スコープの Window
や、特定の種類のワーカーを表す WorkerGlobalScope
の console
プロパティを通してアクセスできます。これは Window.console
として公開されていますが、単に console
として参照できます。
code なし
Consoleにログを出すときは console.log('test') を利用すること。
console オブジェクトには任意のグローバルオブジェクトからアクセスできます。閲覧スコープの Window や、特定の種類のワーカーを表す WorkerGlobalScope の console プロパティを通してアクセスできます。これは Window.console として公開されていますが、単に console として参照できます。
コードブロック(pre code)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Home</title>
</head>
<body>
<h1>CSS の基本的な要素</h1>
<p>HTMLを確認することが目的の記事です。</p>
<hr>
<h2>見出し 2</h2>
これはテスト用の文章です。
<img src="/technology/photo/no000_p0_0000.jpg" alt="タイトル" width="320" height="180">
<span style="font-size: 6pt;">※この画像は存在しません。</span>
<hr>
<a href="https://my.saaske.com" target="_blank">サスケへ戻る</a>
</body>
</html>
no-highlight
Lorem ipsum dolor sit amet,
consectetur adipiscing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
※これはCSSが適用されていない
nohighlight
Lorem ipsum dolor sit amet,
consectetur adipiscing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
キーボード入力要素(kbd)
Please press Ctrl + Shift + R to re-render an MDN page.
強調要素(em)
Get out of bed now !
何とか しなければ ならなかった。
This is not a drill!
強い重要性要素(strong)
... the most important rule, the rule you can never forget, no matter how much he cries, no matter how much he begs: never feed him after midnight .
作業を進める前に、 必ず安全ゴーグルを装着してください 。
テキストマーク要素(mark)
Several species of salamander inhabit the temperate rainforest of the Pacific Northwest.
ほとんどの サンショウウオ は夜行性で、昆虫やミミズなどの小さな生き物を狩る。
削除済みテキスト要素(del)
This text has been deleted , here is the rest of the paragraph.
この文章は削除されました 、 残りの段落はこちらです。
注目付け要素(b)
The two most popular science courses offered by the school are chemistry and physics .
同校で最も人気のある2つの科学コースは、 化学 と 物理学 である。
※非推奨(推奨:strong
)
慣用テキスト要素(i)
Musa is one of two or three genera in the family Musaceae ; it includes bananas and plantains.
帯域幅 という用語は、一定時間内にデータ接続を通過できる 情報量の尺度 を表す。
非言語的注釈(下線)要素(u)
You could use this element to highlight speling mistakes, so the writer can corect them.
この要素を使って スペル ミスを強調し、書き手がそれを 修正 できるようにすることもできる。
※非推奨(推奨:text-decoration: underline;
)
削除済みテキスト要素(strike)
今日のおすすめ: サーモン 売り切れ
※非推奨(推奨:strong
)
その他
これは 塗りつぶし です。 テキストの 背景色を 利用する 場合に 使用します。
INTERPARK_JOB-48
テーブルヘッダ(th) 1 | テーブルヘッダ 2 | テーブルヘッダ 3 |
---|---|---|
セル(td) 1 | セル 2 | セル 3 |
セル 1 | セル 2 | セル 3 |
セル 1 | セル 2 | セル 3 |