ヘッドタグ

ヘッドタグは、ドキュメントのヘッドを定義するために使用されます。これは、すべてのヘッド要素のコンテナです。<head>の要素はスクリプトを参照できますが、ブラウザがスタイルシートを見つける場所です。ドキュメントの先頭には、ドキュメントのタイトル、Web上での位置、他のドキュメントとの関係など、ドキュメントのさまざまな属性と情報が記載されています。ドキュメントヘッダーに含まれるデータのほとんどは、コンテンツとして読者に表示されません。

ヘッドセクションでは以下のタグを使用できます

<タイトル>、<メタ>、<リンク>、<スタイル>、<スクリプト>。

<head>タグは、ドキュメントの先頭、<html>の直後、<body>タグの前に配置する必要があります。

ドキュメントの先頭には、多くの場合、ドキュメントに関する追加情報をブラウザに通知するための<meta>タグがいくつか含まれています。

タイトルタグ

ドキュメントのタイトルを定義できます。
ブラウザウィンドウのタイトルバーまたはステータスバーに表示されます。
タイトルウェブページに関連するキーワードを書くことはSEO最適化に役立ちます

メタタグ

通常、現在のWebページのいくつかの特別な属性を定義します
メタタグの属性を使用してページの特性を定義します
形式：<メタ属性1 = ''属性2 = ''> </ meta>

注：属性の値には、 ''または ""のいずれかを使用できます。

charset属性は、現在のページの文字セットを定義し、現在のページを解析する文字セットをブラウザに指示します

name属性は通常、現在のWebページの簡単な説明に使用されます。これは、検索エンジンの説明に基づいて現在のWebページを検索するのに便利です。

キーワードキーワード

著者著者

説明

<meta name ='keywords'  content = '段海涛，多易教育'/ >

<meta name ='author'  content = '娜娜老师'/ >

<meta name ='description'  content = '大学毕业后从事英语教育，但对于编程有着浓厚的兴趣，故自学老师视频，然后整理了相关的文档'/ >

http-equiv属性Webページが更新される秒数

<meta http-equiv ='refresh'  content = '5;http://www.51doit.com'/ >

リンクタグ

CSSスタイルを学び、外部CSSスタイルファイルを紹介します

スクリプトタグ

jsスクリプト言語を学び、スクリプト言語ファイルを紹介します

<！-備考：人々が見るためのヒント、表示されず実行されないコード->

コメントのショートカットは次のとおりです。テキストを選択し、ctr l + shift + /を押してコメントし、コメントをキャンセルします。

ボディタグ

タイトルタグ

<！-h1-6レベル6の見出し>

<h1>主标题内容</h1>

<h2>副标题内容</h2>

<h3>3号标题内容</h3>

<h4>4号标题内容</h4>

<h5>5号标题内容</h5>

<h6>6号标题内容</h6>

段落タグ

<！-

P段落タグpタグで囲まれたテキストは別の段落です

段落内に改行はありません

ラベルが配置されている場所で改行

段落間の改行

つまり、Pタグの各ペアは1行を占めます

<p>春回大地，万物复苏，一切都是最美好的景象</p>

<p>夏日炎炎，泳池无论是水还是美女都能让人感觉清凉</p>

<p>秋天给大地换上了金装，到处一片金黄<br/>

硕果磊磊，迎接丰收<br/>

秋叶扫地，化作春泥更护花</p>

タグのフォーマット

ドキュメントアドレス：h ttps：//www.w3school.com.cn/html/html_formatting.asp

書式設定タグのネスト

複数のフォーマットが同時に有効になります

ネストされた形式<big> 作成が簡単で、ブティックである必要があります </ big>

合理的な入れ子、一貫した入れ子

<b>多易出品，必属精品</b>              <br/>        <!--加粗--> 

<big>多易出品，必属精品</big>          <br/>        <!--变大--> 

<small>多易出品，必属精品</small>      <br/>        <!--变小-->

<em>多易出品，必属精品</em>            <br/>        <!--着重斜体-->

<i>多易出品，必属精品</i>              <br/>        <!--斜体-->

Log<sub>2</sub>n                      <br/>       <!--下标-->

2<sup>n</sup>                         <br/>       <!--上标-->

多易出品<del>，</del>必属精品           <br/>       <!--删除-->

多易出品<ins>_<ins>必属精品             <br/>       <!--插入-->

<font color = "red" size = "20">多易出品，必属精品</font>

<！-CSSを使用して、本文内のタグのスタイルをカスケードします->

<p style = "样式名：样式值；样式名：样式值">多易出品，必属精品</p>

<p style = "font-size：40px;font-family：'楷体';color:orange;text-decoration:underline>多易出品，必属精品</p>

文字エンティティタグ

リンク：https：//www.w3school.com.cn/html/html_entities.asp

特別なシンボルリンク：https：//www.w3school.com.cn/tags/html_ref_symboles.html

HTMLにとって特別な意味を持つ記号は、通常のテキスト形式で表示する必要があります。その後、文字エンティティをエスケープする必要があります。

<html>

    <head>

         <meta> charset = “utf-8”</meta>

    </head>

    <body>
    
         您好 <br/> haider

    </body>

</html>

上記の印刷内容は改行後のものです：hello haider

折り返したくない場合は、上記のリンクで<>の代表記号を見つける必要があります。具体的な操作は次のとおりです。

<html>

    <head>

         <meta> charset = “utf-8”</meta>

    </head>

    <body>
        
        <!--
        左右尖角号的字符实体一次为 &lt；&gt；
        空格的字符实体为 &nbsp；
        与符号字符实体为 &amp &lt;
        -->
         您好 &lt; br/ &gt; haider
        多易出品 &nbsp; &nbsp; &nbsp; &nbsp;必属精品
        &amp &lt;

        <!--
        其他特殊符号
        对于html 没有特殊含义
        但是又不好打出来的符号
         -->

    </body>

</html>

上記の知識はありますか？

もっと知りたい場合は、いつでもブロガーとコミュニケーションをとることができます~~~

より技術的なビデオを見るには、ステーションBのDuoyiEducationを検索してください。

教育ビデオの最も専門的なビッグデータフルセット

生産が簡単で、ブティックでなければなりません

HTMLでの頭と体のタグとその機能