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)を検索および使用できますか?
Reference
この問題について(TIL(2021.01.21)), 我々は、より多くの情報をここで見つけました
https://velog.io/@hangoook/TIL2021.01.21
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol