TIL(2021.01.21)



HTML

  • ハイパーテキスト表記言語(HyperText Markup Language)の略語は、タイトル、段落、リストなどのテキストに構造化の意味を提供するだけでなく、リンク、参照、その他の項目で構造化ドキュメントを作成する方法も提供します.
  • デフォルトでは、HTMLはタグの集合
  • を表す.
  • self-clostingtag:例外的に、自動的に開いたり閉じたりするタグがあります.ex)<img /> <input />
  • HTML構造は、親と子のツリー構造を有する.ex)
  • <html> 
     <head>
       <title></title>
     </head>
        <body>
       
     </body>
    
    </html>
    

    HTML Achievement Goals

  • HTMLがmarkup言語であることを理解できるかどうか.(o)
  • 自分の言葉で「構造を表す言葉」の意味を表現できるかどうか.(o)
  • HTMLの構造と構文を理解して適用できるかどうか.(o)
  • opengtag、clostingtag、self-closstingtagについて知っていますか.(o)
  • は、一般的に使用されるHTML要素(要素)を理解し、それらの違いを説明しているかどうか.(o)
  • div、spanは何ですか.違いは何ですか.(o)
  • ul、ol、liは何ですか.いつ使いますか.(o)
  • inputタイプを設定して、異なるタイプの入力を利用できるかどうか.(o)
  • HTMLを動的Webアプリケーションの構造として記述できるかどうか.
  • 簡単なWebプランをHTMLドキュメントとして表示できるかどうか.(o)
  • id、classは、人やコンピュータが読みやすいHTMLドキュメントを作成するために使用できるかどうか.(o)
  • HTML 5の意味タグは、人とコンピュータが読みやすい可視化HTMLドキュメントを作成するために使用できるかどうか.(o)
  • CSS


  • 積層スタイルシート(CSS)は、Webサイトのページにスタイルを追加する柔軟な方法を提供します.CSSはページの外観に適用され、フォント、色、レイアウト、その他のプレゼンテーション機能を定義できます.

  • CSSの構文


  • CSSの使い方は3つあります.
    - 1. 行内スタイルシート
    - 2. Embedded Style Sheet、内部スタイルシート
    - 3. 外部スタイルシート
  • <link rel="stylesheet" href="style.css" /> 외부 스타일 시트를 추가 하는 방법

    CSS Achievement Goals

  • CSSのターゲット(o)
  • フロントエンド開発者の素質()
  • を理解できるかどうか
  • CSSの基本構文と構造(o)
  • を理解する
  • CSSをHTML(o)
  • に適用する方法について
    CSS(o)
  • をHTMLで直接定義することを推奨しない理由
  • idおよびクラスに関連するセレクタ規則(o)
  • を理解しているかどうか
  • CSSがテキスト(o)
  • をサポートするかどうか
  • CSSで使用する2単位が理解できるかどうか()
  • どの単位がどのような状況(三角形)に適しているかを知る
  • CSS box型番(詳細図)
  • box model
  • width, height (o)
  • margin, padding, border (o)
  • ボックスのサイズを測定する2つの基準()
  • が理解できるかどうか
    レポートサイト(
  • MDNまたはw 3 schoolなど)を使用してCSSプロパティ(o)
  • を検索および使用できますか?