프론트엔드 기초실습과정

• 장1 프론트엔드기초실습(1)
• 1-1 첫 번째 웹페이지 작성
• 1-2 메모장++ 설치
• 1-3 자동으로 닫히는 태그 및 댓글
• 1-4 태그의 속성
• 1-5 문서 설명
• 1-6 기본 시스템 정보
• 1-7 문자 인코딩
• 1-8 문서사용
• 1-9 VSCode 설치
• 장2 프론트엔드기초실습과정(2)
• 2-1 실재
• 2-2 메타태그
• 2-3 의미 태그(1)
• 2-4 블록과 인라인
• 2-5 의미 태그(2)
• 2-6 목록
• 2-7 하이퍼링크 소개
• 2-8 상대 경로
• 2-9 하이퍼링크의 다른 용도
• 2-10 이미지 태그
• 장3 프론트엔드기초실습(3)
• 3-1 이미지 형식
• 3-2 아이프레임
• 3-3 오디오 및 비디오 재생
• 3-4 CSS 소개
• 3-5 CSS가 작성되는 곳
• 3-6 CSS의 기본 구문
• 3-7 공통 선택자
• 3-8 복합 선택기
• 3-9 관계 선택기
• 3-10 속성 선택기
• 장4 프론트엔드기초실습(4)
• 4-1 의사 클래스 선택자
• 4-2 하이퍼링크를 위한 의사 클래스
• 4-3 의사 요소
• 4-4 레스토랑 실습 소개
• 4-5 상속하다
• 4-6 선택기 무게
• 4-7 픽셀 및 백분율
• 4-8 엠과 렘
• 4-9 RGB 값
• 4-10 HSL 값
• 장5 프론트엔드기초실습(5)
• 5-1 문서 흐름
• 5-2 박스 모델
• 5-3 상자 모델-경계
• 5-4 박스 모델 패딩
• 5-5 상자 모델 여백
• 5-6 박스 모델 - 가로 레이아웃
• 5-7 박스 모델 수직 레이아웃
• 5-8 박스모델 - 여백의 붕괴
• 5-9 인라인 요소의 상자 모델
• 5-10 브라우저의 기본 스타일
• 5-11 운동 할당