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カスタムオブジェクトメソッドの概要

Windows 10 64 ビット版に MySQL 5.6.35 をインストールするためのグラフィックチュートリアル

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

Windows 10 64 ビット版に MySQL 5.6.35 をインストールするためのグラフィックチュートリアル

HTMLセマンティクスと関連するフロントエンドフレームワークの詳細な分析

MySQLに絵文字表現を保存する詳細な手順

JS での Reduce() メソッドの使用の概要

Facebook 出会い系サイトデザインのユーザーエクスペリエンス分析

CSSスタイルは、テキストが長すぎる場合に省略記号を表示する問題を解決します

Vue2.0の双方向データバインディング原則を手動で実装する

MySQL の自己結合重複排除に関する注意事項

Tomcat マルチインスタンスの展開と構成の原則

MySQL explain クエリ命令情報の取得原理と例

推薦する

Linux ファイアウォール設定の詳細な手順 (yum ウェアハウス設定に基づく)

MySQL におけるさまざまな一般的な結合テーブルクエリの例の概要

Centos7.3 に mysql5.7.18 をインストールするための詳細なチュートリアル

JS で列挙をシミュレートする方法

ミニプログラムにより、製品属性の選択や仕様の選択が可能

Alibaba Cloud Server Tomcatにアクセスできません

Windows10 mysql 8.0.12 非インストール版設定起動方法

ウェブサイトのBGM実装方法

Vueプロジェクトがグラフィック検証コードを実装

DIV と画像の水平および垂直の中央揃えは複数のブラウザと互換性があります

レスポンシブなアコーディオン効果を実現するための CSS3 の詳細な説明

CSSリストのスライドにより、下部に隠れるのを防ぎ、長い画面モデルの処理に適応します。

Vue モバイル開発で better-scroll を使用するときにクリックイベントが失敗する問題の解決策

CSS 等高レイアウトの一般的な方法

Angularルーティングアニメーションと高度なアニメーション機能の詳細な説明