ホームページ ウェブフロントエンド htmlチュートリアル HTMLの予備知識 Webページの基礎知識_HTML/Xhtml_Webページ制作

HTMLの予備知識 Webページの基礎知識_HTML/Xhtml_Webページ制作

May 16, 2016 pm 04:41 PM
HTML入门

HTML言語はHypertext Markup Languageの略称です。これは、実際の表現ではなく、文書の構造を記述する言語です。
HTML 言語は、説明的なタグ (タグと呼ばれる) を使用して、ドキュメントのさまざまなコンテンツを示します。マークアップ コードは、テキストのさまざまなコンポーネントを区別する区切り文字であり、HTML ドキュメントを段落、タイトル、表などのさまざまな論理部分 (または構造) に分割するために使用されます。マークアップ コードはドキュメントの構造を記述し、ドキュメントの外観特性を伝えるためにドキュメントの書式設定情報をブラウザに提供します。
HTML 言語で書かれたページは、プラットフォームやプログラムに関連する情報が含まれていない通常のテキスト ドキュメントです。
HTML ファイルを生成するには 2 つの方法があります。1 つは手動です。準備、もう 1 つは Web ページ エディタを使用して生成する方法です。Dreamweaver 3.0 はそのような Web ページ エディタです。Dreamweaver 3.0 を使用して Web ページを作成する間、Dreamweaver 3.0 は Web ページの HTML ファイルを生成するため、学習する必要があります。 HTML ファイルを手動で準備するために、HTML ファイルを手動でコンパイルする方法に関する基本的な知識を次に紹介します。
HTML ドキュメントには 2 種類の情報が含まれています。1 つはテキスト、グラフィックスなどのページ自体のコンテンツで、もう 1 つはページ要素、構造、形式、その他のハイパーテキスト リンクを表す HTML タグです。
ブラウザは HTML ファイルを読み取って HTML タグに遭遇すると、そのタグで定義された形式でページのコンテンツを表示します。 HTML タグの基本的な形式は次のとおりです。
ページのコンテンツ 标签>
先頭のタグは定義された形式の開始を示し、次のタグはこの形式の終了を示します。たとえば、「Helloworld! 」は、「Hello world」を太字で表示することを意味します。 現在一般的に使用されている 2 つのブラウザー (360 と Internet Explorcr) は、HTML タグの解釈方法が異なります。つまり、同じタグでもブラウザーが異なれば表示される結果も異なり、タグを解釈できるかどうかも同じブラウザーのバージョンによって異なります。サーバーにもこの問題があるため、Web ページをコンパイルするときはこの問題に注意する必要があります。一般的にこの現象は、よく使われる一般的な機能では発生せず、新しい高機能な機能でのみ発生します。 Dreamweaver 3.0 は、これら 2 つのブラウザを考慮に入れるために最善を尽くし、これらの問題に対処するいくつかの方法を提供します。
HTML ファイルは、Windows 添付ファイルのメモ帳などのテキスト エディタで入力できるプレーン テキスト ファイルです。ファイルを保存するときは、ファイル拡張子を「HTML」または「HTM」にする必要があります。
HTML ファイルの全体的な構造は次のとおりです:



...



次に、HTML ファイルの全体構造における HTML タグについて説明します。

: 各 HTML ページの最初の HTML タグは です。これは、ファイルのコンテンツが HTML 言語で記述されており、HTML ページ内のすべてのテキストと HTML タグが
... の開始タグと終了タグに含まれていることを示します。 タグは、このタグ内のテキストは文書内の他のテキストへの序文であることを示します。通常、文書の
セクションには、ページのコンテンツのテキストは記述されません。ヘッダー! : タグの間に含まれるテキストはヘッダー タイトルと呼ばれ、ブラウザーはページ ウィンドウのタイトル バーにヘッダー タイトルを配置します。
: HTML ページのコンテンツは <title> タグに含まれます。 <br>HTML ファイルの基本的な形式、概念、タグについて学びます。編集したテキスト ファイルに次の内容を記述します:


Hello World!
<tltle><br> <br>HeIIo World! <br><p>これは私の最初の Web です。</p> <br><p> </p> <br> これは単純な HTML ファイルです。名前を付けて始めましょう。 <br>(1) DOS/Windows システムの場合は拡張子を「.htm」、UNIX システムの場合は拡張子を「.html」にしてください。 (はい、UNIX システムでは、ファイル名の文字は大文字と小文字が区別されます)。</tltle>
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

&lt; datalist&gt;の目的は何ですか 要素? &lt; datalist&gt;の目的は何ですか 要素? Mar 21, 2025 pm 12:33 PM

この記事では、HTML&lt; Datalist&GT;について説明します。オートコンプリートの提案を提供し、ユーザーエクスペリエンスの改善、エラーの削減によりフォームを強化する要素。

&lt; Progress&gt;の目的は何ですか 要素? &lt; Progress&gt;の目的は何ですか 要素? Mar 21, 2025 pm 12:34 PM

この記事では、HTML&lt; Progress&gt;について説明します。要素、その目的、スタイリング、および&lt; meter&gt;との違い要素。主な焦点は、&lt; Progress&gt;を使用することです。タスクの完了と&lt; Meter&gt; statiの場合

&lt; iframe&gt;の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? &lt; iframe&gt;の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? Mar 20, 2025 pm 06:05 PM

この記事では、&lt; iframe&gt;外部コンテンツをWebページ、その一般的な用途、セキュリティリスク、およびオブジェクトタグやAPIなどの代替案に埋め込む際のタグの目的。

&lt; meter&gt;の目的は何ですか 要素? &lt; meter&gt;の目的は何ですか 要素? Mar 21, 2025 pm 12:35 PM

この記事では、html&lt; meter&gt;について説明します。要素は、範囲内でスカラーまたは分数値を表示するために使用され、Web開発におけるその一般的なアプリケーション。それは差別化&lt; Meter&gt; &lt; Progress&gt;およびex

HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? Mar 17, 2025 pm 12:27 PM

この記事では、ブラウザのユーザー入力を直接検証するために、必要、パターン、MIN、MAX、および長さの制限などのHTML5フォーム検証属性を使用して説明します。

ビューポートメタタグとは何ですか?レスポンシブデザインにとってなぜそれが重要なのですか? ビューポートメタタグとは何ですか?レスポンシブデザインにとってなぜそれが重要なのですか? Mar 20, 2025 pm 05:56 PM

この記事では、モバイルデバイスのレスポンシブWebデザインに不可欠なViewportメタタグについて説明します。適切な使用により、最適なコンテンツのスケーリングとユーザーの相互作用が保証され、誤用が設計とアクセシビリティの問題につながる可能性があることを説明しています。

HTML5のクロスブラウザー互換性のベストプラクティスは何ですか? HTML5のクロスブラウザー互換性のベストプラクティスは何ですか? Mar 17, 2025 pm 12:20 PM

記事では、HTML5クロスブラウザーの互換性を確保するためのベストプラクティスについて説明し、機能検出、プログレッシブエンハンスメント、およびテスト方法に焦点を当てています。

HTML5&lt; time&gt;を使用するにはどうすればよいですか 日付と時刻を意味的に表す要素? HTML5&lt; time&gt;を使用するにはどうすればよいですか 日付と時刻を意味的に表す要素? Mar 12, 2025 pm 04:05 PM

この記事では、html5&lt; time&gt;について説明します。セマンティックデート/時刻表現の要素。 人間の読み取り可能なテキストとともに、マシンの読みやすさ(ISO 8601形式)のDateTime属性の重要性を強調し、Accessibilitを増やします

See all articles