HTML/CSSの場合


HTMLとは?


HTML  : (Hyper Text Markup Language) : Webを構成する最も基本的なコンポーネントで、Webコンテンツの意味と構造を定義します. HTMLはプログラミング言語ではありません.コンテンツ構造の寸法言語を定義します.
<h1> 안녕하세요 </h1>
  • が開いているラベル(opengtag):要素の名前で構成され、左の括弧で囲まれています.ここで言うのは<h1>です.
  • 終了フラグ(終了フラグ):要素名の前に/(スラッシュ)が含まれます.これは要素の終了を表します.</h1>という意味です.
  • コンテンツ(コンテンツ):要素のコンテンツ(コンテンツ).例では、「こんにちは」に相当します.
  • 要素(要素):開くタグと閉じるタグ、および内容を表します.例では、<h1>안녕하세요</h1>
  • また、要素には属性があります.
    <p class="creat"> 이것은 예제입니다 </p>
    以上のようにclass="create"に対応する部分は属性(Attribute)である.後でclassプロパティを指定して、スタイルやその他の情報を設定するときに使用できる識別子を指定できます.

    <属性を書き込む際に注意すべき事項>


  • 要素名(または、要素がすでに1つ以上の属性を持っている場合は、前の属性)と プロパティの間にスペースがあるはずです.

  • 属性名の後ろに等号(=)が必要です.3.属性値の前後で開く、閉じる 引用符(「」または「」)が表示される必要があります.また、要素を他の要素に配置し、要素に配置することもできます. ネストと呼ばれます.
  • <p> It <strong>is</strong> working. </p>

    空の要素


    サブノードの要素を持つことはできません.
    <area><base><br><col>
    <embed><hr><img><input>
    <keygen><link><meta><param>
    <source><track><wbr>

    CSSとは?


    CSS:Webページを修飾する際に作成されるコード.HTMLなど CSSはプログラミング言語ではありません. マークアップ言語でもない. スタイルシート言語.
    p {color : red;}
    構造全体をrule setと呼びます.(ruleと略す)
  • セレクタ:ルールセットの一番前のHTML要素名.例ではpに相当する.宣言(declaration):color:redなどの単一のルール.修飾する要素のプロパティを指定します.
  • プロパティ(プロパティ):指定したHTML要素をどのように修飾するか.例ではcolorに相当します.属性値(property value):属性の右側にあるredはcolorの属性値の1つです.
  • ルールセットは、カッコで囲まれている必要があります.
  • の各宣言では、コロンを使用します.各属性を対応する値と区別します.
  • の各ルールセットでは、各宣言を次の宣言にセミコロンで区別します.使うべきです.
  • 例は次のとおりです.
    p {
    	color : red;
    	width : 500px;
    	heigth : 200px;
    	border : 1px solid black;
    }
    要素の複数のタイプを選択し、ルールセットを適用することもできます. 複数の要素を選択するには、カンマで区切る必要があります.
    p,h1,li {color: blue;}