HTMLの基本構造を総合的に理解する-htmlチュートリアル-php.cn

ホームページ

ウェブフロントエンド

htmlチュートリアル

HTMLの基本構造を総合的に理解する

高洛峰

Feb 11, 2017 pm 02:49 PM

HTML入門

HyperText Markup Language: ハイパーテキストマークアップ言語

HyperText: ハイパーテキスト (テキスト + 画像 + ビデオ + オーディオ + リンク)

マークアップ言語: マークアップ言語

Web サイトの 3 つの主要要素

画像、ハイパーリンク、 text

HTMLの基本構造

<html>  
    <head>  
        <title>Document</title>  
    </head>  
    <body>  
        I am mossbaoo !   
    </body>  
</html>

ログイン後にコピー

標準WebページのHTMLタグ

1. HTMLドキュメント宣言:

2. ページタイトル: ~

3.ページのエンコーディング:

utf-8 は多言語エンコーディングです (推奨)

gb2312 は簡体字中国語のエンコーディングです

ページのキーワード: <メタ名= "キーワード" content="キーワード 1、キーワード 2、..." />

ページのメインコンテンツ:

注:メタタグは html 言語補助タグは、通常、検索エンジンの最適化に使用され、HTML ドキュメントの先頭に配置されます。

HTMLドキュメントの初期構造を生成します

1. HTML5の標準構造: html:5+Tabキーまたは!+Tabキー

生成される結果は次のとおりです

<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <title>Document</title>  
</head>  
<body>  
       
</body>  
</html>

ログイン後にコピー

2. html:xt+Tabキー

生成される結果は以下の通りです

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">  
<head>  
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">  
    <title>Document</title>  
</head>  
<body>  
       
</body>  
</html>

ログイン後にコピー

HTMLタグに関する注意事項:

• HTML要素は開始タグと終了タグで構成されます。

• 開始タグと終了タグにあるテキストが要素のコンテンツです。

• HTML タグには開始と終了が必要です。内容のないタグ (空のタグ) の場合は、/> を使用して終了します。

• タグ名は大文字と小文字が区別されませんが、XHTML ではタグ名は小文字にする必要があります。

• タグには属性があり、タグの性質や特性を表すために使用されます。属性は開始タグで指定します。

上記の HTML の基本構造の包括的な理解は、編集者によって共有されたすべての内容であり、参考になれば幸いです。また、PHP 中国語 Web サイトをサポートしていただければ幸いです。

HTML の基本構造を完全に理解するためのその他の関連記事については、PHP 中国語 Web サイトに注目してください。

このウェブサイトの声明

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

ホットAIツール

Undresser.AI Undress

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

AI Clothes Remover

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

Undress AI Tool

脱衣画像を無料で

Clothoff.io

AI衣類リムーバー

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

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

SublimeText3 中国語版

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

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

神レベルのコード編集ソフト（SublimeText3）

ホットトピック

Gmailメールのログイン入り口はどこですか？

7630

CakePHP チュートリアル

1389

Steamのアカウント名の形式は何ですか

Win11 Activation Key Permanent

NYTの接続はヒントと回答です

141

Related knowledge

HTMLは初心者のために簡単に学ぶことができますか？ Apr 07, 2025 am 12:11 AM

HTMLは、簡単に学習しやすく、結果をすばやく見ることができるため、初心者に適しています。 1）HTMLの学習曲線はスムーズで簡単に開始できます。 2）基本タグをマスターして、Webページの作成を開始します。 3）柔軟性が高く、CSSおよびJavaScriptと組み合わせて使用できます。 4）豊富な学習リソースと最新のツールは、学習プロセスをサポートしています。

HTML、CSS、およびJavaScriptの役割：コアの責任 Apr 08, 2025 pm 07:05 PM

HTMLはWeb構造を定義し、CSSはスタイルとレイアウトを担当し、JavaScriptは動的な相互作用を提供します。 3人はWeb開発で職務を遂行し、共同でカラフルなWebサイトを構築します。

HTMLでの開始タグの例は何ですか？ Apr 06, 2025 am 12:04 AM

Anexampleapalofastartingtaginhtmlis、それはaperginsaparagraph.startingtagsaresentionentientiontheyinitiateelements、definetheirtypes、およびarecrucialforurturingwebpagesandcontingthomedomを構築します。