HTML

5139 ワード
html テキストリンク
HTMLとは?
  • 文書の構造や内容を記述する言語
  • ウェブフレームの表記言語の作成
    • HTMLの使い方?
  • HTMLはtagの集合
  • Tag:不等号(<>)のHTML基本コンポーネント
    • HTML構造
  • HTMLドキュメント入門
    -htmldはheadとbodyに分かれています
    -headはtitle(Pagetitle)、bodyはh 1、div(奥はspan).
    • HTMLの例
    <!DOCTYPE html> 
<html>
  <head> 
    <title>문서의 제목, 브라우저의 탭에 보여짐</title>
  </head>
  <body>
      <h1>heading을 의미하며, 크기에 따라 h1부터 h6까지 있음</h1>
      <div>content division을 의마하며, 줄바꿈됨
        <span>줄바꿈이 없는 content 컨테이너</span>
      </div>
    </body>
  </html>
    <!DOCTYPE html>:この文書がHTML文書であることを示す<html>:html開始ラベルで、ドキュメント全体のフレームを構成する</head>:このラベルが終了したことを示す<body>:bodyタグは文書の内容が含まれている箇所</div>:divマーク終了を示す</body>:bodyタグの終了を示す</html>:htmlタグの終了を示す
    終了マークのないマーク
  • タグ内部に内容がなければ(画像タグ)->省略も可能
    • self-closting tagの例
    <img src="banana-logo.png"></img>
<img src="banana-log.png"/>
<img src="banana-log.png">
    最も一般的なHTMLタグ.
  • <div>:ラベルが1行を占める.
  • <span>:コンテンツサイズ別のスペース占有.
  • <img>:ラベルを閉じていません.
    src=「対応するurlアドレス」キー(src)と値(urlアドレス)が含まれます.
  • <a>:リンクを挿入します.
    HTMLドキュメントに他のページへのリンクを表示するためのハイパーリンクです.
    href=「対応するurlアドレス」を含む鍵(href)と値(urlアドレス).
    または、target=「blank」キー(target)と値(blank)をクリックして、参照バーを追加してフォントを表示します.
  • ul(無秩序リスト)、li(list):一対の無秩序リストを作成(メニューとしてよく使用)
  • ol(Ordered list)、li(list):1対の順序付きリストを作成する(メニューとしてよく使われる)
  • 複数入力フォーム
    • -テキストボックス(*-id、pwとして使用<input type="text" placeholder="type here"> <input type="password" placeholder="type here">
  • チェックボックス<input type="checkbox">次に入るときはidを覚えておく
    次回入るときはidを覚えています
    • -ラジオボタン(radiobutton)-nameを使用して名前を付け、groupに設定すると、1つ選択できます.<input type="radio" name="option" value="a">옵션AオプションA<input type="radio" name="option" value="b">옵션BオプションB
    -テキスト領域(textArea)-inputboxとは異なり、複数行の入力を許可します.<textarea></textarea>
  • ボタン(button)-id、pwのボタンの入力と押下<button>버튼</button>ボタン
    • さらに
  • JavaScriptを実行する別名<script>例:<script src='./script.js'></script>
  • <P>:段落の略で、一つの段落を表す.HTMLドキュメントを作成する際には、できるだけ「段落」の目的を達成するために使用することをお勧めします.
  • ・<section>:ページの重要な単位になる可能性のあるものを組み合わせて一つのエリアを区切る.Symantic tagの1つです.
    (symantic tagタイプ:<header><main><nav><aside><footer>)
    • <div>一つのエリアを表示するために使用されていたが<section>出てから廃止された.
    ただし、小領域では避けられない使用<div>の場合には使用可能です.
  • <h1>:ブログ制作タイトル部分用.
    • [TS]Section 3コンパイラと構成
    programmers12915