練習用
テーブルで組むフォームHTML <html lang="ja"> <head> <meta charset="UTF-8"> <title>テーブルで組むフォーム</title> <style> #myform{ font-size:0.875em; width:500px; } #myform label{ font-size:0.875em; } #myform{ width:100%; border-collapse:collapse; } #myform{ text-align:left; width:100px; padding:8px; back</meta></head></html>…
隠しデータ HTML <html lang="ja"> <head> <meta charset="UTF-8"> <title> 隠しデータの送信</title> </head> <body> <h1>隠しデータの送信</h1> <form action="#" method="post"> <p><input type="hidden" name="user=id" value="012345"></p><p><input type="submit" value="送信"></p> </form> </body> </html> 基本形(1) HTML
リスト HTML <html> <head> <Meta charset="UTF-8"> <title>ラベルを付ける</title> </head> <body> <h1>リスト</h1> <form action="#" method="post"> <p>言語:<select name="language"> <option value=""selected>以下の言語を選択してください</option> <option value="1">日本語</option> <option value="2">英語</option> </select></p></form></body></html>
何回か打ち込んで見ないで打てるようにする。お問い合わせフォーム <html lang="ja"> <head> <meta charset="UTF-8"> <title>お問い合わせ</title> </head> <body> <h1>お問い合わせフォーム</h1> <form action="#" method="post"> <p>名前:<input type="text" name="name" size="20" maxlength="10" value="お名前"></p> <p>内容:</p></form></body></html>
今回は定義リスト作り 結果 ↓
今回は順不同のリスト作り 結果 ↓ ※前回＜meta charset=＞を使って文字コードの指定が抜けていたのでつけるのを忘れずに
今回は番号付きのリスト作り 結果 ↓
こちらのサイトを参考に基礎からしっかりやっていこうと思います。↓ Web基礎練習問題サイト http://webkisomondai.jounin.jp/index.html 基礎の見出しとその概要文のHTML 結果 ↓
今回打ってみる内容 ↓ 献立と材料は見出しの＜ｈ＞ 文章は＜ｐ＞ 材料のリストは番号なしの箇条書き＜ul＞で書いてみる ↓ 結果
