HTMLの基本

高洛峰
高洛峰オリジナル
2016-11-21 13:37:171325ブラウズ

1: 関連する概念を理解する

1: WEB 標準の概念とその制度構成

WEB 標準は、単一の標準ではなく、一連の標準の集合です。これらの標準は主に W3C (World Wide Web) によって起草され、発行されます。

2: Web ページの構造

Web ページは主に HTML、CSS、JAVASCRIPT の 3 つの部分で構成されます。機能としては、HTML は Web ページのレイアウトと操作を容易にするために Web ページのページ構造を記述するために使用され、CSS は Web ページの構造をより美しく見せるために使用されます。人とページの間の対話を処理して応答を生成します。対応するプログラミング言語は次のとおりです。
構造化言語には、[ または特殊文字がファイル名として含まれます。


2: HTML と関連概念

1: ハイパーテキスト マークアップ言語と拡張可能なハイパーテキスト マークアップ言語

HTML はハイパー テキスト マークアップ言語を指し、XHTML は拡張可能なハイパーテキスト マークアップ言語 (EXtensible HyperText Language) を指します。


2: HTML5

HTML5 は、HTML の 5 番目の主要な修正を指します。HTML5 は、W3C と WHATWG の協力の成果です。

3: HTML ページの構造


HTML ページは、主に head (ファイルヘッダー) と body (ファイル本体) で構成されます。通常、ヘッド部分はブラウザ ウィンドウには表示されません (タイトル、特定の種類のメタ タグ、Web ページ ロゴを除く)。ボディ部分はブラウザのビューポート領域でユーザーに表示されます。

HTML のルート要素

ファイルの本体、コンテンツページに表示される内容を本文に入れてください。
文字セット、コンテンツタイプ、エンコード形式を設定します

ファイルタイトル

ページの構造は次のとおりです:

4: HTML 分類

HTML 文書は、strict (厳密型)、transitional (移行型)、frameset (フレームワーク型) の 3 つのタイプに分類されます。

5: 仕様の記述

タグ名と属性名は小文字である必要があります

HTMLの基本 HTMLタグは閉じられている必要があります

属性値は引用符で囲まれている必要があります

タグは正しくネストされている必要があります

文書型宣言(!DOCTYPE ) を追加する必要があります

6: HTML 基本構文

通常のタグ

空のタグ

7: 共通の HTML タグ

A: 共通のブロック タグ

div、p、h1...h6、ol、ul、dl、table、a​​ddress、blockquote、form


B : 共通インラインタグ


a、span、br、i、em、strong、label、q、var、cite、code

C: 共通インラインブロックタグ (img には 3 ピクセルのマージンが付きます) 実際の動作では、次の CSS スタイル ステートメントを使用して削除できます: IMG {border: none; display: block;})

IMG、input


8: ウェブページで一般的に使用される特殊文字

9: ハイパーリンク


ハイパーリンクは WWW の基礎であり、中核です。これらのリンクをクリックすると、現在の Web ページから別の Web ページにジャンプします。

構文形式は次のとおりです:

リンク テキスト/画像

target 属性は、リンクを新しいウィンドウで開くかどうかを示します。その属性値には、_blank と _self の 2 つの値があります。_blank は、新しいウィンドウでリンクを開くことを示し、_self は、現在のウィンドウでリンクを開くことを示します。窓。

空のリンク:




他のサイトへのリンク

/a>

メールへのリンク

メール

ダウンロードリンク

ファイルダウンロード

URL は、Uniform Resource Locator とも呼ばれ、WEB Web ページのアドレスであり、http プロトコル、ドメイン名、ポート番号、パスの 4 つの部分で構成されます。例: http://www.cycf.org.cn:8080/index.html; http:// は http プロトコル、www.cycf.org.cn はドメイン名、:8080 はドメイン名と呼ばれます。ポート番号、index.html はページパスと呼ばれます。

10: パス

絶対パス:

絶対パスは、ハードディスク上のホームページ上のファイルまたはディレクトリの実際のパスを指します。リンク ファイルを見つけるには絶対パスを使用する方が明確です。 2 つの欠点: 1. 1 つ目は、より多くのコンテンツを入力する必要があること、2 つ目は、ファイルを移動すると、すべての関連リンクをリセットする必要があることです。


相対パス:

相対パスは、同じ Web サイトに属している限り、同じディレクトリにない場合でも、相対リンクも非常に適しています。この形式のアドレスは、リンクを構築する 2 つのファイル間の相対関係を利用し、サイト フォルダーのサーバーの場所の影響を受けません。したがって、この形式の書き込みでは、絶対アドレスの同じ部分が省略されます。この利点は、サイト フォルダーが配置されているサーバー アドレスが変更された場合でも、フォルダーのすべての内部リンクで問題が発生しないことです。


相対パスの書き方:


A: 現在のファイルと対象ファイルが同じディレクトリにある場合は、対象ファイル名 + 拡張子を直接記述します

B: 現在のファイルが存在する場合対象ファイルと対象ファイルが同じディレクトリにある場合は次のように記述します:

対象ファイルのフォルダ名/フルネーム + 拡張子名

C: 現在のファイルが存在するフォルダの場合が存在するフォルダーと対象ファイルが存在するフォルダーが同じディレクトリにない場合は、次のように記述されます:

../対象ファイルが存在するフォルダー名/対象ファイル名+拡張子


声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。