English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML 基本チュートリアル

HTML メディア

HTML リファレンスマニュアル

HTML5 基本チュートリアル

HTML5 API

HTML5 メディア

HTMLとは

HTMLは超テキストマークアップ言語と呼ばれ、識別言語です。これには、一連のタグが含まれており、これらのタグを使ってネットワーク上のドキュメントのフォーマットを統一し、分散したインターネットリソースを一つの論理的な全体として結びつけることができます。HTMLテキストはHTMLコマンドで構成され、これらのコマンドはテキスト、画像、アニメーション、音、テーブル、リンクなどを説明できます。

<!DOCTYPE　html>
<html>
<head>
<meta　http-equiv="Content-Type"　content="text/html;charset=utf-8"　/>
<title>基本チュートリアル(oldtoolbag.com)</title>
</head>
<body>
<h1>私の最初のウェブページのタイトル</h1>
<p>私の最初のウェブページの段落。</p>
</body>
</html>
テストを試してみる ‹/›

例解析

  • <!DOCTYPE html>はHTMLを宣言します。5 ドキュメント

  • <html>要素はHTMLページのルート要素です。

  • <head>要素はドキュメントのメタ（meta）データを含みます。例：<meta charset="utf-8">はウェブページのエンコード形式をutfに設定します。-8。

  • <title>要素はドキュメントのタイトルを説明します。

  • <body>要素は表示されるページの内容を含みます。

  • <h1>要素は大きな見出しを定義します。

  • <p>要素は段落を定義します。

注：ウェブページの空白部分を右クリックし、「ウェブページのソースファイル」を選択するか、キーボードのFキーを押します。12デバッグモードを開始すると、ウェブページのソースコードを確認できます。

HTMLとは何ですか？

HTMLはウェブページを記述するための言語です。

  • HTMLは超テキストマークアップ言語（HyperText Markup Language）の略です。

  • HTMLはプログラミング言語ではなく、マークアップ言語です。

  • マークアップ言語はマークアップタグ（マークアップタグ）のセットです。

  • HTMLはウェブページを記述するために使用されるマークアップ言語です。

  • HTMLドキュメントはHTMLタグとテキスト内容を含んでいます。

  • HTMLドキュメントはwebページとも呼ばれます。

HTMLタグ

HTMLタグは通常HTMLタグ（HTMLタグ）と呼ばれます。

  • HTMLタグは尖括号で囲まれたキーワードです。例えば<html>です。

  • HTMLタグは通常成对で使用されます。例えば<b>と</b>です。/b>

  • タグ対の最初のタグは開始タグ、二番目のタグは終了タグです。

  • 開始と終了タグは、開放タグと閉じタグとも呼ばれます。

<タグ>内容</タグ>

HTML 要素

「HTMLタグ」と「HTML要素」は通常同じ意味で使用されます。

ただし厳密には、HTML要素は開始タグと終了タグを含んでいます。以下の例のようにです：

HTML 要素:

<p>これは段落です。</p>

Web ブラウザ

Webブラウザ（例：Google Chrome、Internet Explorer、Firefox、Safari）はHTMLファイルを読み取り、それをウェブページとして表示するために使用されます。

ブラウザは直接HTMLタグを表示しませんが、タグを使用してユーザーにHTMLページの内容をどのように表示するかを決定できます：


HTML ページ構造

以下は視覚的なHTMLページ構造です：

<html>
<head>
<title>ページタイトル</title>
</head>
<body>
<h1>これはタイトル</h1>
<p>これは段落です。</p>
<p>これは別の段落です。</p>
</body>
</html>
ブラウザで表示されるのは<body>エリア（白い部分）だけです。

HTMLバージョン

初期のネットワークの登場以来、多くのHTMLバージョンが登場しました：

バージョン公開日
HTML1991
HTML+1993
HTML 2.01995
HTML 3.21997
HTML 4.011999
XHTML 1.02000
HTML52012
XHTML52013

<!DOCTYPE> 声明

<!DOCTYPE>宣言は、ブラウザで正しくウェブページを表示するのに役立ちます。

ネットワーク上には多くの異なるファイルがありますが、HTMLのバージョンを正しく宣言すると、ブラウザが正しくウェブページの内容を表示できます。

doctype 声明は大文字小文字を区別しません。以下の方法がすべてできます：

<!DOCTYPE html> <!DOCTYPE HTML> <!doctype html> <!Doctype Html>

一般的な宣言

HTML5

<!DOCTYPE html>

HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

完全なウェブページ宣言の種類を確認するにはDOCTYPE 参考マニュアル。

中国語エンコーディング

現在、ほとんどのブラウザで、直接中国語を出力すると中国語のゴミ表示が発生することがあります。その場合、ヘッダーで文字コードをUTFに宣言する必要があります。-8 またはGBK。

<!DOCTYPE　html>
<html>
<head>
<meta　http-equiv="Content-Type"　content="text/html;charset=utf-8"　/>
<title>utf-8エンコードされたウェブページ(oldtoolbag.com)</title>
</head>
<body>
　
<h1>私の最初のutf-8エンコードされたウェブページタイトル</h1>
　
<p>私の最初のutf-8ウェブページのパラグラフをエンコード。</p>
　
</body>
</html>
テストを試してみる ‹/›

HTML 常用エディタHTML 基本チュートリアル