はるまき
毎回調べるの大変だから、
よく見るHTMLコードの一覧がほしい！
よく見るHTMLコードの一覧がほしい！
こめつぶ
自分たちで作ろうよ！
はるまき
そうしよう！
どうせならコピペできるものを作る！
どうせならコピペできるものを作る！
HTMLコード一覧
枠組みを作る
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>見出しを付ける
<h1>テスト</h1>
はるまき
h1～h6までレベルを選べるよ
段落を付ける
pで囲まれたテキストは1つの段落になります。
<p>テスト</p>グループ化する
div単体では意味を持ちませんが、divで囲まれた要素をグループ化する役割を持ちます。
<div>テスト</div>文字の大きさを変更する
<font size=7>テスト</font>はるまき
1～7までレベルを選べるよ
文字の太さを変更する
<b>テスト</b>
<strong>テスト</strong>文字の色を変更する
<font color="blue">テスト</font>下線を付ける
<u>テスト</u>センタリングする
<center>テスト</center>改行する
テスト<br>テストテスト
テーブルを付ける
表を作るのに必要なタグになります。
<table></table>はるまき
随時更新していくよ～
