Post

HTML) html 용어 정리

Posted Updated
Preview Image
By parksohyunnn 5 min read

html 용어 정리

  1. <html>: HTML 문서의 루트 요소를 정의합니다.
1
2
3

<html>
    <!-- 여기에 문서 내용이 들어갑니다. -->
</html>


  1. <head>: 문서의 메타데이터를 포함하는 요소입니다.
1
2
3

<head>
    <!-- 여기에 스타일, 스크립트, 메타데이터 등이 들어갑니다. -->
</head>


  1. <meta>: 문서에 대한 메타데이터를 정의합니다.
1

<meta charset="UTF-8">


  1. <body>: 문서의 본문을 정의합니다.
1
2
3

<body>
    <!-- 여기에 실제 내용이 들어갑니다. -->
</body>


  1. <h1> ~ <h6>: 제목을 정의합니다. 숫자가 커질수록 제목의 수준이 낮아집니다.
1
2
3

<h1>첫 번째 제목</h1>
<h2>두 번째 제목</h2>
<!-- 이하 생략 -->


  1. <p>: 단락을 정의합니다.
1

<p>이것은 단락입니다.</p>


  1. <a>: 하이퍼링크를 정의하고, 다른 웹 페이지, 파일, 이메일 주소 등으로 이동할 수 있습니다.
1

<a href="https://www.example.com">이것은 링크입니다.</a>


  1. <img>: 이미지를 삽입합니다.
1

<img src="이미지주소.jpg" alt="이미지 설명">


  1. <div>: 문서를 그룹화하거나 스타일을 적용하기 위한 블록 레벨 요소입니다.
1
2
3

<div>
    <!-- 여러 요소들을 그룹화하거나 스타일을 적용할 수 있습니다. -->
</div>


  1. <span>: 텍스트를 그룹화하거나 스타일을 적용하기 위한 인라인 요소입니다.
1

<span>이것은 인라인 요소입니다.</span>


  1. <ul>: 정렬되지 않은 목록을 정의합니다.
1
2
3
4
5

<ul>
    <li>목록 항목 1</li>
    <li>목록 항목 2</li>
    <!-- 이하 생략 -->
</ul>


  1. <ol>: 순서가 있는 목록을 정의합니다.
1
2
3
4
5

<ol>
    <li>첫 번째 항목</li>
    <li>두 번째 항목</li>
    <!-- 이하 생략 -->
</ol>


  1. <li>: 목록의 항목을 정의합니다.
1
2
3
4

<ul>
    <li>사과</li>
    <li>바나나</li>
</ul>


  1. <table>: 표를 정의합니다.
1
2
3

<table>
    <!-- 표의 구조와 데이터가 여기에 들어갑니다. -->
</table>


  1. <>tr>: 표의 행을 정의합니다.
1
2
3

<tr>
    <!-- 행에 포함될 셀들이 여기에 들어갑니다. -->
</tr>


  1. <td>: 표의 셀을 정의합니다.
1

<td>셀 내용</td>


  1. <th>: 표의 머리글 셀을 정의합니다.
1

<th>머리글 내용</th>


  1. <form>: 사용자 입력을 받는 양식을 정의합니다.
1
2
3

<form>
    <!-- 입력 필드, 버튼 등이 여기에 들어갑니다. -->
</form>


  1. <input>: 사용자 입력 필드를 정의합니다.
1

<input type="text" placeholder="이름">


  1. <button>: 버튼을 정의합니다.
1

<button>제출</button>


  1. <label>: 입력 필드와 레이블을 연결합니다.
1
2

<label for="username">사용자 이름:</label>
<input type="text" id="username">


  1. <textarea>: 여러 줄의 텍스트 입력 필드를 정의합니다.
1

<textarea rows="4" cols="50">텍스트를 입력하세요...</textarea>


  1. <select>: 드롭다운 목록을 정의합니다.
1
2
3
4
5

<select>
    <option value="1">옵션 1</option>
    <option value="2">옵션 2</option>
    <!-- 이하 생략 -->
</select>


  1. <option>: 선택 가능한 목록 항목을 정의합니다.
1

<option value="1">옵션 1</option>


  1. <iframe>: 다른 웹 페이지를 포함하는 인라인 프레임을 정의합니다.
1

<iframe src="다른페이지.html"></iframe>


  1. <audio>: 오디오 클립을 재생합니다.
1
2
3
4

<audio controls>
    <source src="오디오파일.mp3" type="audio/mpeg">
    Your browser does not support the audio element.
</audio>


  1. <video>: 비디오를 재생합니다.
1

<video width="320"
HTML
git github
This post is licensed under CC BY 4.0 by the author.

Trending Tags

git github