HTML 과정 소개
HTML 에 대해 아래와 같은 과정으로 블로그 글을 구성하였습니다.
1장부터 12장까지 차례대로 한번 따라해 보시면 HTML에 대해 체계적으로 배워가실 수 있습니다.- 서론 및 개요
- HTML 소개
- 웹 페이지의 기본 개념
- HTML의 역사와 발전
- 기본 구조와 태그
- HTML 문서의 구조
- 기본 태그 소개
- 텍스트 포맷팅
- 제목 태그 (
<h1>
- <h6>
) - 문단 태그 (
<p>
) - 굵게, 기울임, 강조 태그 (
<b>
, <i>
, <em>
, <strong>
)
- 링크와 이미지
- 하이퍼링크 (
<a>
) - 이미지 삽입 (
<img>
)
- 리스트와 테이블
- 순서 있는 리스트 (
<ol>
) - 순서 없는 리스트 (
<ul>
) - 테이블 (
<table>
)
- 폼 요소
- 입력 필드 (
<input>
) - 폼 태그 (
<form>
) - 버튼 (
<button>
)
- HTML5 추가 요소
- 새로운 태그 (
<article>
, <section>
, <nav>
, <footer>
등)
- 멀티미디어 요소
- 오디오 (
<audio>
) - 비디오 (
<video>
)
- CSS 기초
- CSS 소개 및 기본 사용법
- 인라인, 내부, 외부 스타일시트
- JavaScript 기초
- JavaScript 소개 및 기본 사용법
- HTML과의 통합
- 프로젝트
- 간단한 웹 페이지 만들기
- 부록
- 참고 자료 및 추가 학습 리소스
- HTML 소개
- 웹 페이지의 기본 개념
- HTML의 역사와 발전
- HTML 문서의 구조
- 기본 태그 소개
- 제목 태그 (
<h1>
-<h6>
) - 문단 태그 (
<p>
) - 굵게, 기울임, 강조 태그 (
<b>
,<i>
,<em>
,<strong>
)
- 하이퍼링크 (
<a>
) - 이미지 삽입 (
<img>
)
- 순서 있는 리스트 (
<ol>
) - 순서 없는 리스트 (
<ul>
) - 테이블 (
<table>
)
- 입력 필드 (
<input>
) - 폼 태그 (
<form>
) - 버튼 (
<button>
)
- 새로운 태그 (
<article>
,<section>
,<nav>
,<footer>
등)
- 오디오 (
<audio>
) - 비디오 (
<video>
)
- CSS 소개 및 기본 사용법
- 인라인, 내부, 외부 스타일시트
- JavaScript 소개 및 기본 사용법
- HTML과의 통합
- 간단한 웹 페이지 만들기
- 참고 자료 및 추가 학습 리소스
댓글
댓글 쓰기