HTML学習小記(三)
1663 ワード
1.HTMLブロック
要素および要素
この2つの要素自体には特別な意味はなく、HTMLの各要素を統合するためのタグにすぎません.CSSと組み合わせて使用する場合、cssのスタイルはこの2つの要素で定義でき、そのブロックの内容にスタイルを付けることができます.
ブロックレベルの要素は、表示されると前後に改行されます
2.HTMLレイアウト
レイアウトは、
この2つの要素自体には特別な意味はなく、HTMLの各要素を統合するためのタグにすぎません.CSSと組み合わせて使用する場合、cssのスタイルはこの2つの要素で定義でき、そのブロックの内容にスタイルを付けることができます.
ブロックレベルの要素は、表示されると前後に改行されます
2.HTMLレイアウト
レイアウトは、
との2つの方法で一般的に行われます.
tableは良いレイアウトを設計することもできますが、tableの本質的な目的はテーブルフォーマットデータを表示することであり、tableはレイアウトツールではありません.
ページのレイアウトはCSSを推奨し、メンテナンスと修正が容易です.CSSコードを外部スタイルシートに保存すると、サイトのメンテナンスが容易になります.単一のファイルを編集することで、すべてのページのレイアウトを変更できます.
(高度なレイアウトを作成するのに時間がかかるため、テンプレートを使用するのは迅速なオプションです.検索エンジンを通じて無料のWebサイトテンプレートがたくさん見つかります.これらの事前に構築されたWebサイトレイアウトを使用して、その後、自分のニーズに合わせて調整することができます.
)
3.HTMLフォーム
フォームはフォーム要素を含む領域であり、フォームラベル定義を使用します.
フォーム要素は、テキストフィールド、ドロップダウン・リスト、ラジオ・ボックス、チェック・ボックスなど、ユーザーがフォームに情報を入力できる要素です.
通常、私たちが使用する入力要素はであり、typeプロパティを異なるニーズに合わせて設定します.
共通テキスト入力:
パスワードの入力:
オプションの入力:
checkBox:
などなど、具体的に異なるスタイルがたくさんありますので、具体的に使うときに調べてみてください
送信ボタン付きフォーム:
このとき、上のテキストボックスに数文字を入力し、確認ボタンをクリックすると、入力データが「html_form_action.asp」のページに転送されます.このページには、入力した結果が表示されます.
tableは良いレイアウトを設計することもできますが、tableの本質的な目的はテーブルフォーマットデータを表示することであり、tableはレイアウトツールではありません.
ページのレイアウトはCSSを推奨し、メンテナンスと修正が容易です.CSSコードを外部スタイルシートに保存すると、サイトのメンテナンスが容易になります.単一のファイルを編集することで、すべてのページのレイアウトを変更できます.
(高度なレイアウトを作成するのに時間がかかるため、テンプレートを使用するのは迅速なオプションです.検索エンジンを通じて無料のWebサイトテンプレートがたくさん見つかります.これらの事前に構築されたWebサイトレイアウトを使用して、その後、自分のニーズに合わせて調整することができます.
)
3.HTMLフォーム
フォームはフォーム要素を含む領域であり、フォームラベル定義を使用します.
フォーム要素は、テキストフィールド、ドロップダウン・リスト、ラジオ・ボックス、チェック・ボックスなど、ユーザーがフォームに情報を入力できる要素です.
通常、私たちが使用する入力要素はであり、typeプロパティを異なるニーズに合わせて設定します.
共通テキスト入力:
<form>
Your name:
<input type="text" name="firstname" />
</form>
パスワードの入力:
オプションの入力:
checkBox:
などなど、具体的に異なるスタイルがたくさんありますので、具体的に使うときに調べてみてください
送信ボタン付きフォーム:
<form name="input" action="html_form_action.asp" method="get">
Username:
<input type="text" name="user" />
<input type="submit" value="Submit" />
</form>
このとき、上のテキストボックスに数文字を入力し、確認ボタンをクリックすると、入力データが「html_form_action.asp」のページに転送されます.このページには、入力した結果が表示されます.