HTML

HTML 기본

•

기본 구조

•

단축키

•

Emmet 사용하기

•

Live Server

HTML 기본

웹 페이지에서 사용자로부터 데이터를 입력받기 위해 사용하는 HTML 태그

태그	설명	주요 속성
<form>	데이터를 서버로 전송하기 위한 영역을 정의하는 태그	action, method
<input>	텍스트 입력, 체크박스, 라디오 버튼 등 다양한 입력을 받을 수 있는 태그	type, name, value, placeholder
<select>	드롭다운 목록을 제공하여 사용자가 옵션을 선택할 수 있도록 하는 태그	name, multiple, size
<textarea>	여러 줄의 텍스트 입력을 받을 수 있는 태그	name, rows, cols, placeholder

입력양식 태그

HTML에서 오디오, 비디오, 그래픽 등 다양한 멀티미디어 콘텐츠를 웹 페이지에 삽입하거나 제어할 수 있는 태그를 말합니다.

•

audio

•

video

•

iframe

멀티미디어 태그

웹 페이지의 레이아웃을 구성하고 스타일을 적용하는 데 사용되는 태그입니다.

관례적으로 블록 요소의 특징을 가진 div 태그와 인라인 요소인 span 태그가 레이아웃 태그로 많이 사용되었습니다.

태그	설명	특성
<div>	공간(영역)을 나누기 위해 사용하는 태그. 페이지를 논리적인 영역으로 분리.	- 블록 요소 - 상위 영역의 전체 너비를 차지
<span>	요소의 내용이 필요한 크기만 차지하는 태그. 디자인적으로 구분이 필요한 요소를 지정.	- 인라인 요소 - 다른 요소와 한 줄에 나란히 배치

레이아웃 태그

콘텐츠의 의미나 목적을 명확하게 알려주는 태그

Sematic : “의미의”

Semantic Tag : 의미가 있는 태그

시멘틱 태그