HTML 기본기

소개

"HTML 기본기"에 대한 내용입니다.

목차

1. HTML과 첫 만남
1.1. HTML이란? Hyper Text Markup Language
1.2. 웹 표준이란 무엇인가?
1.3. HTML5와 CSS3를 공부해야 하는 이유
1.4. 웹 브라우저와 웹 편집기의 종류

2. HTML 문서 기본 구조

3. 태그 모음

본문내용

1. HTML과 첫 만남

1.1. HTML이란? Hyper Text Markup Language
웹에서 자유롭게 오갈 수 있는 웹 문서를 만드는 언어

1.2. 웹 표준이란 무엇인가?
웹 사이트를 만들 때 지켜야 하는 약속들을 정리한 것
웹 표준을 지켜 사이트를 제작하면 장소나 브라우저와 상관없이 쉽게 웹 사이트를 볼 수 있다.
HTML5로 웹을 디자인 하는 것은 웹 표준을 지킨 문서이다.

1.3. HTML5와 CSS3를 공부해야 하는 이유
최신 웹 표준에 맞는 웹 사이트 제작, 앱 화면을 디자인하기 위한 기초, 인터랙티브한 사이트 제작, 사이트와 블로그 수정의 이해

1.4. 웹 브라우저와 웹 편집기의 종류
브라우저 ex) 크롬, 파이어폭스, 인터넷 익스플로어
웹 편집기 ex) 노트패드++, 드림위버, 비쥬얼 스튜디오 코드

2. HTML 문서 기본 구조

태그는 소문자로 쓴다, 여는 태그와 닫는 태그를 정확히 입력한다(닫는 태그가 없는 것도 있음).
적당하게 들여 쓴다, 태그는 속성과 함께 사용된다, 인코딩 방식은 utf-8.

<중 략>

input 태그 type속성값
hidden: 화면상의 폼에는 보이지 않는다
text: 한 줄 텍스트 입력 필드
password: 비밀번호 입력란 (*나 •로 표시)
search: 검색필드. 검색창에 x창이 있어서 검색어 삭제가 용이함.
url: 웹주소 필드
email: 메일 주소 입력
tel: 전화번호 입력필드. 사용자 입력을 체크하진 않는다.
number: 수량 입력 필드. 크롬에서는 스핀박스로 표시
range: 수량 입력 필드. 슬라이드 막대로 표시
radio: 여러 항목 중 하나만 선택할 때
checkbox: 여러 항목 중 둘 이상을 선택할 때
color: 색상 표에서 색상 선택
date: 날짜 선택
month: 월과 연도를 선택
week: 주와 연도를 선택
time: 시간 입력
submit: 전송버튼
reset: 사용자 입력내용 삭제
image: submit 버튼 대신 이미지로 대체

참고자료

· 없음