HTML の概要
HTMLの概念
HTMLを学ぶとき、HTMとは何なのかを知る必要がありますか?
簡単に言うと、HTML は Tim Berners-Lee という名前の科学者によって発明されました。彼が HTML を発明した目的は、異なる大学の科学者がお互いの研究文書に簡単にアクセスできるようにすることでした。 HTML は、Tim Berners-Lee の当初の予想をはるかに上回る大きな成功を収めました。彼は HTML を発明することで、今日私たちが知っている World Wide Web
の基礎を築きました。 HTML は、インターネット上で情報 (科学研究情報など) を表示できるようにする言語です。あなたが見る Web ページは、ブラウザが HTML を解釈した結果です。 Web ページの HTML コードを表示するには、ブラウザのメニュー バーで [ソース ファイルの表示] をクリックし、[ソース ファイル] を選択するだけです
初心者にとって、HTML コードは複雑に見えるかもしれませんが、この記事のチュートリアルが役立ちます。それらが何を意味するのか理解してください。
HTMLは何に使えますか?
HTMLはウェブサイトを作成するために使用されます。それはとても簡単です！
HTMLファイル
HTMLファイルとは何ですか?
HTMLの英語の正式名はHypertext Marked Language、中国語名は「Hypertext Markup Language」です。
通常のテキストとは異なり、HTML ファイルにはテキスト コンテンツだけでなく、中国語で「タグ」と呼ばれるいくつかのタグも含まれています。HTML ファイルの接尾辞名は .htm または .html です。
- テキストエディタを使用して HTML ファイルを作成します 。
- HTML文書 = Webページ
HTML文書にはHTMLタグとプレーンテキストが含まれています
HTML文書はWebページとも呼ばれます- まず HTML ファイルを見てみましょう
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <body> 建立的第一个HTML文件 <b> bold ：粗体</b> </body> </html>
説明の例:
<!DOCTYPE> 宣言は、HTML ドキュメントの <html> タグの前にある必要があります。これは、ページをどのバージョンの HTML で記述するかを Web ブラウザーに指示する命令です
<!DOCTYPE html> 下位互換性
<html> タグと </html> タグは、ドキュメントの先頭と本文の間にあります。さらに、HTML5 では一般的に <html> が <html lang="zh-CN"> に記述され、Web サイトが中国語のサイトであることをブラウザーに伝えます。
<head>と</head>の間の内容はHead情報です。ヘッド情報は表示されず、ブラウザでは見ることができません。しかし、だからといってこの情報が役に立たないというわけではありません。たとえば、検索エンジンが Web ページを検索しやすくするために、ヘッド情報にいくつかのキーワードを追加できます。
<meta charset="UTF-8">この文は、使用するコードが UTF-8 エンコーディングであることを意味します<title> と </title> の間の内容は、このタイトルです。書類。このタイトルは、ブラウザの上部にあるタイトル バーに表示されます。 <body> と </body> の間の情報は、表示されるページのコンテンツです。
<b> と </b> の間のテキストは太字です。 <b>名前が示すように、太字を意味します。 HTML ファイルは通常のテキストに似ていますが、<html>、<b> など、通常のテキストよりも多くのタグが含まれています。これらのタグを通じて、このファイルを表示する方法をブラウザーに指示できます。
タグ: 英語での意味は
tagHTML要素(HTML要素)· HTML要素(HTML要素)は、テキストをマークし、テキストの内容を表すために使用されます。たとえば、body、p、title は HTML 要素です。
· HTML 要素は、< で始まり > で終わるタグによって表されます。· タグは通常、<body></body> のようにペアで表示されます。先頭にあるものを開始タグ、最後にあるものを終了タグと呼びます。 · 現在、HTML タグでは大文字と小文字が区別されません。たとえば、<HTML> と <html> は同じです。
HTML ファイルを見てきましたが、HTML ファイルを記述するには何を使用すればよいでしょうか?これには HTML エディターが必要ですHTML エディターHTML を記述するにはメモ帳またはテキストエディットを使用してください
HTML の編集には、プロフェッショナルな HTML エディターを使用できます:
Adobe DreamweaverMicrosoft Expression Web
CoffeeCup HTML Editor
Baidu にアクセスして検索、ダウンロード、インストールしてください
ただし、HTML を学習するには、メモ帳 (PC) や TextEdit (Mac) などのテキスト エディターを使用することもお勧めします。私たちは、シンプルなテキスト エディタを使用することが HTML を学ぶのに最適な方法であると信じています。
メモ帳を使用し、以下の 4 つの手順に従って最初の Web ページを作成します。
ウェブページの内容は次のとおりです: すごい!これは私の最初のウェブサイトです
ステップ1：メモ帳を開始する
メモ帳を開始する方法：デスクトップを右クリックして新しいテキストドキュメントを作成します
ステップ 2: メモ帳を使用して HTML を編集しますメモ帳に次の HTML コードを入力します:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <body> 哇！这是我的第一个网站 </body> </html>
ステップ 3: HTML ファイルを保存します
保存ファイルを削除し、ファイル名を変更し、ファイル拡張子を .htm または .html に変更しても違いはなく、完全に好みに応じて変更できます。
ステップ 4: この HTML ファイルを実行します
HTML ファイルを直接ダブルクリックして開きます
実行時の効果は次のとおりです。
完了！初めての実際の Web サイトが完成しました (ただし、それは単純な Web ページのみで構成されています)。 
![フロントエンドプロジェクト-Shangyou [HTML/CSS/JS技術総合演習]](https://img.php.cn/upload/course/000/000/068/63bfcb2974f91471.jpg)
