roadmap HTML (1. Learn the basics)


🎈HTMLとは?


HTML(Hypertext Markup Language)は、Webページとそのコンテンツを構造化するためのコードです.

📃 概要

  • HTMLはプログラミング言語ではありません
  • HTMLは、特定の方法で表示または動作するために、コンテンツの複数の部分をバンドル、ラップ、またはタグするための一連の要素から構成される.
  • を囲むtagは、コンテンツをハイパーリンクとして作成し、他のページに接続して単語などを斜めに表示することができる.
  • 📝HTML要素


    元素分析



    三つの要素に分ける.

  • オープンタグ(Opening tag):左カッコ(<)と右カッコ(>)で囲まれた要素の名前.開いているタグは、要素が適用を開始するか、適用を開始する場所を示します.

  • コンテンツ(content):要素の内容

  • 終了タグ:要素名の前にスラッシュ(/)が含まれます.要素の終わりを表す場所.
  • オーバーラップ要素

  • オーバーラップ:エレメント内のエレメントを配置できます.


  • veryがbold体として強調表示されているのが見えます.このオーバーラップを使用する場合は,pを開く,強く開く,強く閉じる,pを閉じるように,内部と外部のマーキング順序に重点を置く.

    空の要素

    <img src="/images/firefox-icon.png">
    すべての要素は、タグのオン、コンテンツ、およびオフのモードに従いません.上記の例に示すように、単一のタグからなるいくつかの要素が存在します.

    📝要素の属性



    プロパティには、コンテンツに表示されていない要素に関する追加情報が含まれます.
    属性は次のとおりです.
  • 要素名
  • 属性名の後の等号
  • 属性値
  • 、引用符と引用符(「ex」)を含む
    存在する必要があります.

    📝HTMLドキュメントの解析



    .htmlドキュメントエディタで!入力後、tabキーを押すとhtmlドキュメントボックスが自動的に記録されます.上図のように.よく尋ねる.

  • !DOCTYPE html:ドキュメントのタイプを定義し、ブラウザにドキュメントのバージョンを伝える宣言です.この文書がHTML 5で書かれていることをお知らせします.

  • html:ページ全体のすべてのコンテンツをパッケージするルート要素.

  • head:ドキュメントに関する情報であるメタデータのセットを定義します.

  • meta charset="utf-8":mataラベルにcharsetプロパティを追加し、ファイルを符号化するときに対応する文字コードとして情報を指定します.国際化時代には、符号化を多言語にするためにutf-8に指定することが推奨されている.

  • title:ロードしたブラウザタブに表示されるページのタイトルを設定します.また、ブックマーク/お気に入りページの場合は、説明ページに使用します.

  • body:ブラウザの画面に見えるものは主に入ります.例えば、テキスト、画像、ビデオ、ゲーム、再生可能なトラックなどである.Webユーザーがページにアクセスしたときに表示されるすべてのコンテンツが含まれます.
  • 📝接続(リンクの追加)


    段落内のテキストをリンクするにはどうすればいいですか?



    アンカーポイントの略称「a」要素にhref属性を付与します.引用符にリンクするURLを入力します.

    リファレンス


    MDN HTML basics