HTMLウェブページの基本概念の簡単な分析

ウェブページとは何ですか? HTML ドキュメントがブラウザカーネルによってレンダリングされた後に表示されるページ (5 つの主要ブラウザと 4 つの主要カーネル)

HTML ドキュメントのファイル名の接尾辞は .html です。以前の .htm は DOM システムをサポートするためです (現在 Dreamweaver ではファイル名の末尾に .htm が使用されています)

コーディングとは、表示したいページをコードの形式で HTML ドキュメントに記述し、アクションとしてレンダリングすることです。HTML ドキュメント自体は人間にはうまく認識できないため、一般の人がページとして表示できるようにするには、ブラウザカーネルによってレンダリングされる必要があります。ページのソースコードを表示するためのショートカットキーは CTRL+U です。ソースコードは通常、次のように表示されます。

<!DOCTYPE html>
<html lang="ja">
<ヘッド>
    <メタ文字セット="utf-8" />
    <meta name="viewport" content="width=デバイス幅、初期スケール=1.0" />
    <meta name="referrer" content="origin" />
    
    <meta http-equiv="キャッシュコントロール" content="変換なし" />
    <meta http-equiv="キャッシュコントロール" content="サイトアプリなし" />
    <meta http-equiv="X-UA-compatible" content="IE=edge" />
    <title>大きな灰色の牛</title>
    
    <link rel="スタイルシート" href="/css/blog-common.min.css?v=PEqf9X5sM-TqgxEJ-34zllMNrLPY7PzC3YhmnDnLGWA" />
    <link id="MainCss" rel="スタイルシート" href="/skins/simpleblue/bundle-simpleblue.min.css?v=MH15aYd6DmX-6TABpA2xkiKENy3GAhiM2dh5rOPH89I" />
    
    <link id="mobile-style" media="only screen and (max-width: 767px)" type="text/css" rel="stylesheet" href="/skins/simpleblue/bundle-simpleblue-mobile.min.css?v=_zt2QFQyJHJRlBTpIRPn4DadnHSequpRNJvrnOfJ3Go" />
    
    <link type="application/rss+xml" rel="alternate" href="https://www.cnblogs.com/dhnblog/rss" />
    <link type="application/rsd+xml" rel="EditURI" href="https://www.cnblogs.com/dhnblog/rsd.xml" />
    <link type="application/wlwmanifest+xml" rel="wlwmanifest" href="https://www.cnblogs.com/dhnblog/wlwmanifest.xml" />
    <script src="https://common.cnblogs.com/scripts/jquery-2.2.0.min.js"></script>
    <script src="/js/blog-common.min.js?v=F-Iy-_Lj7VcUKRIvNkS6UZ5LItMqjh1_L0VZk9Yxfb8"></script>
    <スクリプト>
        var 現在のブログ ID = 576770;
        var currentBlogApp = 'dhnblog';
        var cb_enable_mathjax = false;
        ログイン済みかどうかは、var によって異なります。
    </スクリプト>  
</head>
<本文>...</本文>
</html>

一般的に「Web ページの 3 ピースセット」として知られ、Web ページに関連するテクノロジは、HTML、CSS、および JavaScript です。HTML+CSS はページのコンテンツを担当し、JavaScript はページの動作を担当します。HTML は主にページの構造を担当し、CSS はスタイルによってページを美しくし、JavaScript はページのインタラクションを完了します。

HTML コードは、主にテキストコンテンツとタグコンテンツの 2 つの部分に分かれています。テキストは、単語や記号など、ブラウザーで直接表示できるものであり、タグは山括弧で囲まれた <p></p> に似ており、ブラウザーで直接表示できず、特別な意味を持ちます。

タグは常に開始と終了に分かれたペアで表示されます。もちろん例外もあります。たとえば、<hr/><br/> は例外ではありません。タグで囲まれたものを要素と呼び、その要素に付加情報を加えるものを属性と呼びます。先頭に属性名、後ろに属性値が入ります。

もちろん、このように存在する場合も、属性<tag style="color:red">要素</tag>を持つ要素ですが、W3C（World Wide Web Consortium）がタグを定義しているため、ブラウザでは認識されません。HTMLマニュアルを参照してください。

HTML 学習: タグの使用に慣れ、CSS 属性スタイルを使用してページを美しくします。HTML タグには主に、テキスト、画像、リンク、リスト、表、フォーム、フレームのネストが含まれます。

HTML 構文では、次の 3 つの点に注意してください。1. HTML ドキュメントは上から下に読み取られます。2. タグはネストできます。3. HTML の基本構造は次のとおりです。

<html>
<ヘッド>
  ここに文書の冒頭があります...
  ...
</head>

<本文>
  ここに文書の本文があります...
  ...
</本文>
</html>

要約する

以上がエディターが紹介する HTML ウェブページの基本概念です。皆様のお役に立てれば幸いです。

<<: MySQL count(1)、count(*)、count(field)の違い

>>: JavaScriptカスタムオブジェクトメソッドの概要

CentOS 8 に Postfix メールサーバーをインストールして設定する方法

HTMLウェブページの基本概念の簡単な分析

CentOS 8 に Postfix メールサーバーをインストールして設定する方法

VMware CentOS 仮想マシンのインストールとネットワーク構成のグラフィックチュートリアル

CentOS6.8 は cmake を使用して MySQL5.7.18 をインストールします。

要素テーブルヘッダー行の高さの問題の解決

MySQL で UTF-8 エンコーディングを使用しないのはなぜですか?

Echatsチャートの大画面適応を実装する方法

mysqlタイムスタンプの使用

Vue.jsはカレンダー機能を実装します

MySQL 8.0.12 のインストールと設定方法のグラフィックチュートリアル (Windows10)

docker 環境でのデータベースバックアップ (postgresql、mysql) のサンプルコード

推薦する

ElementUIカスタムCSSスタイルが有効にならない問題を解決する

MySQLにおけるrow_numberの実装プロセス

MySQL テーブル結合クエリでグループ化と重複排除を実装する例

CSS はモバイル互換性の問題を解決するために 0.5px の線を実装します (推奨)

Win10 での MySQL 8.0.15 のインストールと設定のチュートリアル

MySQL の Like の概念と使用法の説明

HTML テーブルタグチュートリアル (3): 幅と高さの属性 WIDTH、HEIGHT

サーバーのDockerコンテナへのvscodeリモート接続を設定する方法

Linux における「!」の知られざる使用法のまとめ

DockerでGit環境を構築して構成するプロセス

高品質なウェブページのデザイン方法高品質なウェブページ（画像とテキスト）のデザイン経験

MySQLの場合の使用例分析

フロントエンド JavaScript でローカルあいまい検索機能を実装する方法の例

Vueは3段階のナビゲーション表示と非表示を実装します

jQueryはショッピングカート機能を実装します