본문 바로가기
IT창고/HTML

HTML 기초 강의를 위한 목차

by 창구창고 2023. 7. 17.
반응형

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의 새로운 요소와 기능
 - 반응형 웹 디자인 기초
 - 웹 표준과 크로스 브라우징 이슈

반응형

"이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."