HTML 기초 강의를 시작합니다! 이 강의를 통해 웹 개발의 첫 걸음을 떼고, 자신만의 멋진 웹사이트를 만들어보세요. HTML은 웹 개발에서 가장 기본이 되는 언어로, 웹 페이지의 구조와 내용을 작성하는 데 사용됩니다.
이 강의는 아무런 프로그래밍 경험이 없는 초보자들을 대상으로 진행 할 예정 입니다. 걱정하지 마세요! 강의는 차근차근 진행되며, 기초부터 친절하게 설명해드릴 예정입니다. 함께 배우면서 HTML의 기초를 익히고, 흥미로운 프로젝트를 진행해보는 시간을 가지게 되었으면 좋겠습니다.
오늘은 목차만 공개!!
1. HTML 소개
- 웹의 구조와 동작 원리 소개
- HTML의 역할과 중요성 이해하기
- HTML의 역사와 버전 소개
2. HTML 기본 구조
- HTML 문서 구조 이해하기
- <!DOCTYPE> 선언과 <html>, <head>, <body> 요소
- 주석 작성하기
3. 텍스트 요소
- 제목 (<h1>~<h6>)
- 단락 (<p>)
- 줄 바꿈 (<br>)과 수평선 (<hr>)
- 강조 (<strong>, <em>)와 기타 텍스트 스타일링 태그
4.링크와 이미지
- 하이퍼링크 (<a>)와 URL 작성
- 이미지 삽입 (<img>)과 대체 텍스트
- 링크와 이미지의 속성 활용
5. 목록과 표
- 순서 없는 목록 (<ul>)과 순서 있는 목록 (<ol>)
- 목록 항목 (<li>)과 중첩 목록
- 테이블 (<table>)과 행 (<tr>) 및 셀 (<td>) 작성
- 테이블 헤더 (<th>)와 테이블 요소 스타일링
6. 폼과 입력 요소
- 폼 (<form>)의 역할과 속성
- 텍스트 입력 (<input type="text">)
- 체크박스 (<input type="checkbox">)와 라디오 버튼 (<input type="radio">)
- 드롭다운 메뉴 (<select>)와 버튼 (<button>)
- 데이터 전송 방식과 서버와의 상호작용
7. 멀티미디어 요소
- 비디오 삽입 (<video>)과 오디오 삽입 (<audio>)
- 비디오 및 오디오 컨트롤, 자동재생 등 속성 활용
- iframe을 활용한 외부 콘텐츠 삽입
8. 시맨틱 태그와 웹 접근성
- 시맨틱 태그의 중요성 이해하기
- <header>, <nav>, <article>, <section>, <footer> 등 시맨틱 태그 소개
- 웹 접근성 개념과 기본 가이드라인
9. 실전 프로젝트: 간단한 웹 페이지 구성
- 위에서 배운 내용을 활용하여 실전 프로젝트 수행
- 기본적인 웹 페이지 구성과 스타일링
10. 추가 학습 자료 및 심화 주제
- CSS와의 연동
- HTML5의 새로운 요소와 기능
- 반응형 웹 디자인 기초
- 웹 표준과 크로스 브라우징 이슈
"이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."