HTML/CSS入門講座

表を作る

前菜 パスタ ピッツァ
カプレーゼ カルボナーラ マルゲリータ
パルマ産生ハム ペスカトーレ フォルマッジ

■ tr…『table row』表の1行を囲む。

■ th…『table header』表の見出しのセルを作成。

■ td…『table data』表のデータとなるセルを作成。

イタリア料理
カプレーゼ カルボナーラ マルゲリータ
パルマ産生ハム ペスカトーレ フォルマッジ

■<th colspan="3">イタリア料理</th>=横につなげる

イタリアン パスタ ピッツァ
カルボナーラ マルゲリータ
ペスカトーレ フォルマッジ

■<th rowspan="3">イタリアン</th>=縦につなげる

フォームを作る

名前: 
検索: 
メール:
電話: 
URL: 

ラジオボタン

性別:  ジェンダーフリー

※checked属性で選択された状態になっている

<input type="radio" name="gender" value="女" checked>女

 

チェックボックス

好きな柱:
冨岡義勇 胡蝶しのぶ
煉獄杏寿郎 時任無一郎  

送信ボタン

⇧の記述 <input type="submit" value="送信する" style="font-size: 1.5rem; color: darkblue; font-weight: bold;">

画像を使った送信ボタン

セレクトボックス

呼吸    

複数行テキスト入力

 

フォームのラベルを作る<label>タグ

好きな柱: