ホームページ >ウェブフロントエンド >htmlチュートリアル >HTML 概要 content_html/css_WEB-ITnose
1. html の基本
html は、Web ページの作成に使用されるマークアップ言語であり、コンパイルを必要とせず、ブラウザーによって直接実行されます。大文字と小文字は区別されません。小文字を推奨します。 HTML ファイルでは、ファイル名の接尾辞として html または htm を使用する必要があります。
html のメイン構造:
(1)DTD ヘッダー: 現在のページを解析するために使用する標準をブラウザーに伝えるために使用されます
(2)head 部分: ブラウザーに対応する情報をいくつか伝えます
(3)body 部分:データを参照するため
2. HTML 言語の構文
2.1 HTML タグ
タグは、山括弧 < で囲まれた HTML の最も基本的な単位であり、最も重要なコンポーネントです。タグは閉じていて、次の 2 つの形式があります: <タグ名>内容<タグ名> ;<タグ名 />
タグ名、表示されるデータ、表示データの 3 つの部分で構成されます
<タグ名 属性名 1 = "属性値" ... 属性名 n = "属性値" > -->
2.3 HTML コード形式
ソース コードでは改行とスペースが機能しないため、 HTML コードを記述するときにキャリッジ リターンやスペースを植字に使用できるため、コードが明確になり、チームワークが促進されます。 「Tab」キーを優先して、厳密なインデント規則を維持する必要があります。
コードを正しく書くことよりも、コードを美しく書くことの方が重要です。
3. head 部分
は、 で始まり で終わる HTML ドキュメントのヘッダー情報を表します。
タイトル情報、メタ情報など、現在のドキュメントの一部の情報が含まれています。通常の状況では、ヘッダー情報は HTML ドキュメントに表示されません。
よく使用されるタグ:
title タグ - HTML ドキュメントのタイトルを表します
base タグ - 相対 URL を完全な絶対 URL に変換します
meta タグ - ファイル情報の名前、内容、その他の情報を定義するために使用されます
link タグ - ドキュメント内で外部リソース (CSS など) の使用を宣言するときにこのタグを使用します
style タグ - ドキュメント内でスタイルを宣言する場合にこのタグを使用します
script タグ - ドキュメント内で JavaScript スクリプトを使用します
4 .body タグの共通属性 (デフォルト値に注意してください)
text--------ページのテキストの色を設定します
bgcolor--------ページの背景色を設定します
background--- ----ページの背景画像を設定します
bgroperties-------ページの背景画像を固定し、ページのスクロールと一緒にスクロールしないように設定します
link------ -ページのデフォルトのリンク色を設定します
alink-----------クリック時のマウスの色を設定します
vlink-----------アクセス後のリンクテキスト
topmargin---- -------ページの上マージンを設定します
leftmargin-------------ページの左マージンを設定します
5. テキストレイアウト編集
5.1 フォーマットタグ
斜体フォント ラベル
フォント ラベル
テキストの上付きフォント ラベル
テキストの下のテーブルのフォント ラベル
プロパティを通じてテキストのサイズ、色、フォントを指定できますラベルのタイプライターテキスト
引用や例では、通常、強調を表すために斜体が使用され、強調を表すために斜体が使用されます。6. 画像を挿入します
img タグ、単独で表示されます、
共通属性:
alt-----画像を表す代替テキスト
src-----画像ソース(つまり、画像の位置)
border----------画像の境界線の幅
height----------画像の高さ
width--- ------画像の幅
Web ページをデザインするときに一般的に使用される画像形式: gif、jpeg、png
7. アンカーポイントとハイパーリンクを確立します7.1 タグ --- ----HTML リンクを表し、ペアで表示されます …
共通属性:
href--------URL リンク ソースを表します
url は Web にすることもできますページ、その他のファイル、HTML ファイルを指す 場所、電子メール アドレス
target--------- は、リンクを開く方法を示すために使用されます
target=_blank: リンクのコンテンツを新しいウィンドウで開きます
target=_parent: リンクのコンテンツをファイルの前の画面として扱います
target=_self: リンクされたコンテンツを現在のウィンドウに表示します
target=_top: 画面全体をリンクされた画面のコンテンツとして再表示します
リンク構文:
表示テキスト
7.2 Web ページ内のリンク (アンカー リンク) を検索します
を使用して定義します。例: パート 1、パート 1 にジャンプするには を使用します。ハイパーリンクで「パート 1」を見つけることができます。 「Web ページ内の位置」。
7.3 ハイパーリンク
3 つのリンク パス:
絶対パス: http://www.sohu.com/index.html
ドキュメント相対パス: adver/contents.html
サイト ルート ディレクトリへの相対パス: / support /app/customer.html
8. HTML テーブル
8.1 共通タグ
テーブル tr の th 属性: width と height-----幅と高さを表します colspan--------1 つの行が複数の列にまたがります Rowspan----- ---1 つの列が複数の行にまたがります align--- ----------水平方向の配置 (左、中央、右) valign----------垂直方向の配置 (上、中、下) | align、valign については上記で説明しています 9. HTML フレーム構造 ブラウザフォームは次のことができます複数のページを組み合わせて表示します。これはフレームを使用して実行できます。行と列に分割できます。 利点: ページをリロードするときにページ全体をリロードする必要がなく、ナビゲーション バーを作成すると便利です。 欠点: 多くのページが生成されるため、管理が困難です。ブラウザの戻るボタンが無効です。一部の小型モバイル デバイス (PDA 携帯電話) では完全にインデックスを作成できません。フレームを表示する; マルチフレーム ページはサーバーの http リクエストを増加させます これらの多くの欠点のため、標準の Web デザインの概念に準拠しておらず、標準の Web デザインでは放棄されました9.2 HTML フレーム タグ
|
---|