🌈 HTML
HTML은 HyperText Markup Language 의 약자로 웹 페이지의 틀을 만드는 마크업 언어이다.
HTML은 기본적으로 부등호 <> 로 묶인 tag들의 집합으로 구성되어 있다. Ex. <body></body>, <html></html>
Tag로 시작해서 Tag 로 끝나는 것을 아래 예제로 확인할 수 있다.
👉 자주 사용하는 HTML의 요소
1. <div> VS <span>
<div> tag 는 한 줄을 다 차지하고 <span> tag는 컨텐츠의 크기만큼만 공간을 차지한다.
위 코드를 웹 페이지 상에서 확인해보면 div tag는 한 줄을 차지하지만, span tag는 컨텐츠 크기만큼만 공간을 차지하는 것을 확인할 수 있다.
2. <img>
img를 삽입할 때 사용한다.
<img src = "이미지 주소">
img 태그는 닫는 태그가 없다.
3. <a>
링크를 삽입할 때 사용한다.
4. <ul>, <li>, <ol>
ul - unordred list
li - list
ol - ordered list
5. <input>
입력 폼, 사용자로부터 입력을 받을 수 있는 입력 필드를 정의할 때 사용한다.
예제1:
결과:
예제2:
결과:
<div>와 <input>을 이용한 예제:
결과:
checkbox 예제:
결과:
radio button 예제:
결과:
6. <textarea>
입력 폼, 사용자가 여러 줄의 텍스트를 입려할 수 있는 입력 영역을 정의할 때 사용한다.
예제:
결과:
7. <button>
클릭할 수 있는 버튼을 정의할 때 사용한다.
예제:
결과:
'프로그래밍 > HTML' 카테고리의 다른 글
| [HTML] DOM 으로 HTML 조작하기(2) - querySelector, querySelectorAll (0) | 2022.05.02 |
|---|---|
| [HTML] DOM 으로 HTML 조작하기(1) - createElement, append, appendChild (0) | 2022.05.02 |
| [HTML] DOM, Document Object Model (0) | 2022.04.29 |
| [HTML] 간단히 정리해보는 HTML5란 무엇인가 (0) | 2022.04.27 |
댓글