勉強しておく

4083 ワード

HTMLの学習
HTMLとは?
ハイパーテキストタグ言語の略語
ハイパーテキストを主な特徴とする寸法形式の言語.
ラベルは最も重要な文法です.
タグには、開いているタグと閉じているタグがあります.
開いているラベルは<>シェイプ、閉じているラベルは<>シェイプです.
タグには属性があります.
属性は名前によって機能が異なります.
属性の順序は関係ありません.
開いているラベルに記入します.
ラベルは重ねて使用できます.
htmlのドキュメントはヘッダとボディに分かれています.
タイトルには本文以外の内容が含まれています.
title、style、script、metaなど.
本文には本文の内容が含まれています.
CSSを勉強する
CSSはWebの設計に便利です.
一度に複数の要素を指定して処理できるので便利です.
CSSはheadタグ内のstyleタグに作成されます.
cssの構文はセレクタと宣言子で構成されています.
選択者はcssを適用するhtmlの要素を指します.宣言子はセミコロン(;)中かっこに含めます.
CSSセレクタ
スタイルを適用するHTML要素を示す選択者は4種類.
HTML要素セレクタ
cssを適用するターゲットとしてHTMLの要素名を直接使用します.この場合、コンテンツはすべての要素に反映されます.
アイデンティティーセレクタ
アイデンティティを指定すると、Webページに含まれる要素の中から特定のアイデンティティ名を持つ要素のみが選択されます.
重複IDを作成して使用すると、エラーが発生する可能性があります.
クラスセレクタ
クラスセレクタは、特定のセット内の複数の要素を一度に選択するために使用されます.
例えば、りんごという要素には、色、形、質感、においなどが含まれる可能性があります.
クラスを宣言するときは、クラスの名前の前にします.貼ってこそ、等級と見なすことができる.
グループセレクタ
複数のセレクタを同時に使用
CSSの適用方法
全部で3つの方法があります.
1.インラインスタイル
インラインスタイルは、本体のhtml要素の内部でstyleプロパティを使用してcssスタイルを適用する方法です.
ex)
<h2 style="color:green; text-decoration:underline">

    인라인 스타일을 이용하여 스타일을 적용하였습니다.

</h2>
この方法の変更は非常に困難で、必要に応じてのみ使用することをお勧めします.
2.内部スタイルシート
HTMLドキュメントのheadタグにstyle takeを使用して記述します.
ex)
<style>

    body { background-color: lightyellow; }

    h2 { color: red; text-decoration: underline; }

</style>
この場合、対応するHTMLドキュメントでのみ使用できます.
3.外部スタイルシート
外部スタイルシートを使用すると、1つのファイルでWebサイト全体のスタイルを変更できます.
これらのスタイルシートファイルは、[外観]で作成されます.css拡張子を使用して保存します.
スタイルは、スタイルを適用するWebページのheadラベルにリンクラベルを使用して外部スタイルシートを含む場合にのみ有効です.
ex)
<link rel="stylesheet" href="/examples/media/expand_style.css">
スタイル適用の優先度
1.インライン
2.内部/外部
3.Webブラウザのデフォルトスタイル
優先適用
内部スタイルと外部スタイルで、最後のスタイルシートに適用します.