Part 1. HTML/CSS/JS ch5. 概要、ch 6.整理する


基本構文

  • 要素
    <タグ>コンテンツ
  • 親子関係

    <부모요소>
    	<자식요소>
            내용
        </자식요소>
    </부모요소>

    空のラベル


    アトリビュートを表すタグのみで、オフまたは非表示にする必要はありません.
    ex)
    <meta>
    <img src="경로" alt="대체문구">
    <input type="text">

    行内要素vsブロック要素


  • 行内要素
    テキスト
    エレメントが水平に積み重ねられ、オフセットが発生
    コンテンツのサイズに等しいサイズのアクティブなサイズ
    行の要素自体として、ブロック要素はサブ要素として使用できません.

  • ブロック要素
    レイアウト構造の作成
    垂直スタック要素
    親要素のサイズに等しい最大水平幅/垂直幅がコンテンツのサイズに等しいように自動的に幅を増やします.
    ブロック要素、行内要素はサブ要素として使用できます.
  • コアHTML Element

  • <div></div>Division (block)
    特殊な意味x、区別するための要素
  • <h1~6></h1~6>Heading (block)
    見出し
    数字が小さいほど意味が大きい
  • <p></p>Paragraph (block)`
    文章
  • <img>Image (inline)
    画像を挿入srcsource画像のパスaltalternative画像の名前
  • <ul></ul>Unordered List (block)
    無秩序リスト
  • <ol></ol>Ordered List (block)
    順序付きリスト
  • <li></li>List item (block)
    リスト内の各項目
  • <a href = '주소' target = "_blank">Oching</a>Anchor (Inline)
    別のページ/同じページにジャンプするハイパーリンクを指定します.hrefリンクurltargeturlの表示(ブラウザタブの場所)
    blank:新しいタブで開く
  • <span></span>特殊な意味x、単純な区切り
  • <br/>Break (Inline)
    折り返し
  • <input type = "text">ユーザ入力データの要素(行ブロック)type入力するデータ型valueプリセット値(データ)placeholderユーザ入力値(データ)のヒントdisabled無効
  • <label><input type="checkbox" checked/> apple</label> labelinputのタイトル、checkbox再検査可能checked事前検査実施
  • <label><input type="radio" name="fruits"/>apple</label> labelinputのタイトル、radio同じ名前の1つのみチェックname単一オプショングループ
  • <table></table>table
    表要素、行(row)および列(column)の集合
  • trrow
    いいですよ.
  • tddata
    列セル列colspan ="n"Column Span,共n列
  • コメント


    画面に出力されていないメッセージ
    変更や説明などを作成します.ctrl + /ショートカットキー
  • <!--주석-->html環境
  • /**/css環境
  • //js環境