02頭のラベル

ラベルの頭には、ブラウザで彼は、サーバーのページを言うだろういくつかの追加情報が表示されません。ヘッドタグは、次のタグが含まれています。

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

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

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

  <スタイル>:Webページへの内部スタイルシートとの間の関係を定義します

1、タイトルタグ                     

ユーザーがすぐにページを表現するために、テーマを決定することができ、ユーザーと検索エンジンのページのタイトルを指示します。

1 <!DOCTYPE HTML>
 2 <HTMLのlang = " EN " >
 3 <ヘッド>
 4      <メタのcharset = " UTF-8 " >
 5      <タイトル>流浪者</タイトル>
 6 </ HEAD>
 7 <BODY>
 8  
9  
10      
11 </ BODY>
 12 </ HTML>

 

 

2、メタタグ                      

メタタグは、異なる機能のページを達成するために2つの属性、すなわち、HTTP-equiv属性名と異なる属性、異なるパラメータ値に対応する異なるパラメータ値を持っています。

HTTP-equiv属性

  

<!DOCTYPE HTML>
<HTML LANG = " EN " >
<ヘッド>
    <メタ文字セット= " UTF-8 " >
    <タイトル>バーン</ TITLE>
    <! - リダイレクト - >
    <<メタHTTP-当量= " リフレッシュ"コンテンツ= " 3; URL =のhttp://www.baidu.com " />
    <! - コンテンツ・タイプとエンコードタイプ指定された文書 - >
    <META HTTP-当量= " Content-Typeの"コンテンツ= " text / htmlの;のcharset = UTF-8 " />
    <! - 最高のモードページをレンダリングするためにIEブラウザを教えて - >
    <メタHTTP-当量= " X-UA-互換"コンテンツ= " IE-エッジ" />
</ head>の
<身体>


    
</ BODY>
</ HTML>

 

name属性

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

<!DOCTYPE HTML>
<HTML LANG = " EN " >
<ヘッド>
    <メタ文字セット= " UTF-8 " >
    <タイトル>バーン</ TITLE>
    <! - キーワード - >
    <メタ名= " キーワード"コンテンツ= " 網易、電子メール、ゲーム、ニュース、スポーツ、エンターテイメント、女性、アジア大会、フォーラム、SMS " />
    <! - ページ記述情報 - >
    <META NAME = 説明コンテンツ= " 網易は、無料の電子メール、ゲーム、検索エンジンサービス、ニュースの作成、30の以上のコンテンツチャンネルやエンターテイメント、スポーツ、ブログ、ビデオ、フォーラムをユーザーに提供するために、中国の大手インターネット技術企業ですおよびその他のインタラクティブな交流、王チュ人の力。 /> 
   <! -エンドのモバイルサポート- >
   <メタ名=ビューポートのコンテンツ=」幅=デバイス幅、初期スケール= 1「>

</ head>の <身体> </ BODY> </ HTML>

 

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

 3、リンクタグ                        

リンクタグは、外部リソースへのリンクのために、彼はまた、CSSコードをインポートすることができますページのタイトルに対応するアイコンアイコンの上を設定することができます。

。1 <!DOCTYPE HTML>
 2 <HTML LANG = " EN " >
 3。 <ヘッド>
 4。      <メタ文字セット= " UTF-8。" >
 5。      <タイトル>バーン</タイトル>
 6。      <! -はじめにページのタイトルアイコン- - >
 7      <リンクのrel = " ショートカットアイコン"のhref = " C:Users \ユーザー23694 \デスクトップ\新しいフォルダ\ \メンバー1.png " >
 8      < -導入CSS、装飾ラベル- >!
 9      <リンクのrel = スタイルシートタイプの= "テキスト/ cssの" HREF = "C:23694 \ PycharmProjects \ \ユーザーは \ クラスコード上の古い少年フルスタックの開発パイソン15 \ 1-40 \ s15day36 \を\ day36 \ index.css " >
 10 </ head>の
 。11 <身体>
 12は 
13である 
14      
15 </ボディ>
 16 </ HTML>

4、スタイルのラベル                   

スタイルタグは、HTMLの文書構造美化です。

1 <!DOCTYPE htmlの>
 2 <HTMLのlang = " EN " >
 3 <ヘッド>
 4      <メタのcharset = " UTF-8 " >
 5      <タイトル>流浪者</タイトル>
 6      <スタイル>
 7          H2 {
 8              色:青;
9          }
 10      </スタイル>
 11 </ HEAD>
 12 <body>
 13  
14  
15      
16 </ BODY>
 17 </ HTML>

 

 

 

                                                          著者:レンジャーズ

                                                          日付:2019年8月30日

おすすめ

転載: www.cnblogs.com/897463196-a/p/11434285.html
おすすめ