HTML/CSS/JS Ch 5~6. HTMLの概要、タグ付け


CH05.

요소(Element)
  • <태그> 내용 </태그>
    <시작(열린)태그> 내용(Contents) <종료(닫힌)태그>
  • 부모와 자식 요소
    <태그><태그>내용</태그></태그>
    
    <태그> -> 부모태그
    	<태그>내용</태그> -> 자식 태그
    </태그>
  • 親は親(先祖)要素
  • 子は子(子孫)要素
  • である.Empty 태그
    <태그>  --> HTML 1/2/3/4/5
    or
    <태그/> --> XHTML/HTML5
    태그 속성
    기능의 확장
    
    <태그 속성="">내용</태그>
    속성: Attribute
    값: Value
    
    ex) <img/>
    <img src="./cat.jpg" alt="고양이"/>
    
    대부분의 empty 태그는 속성과 값이 필요하다
    글자와 상자要素を画面に出力するプロパティ
  • 行内(インライン)
    1. 造字要素
    2. エレメント水平スタック
    3. 改行時にスペース
    4. スタイル要素でサイズを指定できません
    5. 左右の余白は指定できますが、上下の余白は指定できません.
    6. サブエレメントにブロックエレメント
  • を含めることはできません.
  • ブロック
    1. ボックスを作成する要素
    2. コンテンツを含むサイズに自動的に縮小
    3.  垂直スタック要素
    4.  幅は親要素のサイズに自動的に増加します
    5.  コンテンツを含むサイズに自動的に縦幅を縮小
    6. スタイル要素を使用してサイズを指定できます
    7.  左右、上下外部/内部を指定可能
    8. サブエレメントには、ブロックエレメント
  • が含まれる場合があります.

    Ch06.

    B is BLOCK Element I is INLINE Element
  • <div></div> BDivision
    特別な意味で区別されない要素
  • <h1>~<h6></h1>~</h6> BHeading
    見出し要素
    数字が小さいほど、タイトルが重要になります.
  • <p></p> BParagraph
    文の意味
  • <img/> IImage
    画像の要素を挿入
    必須プロパティ:src(パス)、alt(名前)
  • <ul></ul> BUnordered List
    シーケンスリストなしのコレクション
    プロジェクトには<li>Bマークがあります
  • <a></a> IAnchor
    異なる/同じページを移動するハイパーリンクを指定
    属性:href:urlをリンクし、target:表示位置
    target:blank=新しいタブ
  • <span></span> I特別な意味で区別されない要素
    テキスト範囲を特定するときによく使用されます
  • <br/> Ibreak
    改行要素
  • <input/> I-B行内要素としてのBlock要素
    水平スタック(inlineなど)、水平スタック(Blockなど)、または水平および左右の余白を指定できます.
    ユーザー入力データの要素
    属性:typetypeValue:予め入力した値
    placeholder:ユーザーが値を入力するヒント
    disabled:入力要素の無効化
    checkbox:checkオプションを入力し、選択した場合はdefault
    radio:<label>とともに1つのグループのみを受信
  • <label></label> Iラベル可能要素のタイトル
    ex)inputタグの値を指定する
  • <table></table> Table 요소表要素、行および列のセット
  • <tr></tr> Table 요소tabel row
  • <td></td> Table 요소table data
  • <table>
    	<tr>
        	<td>A</td><td>B</td>
        </tr>
        <tr>
        	<td>C</td><td>D</td>
        </tr>
    </table>
    전역속성
  • title要素を指定する情報または説明
  • <태그 title="설명"></태그>
  • style要素に適用するスタイル
  • を指定します.
    <태그 style="스타일"></태그>
  • class要素を指定するための重複可能な名前
  • <태그 class="이름"></태그>
    
    CSS
    .이름 {
    	color: red;
    }
  • id指定された要素の一意の名前
  • <태그 id="이름"></태그>
    
    CSS
    #이름 {
    	color: red;
    }
  • data要素
  • にデータを割り当てる
    <태그 data-이름="데이터"></태그>