개발 도구 (Development Tools)

가볍게 훑어보는 HTML5

BiCute 2023. 3. 31. 08:00
반응형

 

#1. HTML 소개

  • HTML이란 무엇인가?

  • HTML의 역사

  • HTML 개발 환경 설정

 

 

#2. HTML 문서의 구조

  • DOCTYPE 선언

  • HTML 태그

  • Head 태그

  • Title 태그

  • Body 태그

 

 

#3. HTML 제목과 단락

  • 제목 (h1에서 h6)

  • 단락 태그 (p)

 

 

#4. HTML 텍스트 서식

  • 굵은 텍스트

  • 기울임꼴 텍스트

  • 밑줄 텍스트

  • 아래첨자와 위첨자

  • 줄임말 태그

 

 

#5. HTML 목록

  • 순서가 없는 목록

  • 순서가 있는 목록

  • 정의 목록

 

 

#6. HTML 링크

  • 앵커 태그

  • 상대 URL

  • 절대 URL

  • 이메일 링크

  • target 속성

 

 

#7. HTML 이미지

  • 이미지 태그

  • 이미지 사이즈

  • alt 속성

  • 이미지 맵

 

 

#8. HTML 테이블

  • 테이블 태그

  • 테이블 행과 열

  • 테이블 머리글

  • 테이블 데이터

  • 행과 열의 확장

 

 

#9. HTML 폼(Form)

  • 폼(Form) 태그

  • 입력(input) 태그

  • 텍스트 영역(textarea)

  • 라디오 버튼

  • 체크 박스

  • 드롭다운 리스트

  • 제출 버튼

 

 

#10. HTML 시맨틱 요소

  • Main 태그

  • Header 태그

  • Navigation 태그

  • Article 태그

  • Section 태그

  • Aside 태그

  • Footer 태그

 

 

#11. HTML 미디어 요소

  • Audio 태그

  • Video 태그

  • Embed 태그

  • Picture 태그

  • Figure 태그

 

 

#12. HTML 고급 주제

  • HTML5 새로운 요소들

  • HTML5 양식 유효성 검사

  • HTML5 로컬 스토리지

  • HTML5 드래그 앤 드롭

  • HTML5 지오로케이션

  • HTML5 web workers

  • HTML5 web sockets

 

 

 

반응형