HTML学習12：headタグ_html/css_WEB-ITnose、その他一般的なタグ-htmlチュートリアル-php.cn

HTML学習12：headタグ_html/css_WEB-ITnose、その他一般的なタグ

WBOY

リリース： 2016-06-24 11:34:19

オリジナル

906 人が閲覧しました

head タグはヘッダー部分の間に配置されます。含まれるもの: title タグ、base タグ、meta タグ、link タグ、style タグ、script

タグ (このタグは本文部分にも配置できます)。 T & lt; title & gt; label

& & lt;/tilte & gt; ブラウザのタイトルバーの内容を表示する機能です。 head タグに含める必要があるのはこれだけです。

<html>       <head>       <title>这是我的第一个网页</title>              </head>         <body>             </body></html>

ログイン後にコピー

ブラウザによって表示される結果は次のとおりです:

2 タグ

link タグは、ドキュメントと外部リソースの間の関係を定義するために head に配置する必要があります。たとえば、スタイルシートをリンクし、スタイルファイルを導入します。

href 属性: リンクされたドキュメントのアドレス。

rel 属性: 現在のドキュメントとリンクされたドキュメントの間の関係を説明します。

Type 属性: リンクされたドキュメントのタイプを指定します。

Media 属性: リンクされたドキュメントが動作するデバイス、つまりドキュメントが表示されるデバイスを指定します。

HTML コード:

<html>       <head>       <title>这是我的第一个网页</title>       <link rel="stylesheet" style="text/css" href="a.css" />       </head>         <body>       <p>这是一个段落</p>       </body></html>

ログイン後にコピー

‐ out ‐ ‐ ‐ down‐ ,

方法 1: favicon.ico は Web サイトのルートディレクトリに配置されます。通常、大規模および中規模の Web サイトに適しています。

方法２：head内に配置し、リンクタグを使って紹介します。通常、小規模な Web サイト、個人のブログ、その他の Web サイトに適しています。

デモ: re

/* CSS Document */p {background-color:#000000;color:#FF0000;}

ログイン後にコピー

E CSS コードは上記と同じです。

：結果は次のようになります。

& & gt; ラベル

を head に配置する必要があります。

href 属性: Web ページ内のすべてのハイパーリンクのディレクトリを指定します。ローカルディレクトリまたはネットワークディレクトリにすることができます。ディレクトリを示すには、値の末尾に / を使用する必要があることに注意してください。相対パスを持つハイパーリンクされたファイルでのみ機能します。デフォルトのリンクアドレスを定義します。

ターゲット属性: ハイパーリンクを開くデフォルトの方法を指定します。たとえば、_blank は、すべてのハイパーリンクが新しいウィンドウで開かれて表示されることを意味します。

<html>       <head>       <title>这是我的第一个网页</title>       <link rel="stylesheet" style="text/css" href="a.css" />       <link rel="shortcut icon" type="imag/x-icon" href="5.jpg" />       </head>         <body>       <p>这是一个段落<p>       </body></html>

ログイン後にコピー

ブラウザによって表示される結果は次のとおりです:

4 つのタグ:

その機能はページに関するメタ情報を提供することであり、その属性はドキュメントに関連付けられたメタ情報。名前と値のペア。

http-equiv 属性: content 属性を HTTP ヘッダーに関連付けて、HTTP プロトコルの応答メッセージヘッダーをシミュレートします。

http-equiv に関するその他のコンテンツ:

Name 属性: content 属性を Web ページの名前および説明情報に関連付けます。キーワードを取得する場合、content 属性の内容が検索エンジンの検索キーワードとして使用されます。

サンプル画像:

スキーム属性: content 属性値の変換に使用される形式を定義します。これは一般的には使用されません。上記の总总

<html>       <head>       <!--link标签链接外部样式表-->       <link rel="stylesheet" type="text/css" href="a.css" />       <!--link标签链接标题栏图标-->       <link rel="shortcut icon" type="imag/x-icon" href="5.jpg" />       <!--base标签链接默认地址，指定默认打开方式-->       <base href="https://www.baidu.com" target="_blank" />       <title>这是我的第一个网页</title>       </head>         <body>       <p>这是一个段落</p>       <a href="">百度一下，你就知道</a>       </body></html>

ログイン後にコピー

の合計 HTML コードは、機能表示のみがサーバー側にアップロードされ、SEO 検索が最適化されると、対応するコンテンツが表示されることを示しています。 T l & &

はheadに配置され、HTML文書のスタイル情報を定義します。これについては CSS で詳しく説明します。スタイル属性:

メディア共通属性:

htnl コード:

スクリプト& gt; タグ:

は head に配置することも、body に配置することもできます。クライアントスクリプトまたはインポートスクリプトを定義します。 JavaScriptで詳しく説明します。 P i スクリプトの属性内容:

🎜 🎜 🎜 🎜🎜 🎜🎜 🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜

。

著作権声明: この記事はブロガーによるオリジナルの記事であり、ブロガーの許可なく複製することはできません。