ゼロから始める HTML/CSS - HTML の基礎 (1)
1. Web標準
1.1の構造
(1)xhtml (Extensible Hypertext Markup language) Extensible Hypertext Markup Language
(2)W3C (world Wide Web Consortium) World Wide Web Consortium
a、構造を策定( xhtml、xml)、パフォーマンス (css)、標準。
1.2 パフォーマンス
(1) css (カスケード スタイル シート) カスケード スタイル シート
1.3 動作
(1) ECMA (欧州コンピュータ製造者協会) 欧州コンピュータ製造者協会
a、動作 DOM (Document Object Model) を策定テキストオブジェクトモデル
b、ECMAscript標準
2. HTMLの基本構造
<!doctype html> <html> <head> <meta charest="utf-8"> <!--编码格式--> <title></title> </head> <body> <h1></h1> <!--标题--> . . . <h6></h6> <p></p> <!--段落--> </body> </html>
3. 基本構文
3.1 一般タグ
<タグ属性1="属性値1" 属性2="属性値2" >
は次のとおりです:
gt; gt; /> & lt; & lt;!-変更-& gt;
4.1 リスト
a、順序付きリスト
<ol> ordered <li></li> <li></li> <li></li> </ol>
<ul> unordered <li></li> <li></li> <li></li> </ul>
<dl> definition list <dt>被解释</dt> <dd>解释</dd> definition description </dl>
パラメータ スタイル順序付きリストの ="A", start="3", //最初のシーケンスは C から始まります。
4.2 画像タグ
4.3 ハイパーリンク
パスは絶対パス(https//www.baidu.com)と相対パス(images/inder.html)に分かれます。
target デフォルトの属性値は _Self; 新しいウィンドウを開くには _blank です
4.4 ラベル
手順: A. ブロック間で自動的に交換します
B. P ブロックが幅と高に制限されている場合、コンテンツは中国語になります。変更; 英語の場合は行が折り返されず、オーバーフローします。
注: a. スパンブロックの間に改行はなく、幅と高さを制限したり、テキストの長さに応じて変更したりすることはできません。
4.5 テーブルタグ
1. 構文:
tr>
t;
form name="フォーム名" method="post/get" action="">
説明:
b、テキストボックス
c、パスワードボックスd、ラジオボタン
< ;input type="radio" name="カスタム名 (同じ、必ず記述する必要があります)"/>
次のように:
男性
e、複数チェックボックス
相手の選択基準
185
黑
男
北東
disabled="disabled"(無効、無効)
checked= "チェック済み"(デフォルトで選択)
f、リセット
(1) (リセット、上で入力したデータをクリア)
g、ボタン
(1)
(2)
注:ボタンはラベルとして使用されますジャンプと送信の両方です
h、ドロップダウン リスト リアルなヌード写真を作成する AI 搭載アプリ 写真から衣服を削除するオンライン AI ツール。 脱衣画像を無料で AI衣類リムーバー AIヘンタイを無料で生成します。 使いやすく無料のコードエディター 中国語版、とても使いやすい 強力な PHP 統合開発環境 ビジュアル Web 開発ツール 神レベルのコード編集ソフト(SublimeText3) この記事では、HTML&lt; Progress&gt;について説明します。要素、その目的、スタイリング、および&lt; meter&gt;との違い要素。主な焦点は、&lt; Progress&gt;を使用することです。タスクの完了と&lt; Meter&gt; statiの場合 この記事では、HTML&lt; Datalist&GT;について説明します。オートコンプリートの提案を提供し、ユーザーエクスペリエンスの改善、エラーの削減によりフォームを強化する要素。 記事では、HTML5クロスブラウザーの互換性を確保するためのベストプラクティスについて説明し、機能検出、プログレッシブエンハンスメント、およびテスト方法に焦点を当てています。 この記事では、html&lt; meter&gt;について説明します。要素は、範囲内でスカラーまたは分数値を表示するために使用され、Web開発におけるその一般的なアプリケーション。それは差別化&lt; Meter&gt; &lt; Progress&gt;およびex この記事では、ブラウザのユーザー入力を直接検証するために、必要、パターン、MIN、MAX、および長さの制限などのHTML5フォーム検証属性を使用して説明します。 この記事では、html5&lt; time&gt;について説明します。セマンティックデート/時刻表現の要素。 人間の読み取り可能なテキストとともに、マシンの読みやすさ(ISO 8601形式)のDateTime属性の重要性を強調し、Accessibilitを増やします この記事では、モバイルデバイスのレスポンシブWebデザインに不可欠なViewportメタタグについて説明します。適切な使用により、最適なコンテンツのスケーリングとユーザーの相互作用が保証され、誤用が設計とアクセシビリティの問題につながる可能性があることを説明しています。 この記事では、&lt; iframe&gt;外部コンテンツをWebページ、その一般的な用途、セキュリティリスク、およびオブジェクトタグやAPIなどの代替案に埋め込む際のタグの目的。
(1)
i、テキスト フィールド
注:
(1) 上記のテキスト ボックスはフォーム内に配置されます
。 (2)フォームの属性メソッドの属性値のpost/getの違いは何ですか?
a. Get はサーバーからデータを取得すること、post はサーバーにデータを送信することです。
b. Get は、フォームを送信するアクションの属性が指す URL にパラメーター値を追加します。は、フォーム内の各フィールドに対応しており、URL で確認できます。
投稿は HTTP 経由で行われ、投稿メカニズムはフォーム内の各フィールドとそのコンテンツを HTML HEADER に配置し、それを ACTION 属性の URL アドレスに送信します。ユーザーはこのプロセスを見ることができません。
c. get メソッドの場合、サーバー側の ReqestQueryString は変数の値を取得します。post メソッドの場合、サーバーは Request.Form を使用して送信されたデータを取得します。
d. get のデータ送信量は少なく、2kb 以下です。
post の送信量は多く、一般に制限はありません。
f. get のセキュリティは低いですが、送信効率は高くなります。は高いです
(3) 入力での値の使用方法
a. type="button"/"reset"/"submit" はボタン上のテキストを表します
b. type="text"/"password" を表します初期値
c. type="check"/"radio" 定義と入力関連の値
(4) フォームネスティング
ホットAIツール
Undresser.AI Undress
AI Clothes Remover
Undress AI Tool
Clothoff.io
AI Hentai Generator
人気の記事
ホットツール
メモ帳++7.3.1
SublimeText3 中国語版
ゼンドスタジオ 13.0.1
ドリームウィーバー CS6
SublimeText3 Mac版
ホットトピック
7461
15
1376
52
77
11
17
17
&lt; Progress&gt;の目的は何ですか 要素?
Mar 21, 2025 pm 12:34 PM
&lt; datalist&gt;の目的は何ですか 要素?
Mar 21, 2025 pm 12:33 PM
HTML5のクロスブラウザー互換性のベストプラクティスは何ですか?
Mar 17, 2025 pm 12:20 PM
&lt; meter&gt;の目的は何ですか 要素?
Mar 21, 2025 pm 12:35 PM
HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか?
Mar 17, 2025 pm 12:27 PM
HTML5&lt; time&gt;を使用するにはどうすればよいですか 日付と時刻を意味的に表す要素?
Mar 12, 2025 pm 04:05 PM
ビューポートメタタグとは何ですか?レスポンシブデザインにとってなぜそれが重要なのですか?
Mar 20, 2025 pm 05:56 PM
&lt; iframe&gt;の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか?
Mar 20, 2025 pm 06:05 PM