HTML 베이스 요약

5021 단어 HTML

0. 배경~


웹 애플리케이션을 만들기 위해 약 15년간 접하지 못했던 HTML을 복습했다.
단, 최소한 사용할 부분에만 한정된다.

1. 기본 형식


HTML의 기본 형식
index.html
<!DOCTYPE html>           ←ドキュメント形式
<html lang="ja">          ← HTML開始 (日本語)
  <head>          　　　　 ← ヘッダ情報
    <meta charset="utf-8">                              ← 文字コード指定
    <title> サイトのタイトル </title>                    ← タイトル
    <meta name="description" content="サイトの説明">     ← サイト情報
  </head>
  <body>                  ← ボディ情報
    <h1> 見出し1 </h1>    ← 見出しサイズ：1~6
    <p> 内容 </p>
  </body>
</html>          　　　　　← HTML終了

2. 리스트 작성


(1) Orded List: 번호 목록
<ol>
 <li>item1</li>
 <li>item2</li>
 <li>item3</li>
</ol>
(2) Undered List: 번호 매기기 목록 없음
<ul>
 <li>item1</li>
 <li>item2</li>
 <li>item3</li>
</ul>

3. 컨트롤 프로젝트


<form>
  <label for="name">氏名</label>     ← ラベル
  <input type="text" id="name">      ← 入力フォーム
</form>

<form>
  <label for="message">メッセージ</label>     ← ラベル
  <textarea id="message"></textarea>         ← 入力フォーム
</form>

<form>
  <button>送信</button>     ← ボタン
</form>

<label for="product">商品</label>
<select id="product">
  <option>商品A</option>
  <option>商品B</option>
  <option>商品C</option>
</select>

<fieldset>
  <legend>items</legend>
  <input type="checkbox" id="item1"><label for="item1">item1</label>
  <input type="checkbox" id="item2"><label for="item2">item2</label>
  <input type="checkbox" id="item3"><label for="item3">item3</label>
</fieldset>

<fieldset>
  <legend>items</legend>
  <input type="radio" name="items" id="item1"><label for="item1">item1</label>
  <input type="radio" name="items" id="item2"><label for="item2">item2</label>
  <input type="radio" name="items" id="item3"><label for="item3">item3</label>
</fieldset>

정보 출처

  • 지점 지정:HTML 기본 구문 시작
  • MDN:HTML 사양
    • insertAdjacentHTML은 기대대로 이동하지 않습니다
    두 갈래 나무 각종 반복 조작

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage