百万年俸のpython道路 - HTMLベース

A.のWeb標準

Web標準:

  • W3C:World Wide Web Consortium(W3C)の組織、Web標準を開発するために使用される団体(団体)
  • Web標準:Webページの規範に従ってください
  • Web標準分類:構造基準、性能基準、行動基準。
  • 構造:HTML。彼は表します:CSS。行動:Javascriptを。

概要の説明:

  • 標準構造:人間の骨格に相当。HTMLはWebページを作成するために使用されます。
  • パフォーマンス基準:自分の服の同等。CSSはWebページの美化です。
  • 行動基準:人間行動の同等。JSは活力で、Webページを移動することです

 あなたが理解していない場合は、以下を参照してください

IMG

II。はじめブラウザ

プラットフォームを実行しているWebブラウザで、一般的に使用されるブラウザIE、Firefoxの(Firefoxの)、グーグル(クローム)、チーターブラウザ、Safariやオペラ

IMG

ブラウザのカーネル

ブラウザ カーネル
IE トライデント
クロム 点滅
Firefoxの ヤモリ
サファリ WebKitの

PS:「レンダリングエンジン」ブラウザで使用される「ブラウザカーネル」、ブラウザのレンダリングエンジンは、ページの情報コンテンツのフォーマットとどのようにページを表示するように決定されます。

概要:レンダリングエンジンが根本原因の互換性の問題です。

3. HTML入門

Webサービスの性質

import socket

sk = socket.socket()
sk.bind(("127.0.0.1", 8080))
sk.listen(5)
while True:
    conn, addr = sk.accept()
    data = conn.recv(8096)
    conn.send(b"HTTP/1.1 200 OK\r\n\r\n")
    conn.send(b"<h1>Hello world!</h1>")
    conn.close()

要求元のブラウザ - > HTTPプロトコルは - >サーバがリクエストを受信 - >レスポンスがサーバから返された - >ブラウザにサーバーHTMLファイルの内容は - >ブラウザがページをレンダリング

HTMLとは何ですか?

HTMLはHTMLに変換、ハイパーテキストマークアップ言語の略で、それはプログラミング言語ではありません、表示ハイパーテキストコンテンツを記述するための記述のマークアップ言語です。そのようなフォント、色、サイズなどです。

  • ハイパーテキスト:ハイパーテキストと呼ばれるオーディオ、ビデオ、写真、。
  • タグ:タグと呼ばれる<英語の単語や文字>、HTMLページは、様々なマーカーから構成されています。

役割:HTMLドキュメントが記述するための責任がある意味論言語のを。

注意:HTMLはプログラミング言語の言語(コンパイルプロセスがある)ではありませんが、マークアップ言語なしコンパイル)、直接ブラウザからHTMLページが実行解析します。

HTML只是负责描述文档语义的语言,在html中,除了语义,其他什么都没有。

htmlファイルを記述したテキストラベルのいくつかと、プレーンテキスト(拡張子から変更によるtxtファイル)であるセマンティックを

用語のHTMLネットワーク

  • ページ:ページから種々の標識からのページが呼び出されます。
  • ホーム(ホーム):スタートページまたはナビゲーション・ページのURL、index.htmlをと呼ばれる通常のホームページのhtmlファイル
  • タグ<H1>と呼ばれ、開始タグ、

    終了タグとも呼ばれるタグと呼ばれ、各タグは、特定の意味を定められました。
  • 要素:<H1>要素
  • プロパティ:各タグの補助情報、例えば:

    要素

    名前は属性名で、P1プロパティの値です。

HTML構造が分割され

  • 宣言セクション:主な役割は、どの規格このページを使用するようにブラウザを伝えることです。HTML5が標準です。
  • ヘッド部:いくつかの余分な情報のページには、サーバーに指示します。これは、ページ上に表示されません。
  • 体の部分:私たちが書いたコードを表示する必要があるが、このタグ内に配置する必要があります。

HTMLの仕様

1.すべてのラベル要素を適切に入れ子にする必要があり、ネストが交差することはできません。正しい言葉遣い例:<h1><font></font></h1>

2.すべてのタグは小文字でなければなりません。

3.すべてのタグを閉じていなければなりません。

  • 二国間のマーク:<span></span>
  • 片側マーク:<br>に変わり<br /> <hr>に向ける<hr />だけでなく、<img src=“URL” />

4.すべての属性値は引用符で囲む必要があります。<H1 ID = "ヘッド">

5.すべての属性が値を持っている必要があります。<input type = "text" NAME = "ユーザ名">

HTMLの基本的な構文

1.ラベルは厳密に閉じる必要があります
<html></html>
<br />
2.複数のスペース、改行、タブは意志と空間に

すべてのHTML テキストの間には、スペース、改行がある場合、タブが空白表示に折り畳まれます。

3.ラップに敏感とタブません

唯一のネストされた関係の構造をネストされたHTMLタグを気に。誰が、無関係なタブを誰、と改行を入れ子になった人を、ネストされました。変更なしライン、タブでないタブの場合は、ページの構造に影響を与えません。

4. HTML構造

新しいHTMLファイル、入力HTML:5、Tabキーを押して、次のように、自動生成されたコードは次のとおりです。

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

4.1ドキュメントは頭と述べています

任意の標準的なHTMLページ、最初の行がするために必須です

<!DOCTYPE html>

行の先頭には、DTDと呼ばれる第1の文書宣言、DOCTYPE宣言です。このタグは、ブラウザのHTMLやXHTMLの仕様ドキュメントの使用を指示します。

4.2ラベル(ヘッド)

ヘッドタグは、ヘッド部分との間に配置されています。それは含まれています:<タイトル>、<メタ>、<リンク>、<スタイル>

  • < title>:全体のページタイトルがブラウザの上部に表示されて指定します。

    どのようなメインは、主にユーザーと検索エンジンにこのページを伝えるために使用されていることはすぐに現在のページのテーマを決定することができ、検索エンジンのページのタイトルです。

     < title>路飞学城</title>

    結果は以下の通りであります:

    IMG

  • < meta>:ページに関する基本的な情報を提供します

    要素は、検索エンジンの更新頻度とキーワードのページ(マタ情報)、および説明に関するメタ情報を提供します。

    ラベルは、任意のコンテンツが含まれていない文書の上に位置しています。

    ユーザーによって提供される情報は表示されません。メタタグからなる:metaタグには2つの属性があり、彼らはHTTP-当量と名前属性である、異なる属性が異なるパラメータ値を持って、これらの異なるパラメータ値が異なるページ機能を実現しています。

    一般的なメタタグ:

    #####のhttp-equiv属性

    正しく内容が実際に各パラメータ値の変数の内容で、Webページのコンテンツを、対応する属性値のコンテンツを表示するブラウザのヘルプブラウザに有用な情報を伝えるために使用されます。

    <!--重定向 2秒后跳转到对应的网址,注意分号-->
    <meta http-equiv="refresh" content="2;URL=http://www.luffycity.com">
    <!--指定文档的内容类型和编码类型 -->
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <!--告诉IE浏览器以最高级模式渲染当前网页-->
    <meta http-equiv="x-ua-compatible" content="IE=edge">

    ##### name属性

    主キーワードとページの説明については、検索エンジンを確認するために書かれて、それに対応する間隔を置いた、コンテンツの属性値「」数と複数のキーワードがあってもよい、主コンテンツのコンテンツは、検索エンジンを容易にすることですロボットは、情報や機密情報の使用を見出します。

    < meta name="Keywords" content="网易,邮箱,游戏,新闻,体育,娱乐,女性,亚运,论坛,短信" />

    これらのキーワードは、検索ヒットを向上させることができ、ウェブサイトをやっている、検索エンジンに伝えることです。だから他の人があなたを見つけることができ、検索。

    < meta name="Description" content="网易是中国领先的互联网技术公司,为用户提供免费邮箱、游戏、搜索引擎服务,开设新闻、娱乐、体育等30多个内容频道,及博客、视频、论坛等互动交流,网聚人的力量。" />

    ただ、説明ページの説明を設定し、その後、Baiduの検索結果は、これらの文を表示することができ、この技術は呼ばれているSEO(検索エンジン最適化、検索エンジン最適化)。

    結果は以下の通りであります:

    IMG

    
    < meta name=viewport content="width=device-width, initial-scale=1">

    このラベルの上に、それは私たちのウェブサイトは、携帯端末、モバイルデバイスの優先順位をサポートすることです(理解します)

  • < link>:文書と外部リソースとの間の関係の定義。

  • < style>:内部ページとスタイルシートとの間の関係の定義

拡張子:HTML色表現

色表現

  • 純粋な単語表現:赤、緑、青、オレンジ、グレーなど
  • 10進数:RGB(255,0,0)
  • 進します。#FF0000、#0000FFを、#00FF00など

RGBカラーモード

  • すべての色の性質は、赤、緑、一般に3つの原色の原理として知られている波長の組合せによって得られる3つの異なる色の青(RGB)の強度とすることができます。
  • 我々は、異なる波長の光が加算されて置くとき、彼らは異なる混合色を得ることができるので、RGB RGBはまた、加法カラーモデルと呼ばれています。例:イエロー=赤+緑、赤+青=紫、緑、青=緑+
  • デジタルビデオでは、RGBの3つの原色が各8ビットエンコーディングが色の約1678万種類を構成し、これは、私たちはしばしば、真の色と言うものです。すべてのディスプレイデバイスは、RGBカラーモードで使用されています。
  • 各RGB 256(0-255)明るさ、色の約1678万種類の組成物全体のRGBカラー256、即ち、256×256×256 = 16777216。

HTMLカラーコード表

おすすめ

転載: www.cnblogs.com/zhangchaoyin/p/11493676.html