01.HTMLとWebの基礎


Knowre Web Development Curriculumからインスピレーションを得て、フロントエンドの理解を独自の方法でまとめました.順序はwebdevcurriulumとは無関係です.

目的

  • HTML基礎知識
  • HTML


    HTMLはHypertext Markup Languageの略で、Webを構成する最も基礎的なコンポーネントであり、Webコンテンツの意味や構造を定義するために用いられ、通常CSS、Javascriptとともに使用されてWebページを表す.
  • Hypertext:参照(ハイパーリンク)により、読者はすぐにあるドキュメントから別のドキュメントのテキスト
  • にアクセスできます.
  • Markup:言語(出典:ウィキペディア)
  • HTMLでは、Webブラウザに表示される文章や画像など、さまざまなコンテンツを表示するために「マークアップ」を使用します.HTMLタグには、head、title、bodyなど、さまざまな「要素」が使用されています.など、いろいろな種類がありますが、すべての要素を背負う必要はありません.

    Web規格


    ネット上にも標準がある理由は産業標準の理由と似ています.各社が異なる部品を生産している場合は、互換性がないように、異なるブラウザが同じようにウェブサイトを表現できるように、現場で毎回チェックする必要があります.
    Webの規格には、標準化組織3 WCが推奨する規格に従ってウェブサイトを作成する際に使用するHTML、CSS、JavaScriptなどの規定が含まれており、最終的には、ウェブサイトに登録したユーザがどのオペレーティングシステムやブラウザを使っても同じ結果を見ることができるようにすることを目的としている.

    HTMLの構造


    htmlのドキュメント
    <html>, <head>, <body>, <div> ...
    同じラベルと要素で構成されています.
  • <>:ラベル
  • html, head...: 要素
  • <!DOCTYPE html>	
    <html lang="ko">
    <head>
      <title>HTML의 구조</title>
    </head>
    <body>
        <h1>제목</h1>
        <p>HTML의구조는 이런식으로 이루어져있다.
        </p>
      
    </body>
    </html>
    結果

    HTMLの要素

  • <html>:HTMLドキュメントの最上位レベルを表し、ルート要素とも呼ばれます.その他すべての要因は<html>の子孫であるべきである.
    ex) <html lang="ko">
  • <head>:HTMLの情報(メタデータ)を含む.
    ex)
  • <head>
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Document</title>
    </head>
  • <body>:HTMLドキュメントの内容を表すのは、1つだけです.
    ex) <body>안녕하세요</body>
  • <link>:外部リソース接続要素
    ex) <link href="main.css" rel="stylesheet">
  • 重要な要素を整理したいのですが...どうしても.という考えがありました.その他、さまざまな要素を特定する場合は、ここです。を参照してください.
    ソース
    https://github.com/Knowre-Dev/WebDevCurriculum/tree/master/Quest01
    http://www.smartebiz.kr/new/subpage02_02.html
    https://namu.wiki/w/%EC%9B%B9%20%ED%91%9C%EC%A4%80