2023-12-01から1ヶ月間の記事一覧
初めに! 学習した内容をアウトプットすることで学習効率を向上させます。 初心者にもわかりやすいように解説していきます。 完成図 コード <form action="#" method="post"> <input type="submit" name="submit" value="送信"> </form> コードの説明 form要素の中にinput要素を挿入する。 formタグ内にはaction属性とmethod属性を記述する。 action属…
初めに！ 学習した内容をアウトプットすることで学習効率を向上させます。 初学者にもわかりやすいように解説していきます。 完成図 コード <form action="#" method="post"> <dl> <dt><label for="gender">性別</label></dt> <dd> <label for="gender"><input type="radio" name="gender" value="male" checked>男性</label> <label for="gender"></label></dd></dl></form>
初めに! 学習した内容をアウトプットして学習効率の向上に努めます。 初学者にもわかりやすく説明していきます。 完成図 コード <dl> <dt><label for="area"></label>お住まい</dt> <dd><select name="area" > <option value="" selected>選択してください</option> <option value="niigata">新潟</option> <option value="toyama">富山</option> <option value="ishikawa">石川</option> </select></dd>…</dl>
初めに！ 学習した内容をアウトプットするために記事を書きます。 少しでも参考になるようにわかりやすく書いていきます。 フォームとは？ クライアント側が情報を入力してサーバーに情報を送信する仕組み。 完成図 コード <body> <h1>ログインフォーム</h1> <form action="#" method="post"> <input type="text" name="username" placeholder="ユーザーネーム"> <input type="password" name="password" placeholder="パスワード"> </form></body>
初めに！ 学習した内容をアウトプットするために記事を書きます。 少しでも参考になるようにわかりやすく書いていきます。 フォームとは？ クライアント側が情報を入力してサーバーに情報を送信する仕組み。 完成図 コード <body> <h1>ログインフォーム</h1> <form action="#" method="post"> <input type="text" name="username" placeholder="ユーザーネーム"> <input type="password" name="password" placeholder="パスワード"> </form></body>
初めに！ 学習した内容をアウトプットすることで学習効率を上げるために書きます。 初学者にもわかりやすいように書いていきます。 テーブルタグの タグの説明 table テーブルを作る範囲を決めるタグ。 table要素同士は縦に並ぶ。 ブロックレベル要素 tr tab…
初めに 学習したことをアウトプットし、学習の定着効率を上げます。 初学者にもわかりやすく書いていきます。 完成物 作成手順 上段を作成する。 <table border="1"> <tr> <td>山田</td> <td>太郎</td> </tr> </table> tableタグにボーダーを当てはめるためにborder="1"をあてる table要素の中にtr要素を挿入する。…
初めに！ 学習した内容をアウトプットすることで学習効率を上げるためにアウトプットしていきます。 初学者にもわかりやすいように書いていきます。 セルの結合の種類 横方向に結合するために colspan属性を使用する。 縦方向に結合するために rowspan属性を…
初めに 学習した内容をアウトプットするために記事を書いていきます。 初学にも参考になったり、わかりやすいように作成していきます。 ヘッダー付きのテーブルの完成図 コードと解説 <table border="1"> <tr> <th>姓</th> <th>名</th> </tr> <tr> <td>山田</td> <td>太郎</td> </tr> <tr> <td>田中</td> <td>花子</td> </tr> </table> </body> table要素の中にtr要素を挿入する。…
初めに！ htmlを学習して学んだことを中心にアウトプットしていきたいと思います。 説明リストとは？ 用語と説明をリスト化したものを指す。 作成目標 コード <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>説明リストの練習</title> </head> <body> <dl> <dt>用語1</dt> <dd>説明1</dd> <dt>用語2</dt> <dd>…</dd></dl></body></html>
初めに 学習したことをアウトプットし、学習の定着効率を上げます。 初学者にもわかりやすく書いていきます。 完成物 作成手順 上段を作成する。 <table border="1"> <tr> <td>山田</td> <td>太郎</td> </tr> </table> tableタグにボーダーを当てはめるためにborder="1"をあてる table要素の中にtr要素を挿入する。…
初めに ギットハブを学習中に学んだこと、躓いたことを中心にアウトプットしていきます。 プルリクエストとは ある開発者が自らの環境でコードを書いたり、修正した際に元になるコードに追加・変更内容をそのまま適応して良いか開発元または他の開発者に通知…
初めに！ htmlを学習して学んだことを中心にアウトプットしていきたいと思います。 説明リストとは？ 用語と説明をリスト化したものを指す。 作成目標 コード <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>説明リストの練習</title> </head> <body> <dl> <dt>用語1</dt> <dd>説明1</dd> <dt>用語2</dt> <dd>…</dd></dl></body></html>
