HTML第一編<基礎編>


🚫 私はgooglingで勉強し、整理した知識に基づいてブログで整理しています.できるだけ出典にリンクしますが、漏れがあったらご了承ください!

1.HTML履歴


2.HTMLの構造


3.拡張ラベル


✅ 1. HTMLの歴史


HTMLを勉強するためにあちこち見ていましたが、ほとんどのところHTMLの歴史から書かれています.なぜHTMLの歴史を知るのですか?歴史を知ることでHTMLの過去、誕生の背景を知ることができるからです.なぜHTMLが必要なのかを丸暗記できなくても、どのような過程を経て現在のHTMLが誕生したのか、分からないこととは大きな違いがあると思います.
様々な変化を経て現在の姿になった理由を知れば,コードがなぜこのように記述されているのか,どのように記述されているのかを知ることができるからである.
出典:ウィキペディア(HTML)
一度クリックすると歴史がわかるので、具体的な歴史以外で重要だと思う部分だけ書くことにしました.

  • 1960年にインターネットが初めて登場し、用途は軍用ネットワークだった.

  • それから数年、インターネットは一部の研究所や軍用に使われ、一般人とは程遠い.

  • 1990年(1989年から1990年)にかけて、スイス粒子物理研究所は研究者がドキュメントを使用し、共有するためのシステムを制定した.

  • 研究チームは1990年末、このシステムをHTMLと命名し、ブラウザとサーバソフトウェアを発表した.

  • このチームが制定した基準は注目され、公衆(投資家とソフトウェア開発者)に知られている.

  • その後、W 3 C(グローバルインターネット連盟)が制定した基準が発展し、今日HTML 5が誕生しました.
  • ここまで整理できるようです.
    ここで注意しなければならないのは、なぜこのチームの技術が世界の注目を集めているのかということです.今でもそうですが、初期のHTMLは20個のラベルからなる非常に簡単な設計で、Webブラウザで目的のコンテンツをマークしやすく、ラベルという方法で形成されたHTMLは、非常に簡単で短い要素だけを使ってネットページを表現する最適化方法です.
    すなわち、タグ付けという方法は、コードをウェブページとして表す最適化された(少なくともこれまで)方法であり、この方法に基づいて完備された言語は(規約)現在のHTML 5である.
    🖐 HTMLはHyper Text Markup Languageの略で、ウェブデザインのための表記言語であることは分かっていますが.

    ✅ 2. HTMLの構造


    HTMLはとても簡単です.文法を10分も見られない.また、タグダウンロードと非常に似ているため、HTMLが分からなくてもgithubでタグダウンロードを書いたことがある人なら、すぐに慣れることができます.(もちろん、基本アプリ)
    HTMLが重要なもう一つの理由はPUBLIC DOMAINです.著作権が存在しないので発展した.

    HTML tag


    tagは名前を<>で包んで表現します.通常、starttagとendtagはペアで存在し、endtagは名前の前に/を付けて区切ります.
    <img> <br> <hr> 등과 같이 종료 태그 없이 시작 태그만을 가지는 태그를 
    빈 태그(empty tag)라고 합니다.

    種類


    100個を超えるすべてのタグを整理することができず、検索すればすぐに出てくるので、すべて頭の中に入れる必要はありません.基本的ないくつかの点を整理しましょう.
  • 濃い色表示法
  • <strong> </strong>
  • 下線
  • <u></u>
  • タイトル
  • <h1></h1> <h2></h2>...
  • 改行
  • <br> : 단순 줄바꿈   <p></p> : 문단 구분
  • 画像
  • <img src="파일경로">
  • ディレクトリ(list)
  • <li></li>
  • listの場合、list間の区別のためにuitagを親ラベルとし、このときuiとoiラベルを親ラベルとして使用することができ、oi:ordered list/ui:無秩序リストの略語と区別される.(前に数字をつけるのとつけないのとの違い)
  • それ以外にも複数のタグが存在していますが、背タグが負担だと思ったらリストのようにタグが何かの略語を探すと、脳に入りやすくなります.

    HTML要素構造(element)


    HTMLの要素には複数の属性(attribute)があり、この要素に追加の情報を提供します.これらの要素も開始タグで始まり、終了タグで終わります.

    注意事項は以下の通りです.

  • 属性はHTML要素で常に開始タグ内でのみ定義され、属性名と属性値で表されます.

  • 属性は常に小文字で記入されます.(HTML 5規格では、属性名は大文字と小文字を区別しない.)

  • 属性値には常に引用符が使用されます.(引用符は強制的に使用しませんが、エラーが発生する可能性があります.)(二重引用符、一重引用符は考慮されませんが、通常は二重引用符が使用されます.)
  • <img>タグのalt属性は、画像を読み込めない場合に、画像ではなく表示される文字列を設定することができる.
    これでhtml属性や親タグについての概念が頭の中で簡単に整理された.概念をもう少し拡張しましょう.ラベルでWebページのローカル要素を作成できるようになりました.大きなフレームワークを理解する必要があります.

    ✅ 3. 拡張タグ


    これまで学んだ内容を利用して簡単なサイトを作るのは何の困難もありません.ただし、検索エンジンに表示するには、titleを定義してWebサイトのタイトルを作成し、テキストが破損しないようにutf-8形式に設定します.
    <head> 
    </head>
    <body>
    </body>
    配布もします.
    ここからは文字整理よりもサンプル分析の方が役に立つので、次の文章では基礎編の内容について議論します.