各要素の見た目サンプルです。

自由に編集してください。

---

これはh1です。

これはh2です。

これはh3です。

これはh4です。

これはh5です。

これはh6です。

これはpです。テストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキスト

これはaです。リンクテキスト

箇条書きリスト(ul)

• リストアイテム1
• リストアイテム2
• リストアイテム3

番号付きリスト(ol)

1. リストアイテム1
2. リストアイテム2
3. リストアイテム3

テーブル

見出し(th)	中身(td)
見出し(th)	中身(td)

見出し1(th)	見出し2(th)	見出し3(th)
中身(td)	中身(td)	中身(td)

*thが横並びの場合は、tableに対してclass=”table”とつけた上で、tdに対してdata-label=”見出し”とするとレスポンシブに対応します。

<table class="table">
	<tbody>
	<tr>
		<th>見出し1(th)</th>
		<th>見出し2(th)</th>
		<th>見出し3(th)</th>
	</tr>
	<tr>
		<td data-label="見出し1">中身(td)</td>
		<td data-label="見出し2">中身(td)</td>
		<td data-label="見出し3">中身(td)</td>
	</tr>
	</tbody>
</table>

 

クレヨンを使用してソースコードを貼り付けることも可能です。（CodePenでもJS Fiddleでも良いと思います。）

$(function(){
	console.log('Hello World');
});