HTMLの基本タグ(1)
1. HTMLとは
html: Hyper TextMakeup言語: ハイパーテキストマークアップ言語
html: Webページの「ソースコード」
ブラウザ: HTMLソースの「解釈と実行」コード ツール
2. Web ページの概要情報
Web ページの概要情報は、ブラウザ分析と検索エンジンの検索に役立ちます:
2.1
HTMLタグ分類(後続のレイアウトデザインを促進するため)
‐ 's‐ ‐ ‐ - - - ブロックレベルタグ:
の前後の1行で「ブロック」として表示されます:ブロックレベルと行レベルのタグの違い:
ブロックレベル:1つのラインで表示レイアウトで一般的に使用されるレベル タグ、ブロック レベル タグ基本ブロック レベル タグ:
001.Title タグ
…
h1 が最大、h6 が最小です
002 .段落タグ
...
003. 水平線タグ
ブロックレベルレイアウトで一般的に使用されるタグ:
001. 順序付きリスト タグ
002.順序なしリスト タグ
< ul>
003 説明タグを定義します (グラフィックとテキストの混合によく使用されます)
「#」>
...
007。 vキーポイント: 通常、構造化されたブロック要素として使用され、論理パーティション (ブロック) またはコンテナーとして使用されます。
04. 実際の開発でよく使われる4つのブロック構造を教えてください。
01.div-ul(ol)-li: カテゴリ ナビゲーションやメニューなどによく使用されます。 ... フォームのレイアウト
5 505。行レベルのラベル
001、画像ラベル& & lt; img src = "画像アドレス" alt = "プロンプト テキスト" title = "プロンプト テキスト" & gt;プロンプトテキストが確実に表示されるように Title 属性を使用することをお勧めします
alt: 画像が表示されていない場合、画像上に表示されるテキスト
Title: 画像上に表示されるテキスト 002 上にマウスが留まります002. :Show特定の行内の固有のスタイル
テキストなどの行レベルのコンテンツ
003. 改行タグ
06. w3c 標準が必要なのはなぜですか?
w3c:World Wide Web Consortium、World Wide Web Consortium
W3C の機能: Web 業界標準の策定と維持を担当します
W3C が提唱する Web 構造:
1. コンテンツ (構造) とパフォーマンス (スタイル) の分離
2. HTML コンテンツ構造にはセマンティクスが必要です
07. 文書型宣言を追加する必要があります
文書宣言は文書の先頭にある必要があります: Strict (厳密型)、Transitional (移行型) の 3 つのレベルがあります。 , Frameset(フレームタイプ)
HTML基本タグ(2)
01.ハイパーリンク--ページ間のナビゲーションを実現します
例:02. 相対パス: 現在のディレクトリからの相対アドレス。一般的に使用される
Login
絶対パス: ターゲット アドレスの完全な説明を指し、使用数は少なくなります
ログイン
Sohu
重要: 上部にアクセスしたい場合は、現在のパスのレベル パス ../
03. ハイパーリンクの 3 つのアプリケーション
002. アンカー リンク
001. ページ間のリンク
href="login/login.htm">[ログイン]
適用される場面: Web サイトのナビゲーションによく使用されます
002. アンカーリンクの実装 (同一ページアンカーリンクとページ間アンカーリンクに分けられます) )
同じページへのアンカー リンク:
1. タグ (アンカー) を定義します: ターゲット位置
2. タグの位置へのリンクを設定します: 現在地
該当する場合: ページのコンテンツが大きく、1 画面を超える場合に適しています
ページ間リンク:
1.タグの位置: [スターゾーン]
アンカーリンクは同じページまたはページをまたいで使用できます
003. 機能リンク
電子メール、QQ リンクなど
書くべき...
04.コメント
はコメントされています。行はコードの可読性を高めるために使用されており、
05は表示されません。特殊記号
スペース:
より大きい: > ;
以下: <
引用符 ("): "
著作権番号 (): ©
<、> などの記号は HTML で使用されているため、他の記号に置き換える必要があります。すべて; で終わります。
06. 共通のフォーム要素
単一行テキスト ボックス (テキスト)
パスワード ボックス (パスワード)
ラジオボタン(ラジオ)
チェックボックス(チェックボックス)
送信ボタン(送信)
ドロップダウンリスト(選択)
リセットボタン(リセット)
07. フォームの基本構文
アクション: 送信後に送信を処理するサーバー上のハンドラーを指定します
メソッド: サーバーに送信するメソッドを指定します: 通常は post メソッドまたは get メソッドですが、post メソッドの方が安全です。
08. フォームの実行原理
クライアント: ログインを要求し、フォームを通じてアカウント情報を入力します
クライアントとサーバーは通信する2人のようなものであり、それによってインタラクティブなアクティビティが確立されます
サーバー: アカウント情報を確認します送信してから、フィードバックを送信してください。
09. フォーム要素の基本フォーマット
10. フォーム要素を一つずつ紹介
テキストボックス
nameを使用サーバー側でデータを取得します。例: request.getParameter("userName")
Password box
button
通常ボタン: button
送信ボタン: submit
リセット(クリア)ボタン:リセット
写真ボタン:画像
ラジオボタン
同じ名前は同じグループに属していることを示します
特徴: 単一選択
チェックボックス
機能: 複数選択
ファイルフィールド
例:
機能: ユーザー入力エラーを回避するための固定オプションを提供します
複数行のテキストボックス
テキストコンテンツ
隠しフィールド
サーバーがクライアントの情報を「記憶」するのは便利ですが、クライアントにデータを見られることは望ましくありません
< ;input type= "hidden" name="" value="">
読み取り専用属性と無効な属性
readonly: 特定のボックス内のコンテンツはユーザーのみが表示でき、変更できないことを望みます
無効: 使用条件が満たされていないため、ユーザーの使用を制限します
へようこそ利用規約、Guimei の権利と義務を読みます
< /textarea>
上記の契約に同意します
テーブルのアプリケーションとレイアウト
1. テーブルを使用する理由
テーブルの一般的なアプリケーション:
01 フォーラム
02. ショッピング Web サイト
03. ポータル アプリケーション フォーム
テーブルの基本構造
行、列、セル
特徴: 通常この場合、同じ行の高さ、同じ列の幅は同じです
3. テーブルの基本構文
新那 | |
56 ネット< ;/td> < /tr>
|
テーブルを作成するには?
ヘッダー: データ件名: |
---|