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과의 통합
- 간단한 웹 페이지 만들기
- 참고 자료 및 추가 학습 리소스
댓글
댓글 쓰기