Thumbnail
크리에이티브 웹 퍼블리싱
HTML5 & CSS3 기초 문법 올인원
(4.9)
19개의 수강평 ∙ 352명의 수강생

무료

지식공유자 : 개발자 이도해
총 23개 수업
평생 무제한 수강
수료증 미발급 강의
입문 대상 초급 중급이상
폴더에 추가 공유
입문자를 위해 준비한
[웹 퍼블리싱, 웹 개발] 강의입니다.

도서 HTML5 독학백서 & CSS3 독학백서 저자 직강! 이론은 짧게 핵심만! 모던 HTML과 CSS에 입문하기 위해 꼭 알아야 하는 핵심 문법 엑기스만 정리했습니다.

✍️
이런 걸
배워요!
HTML5의 핵심 문법
CSS3의 핵심 문법
모던 CSS 레이아웃 기술인 Flex와 Grid 사용법

핵심을 컴팩트하게! 
빠르게 해치우는 HTML/CSS ⚡

웹의 기초, HTML + CSS!

웹 개발, 웹 디자인, 웹 퍼블리싱 등 
웹과 관련된 모든 분야의 기초가 되는 
HTML과 CSS의 기초 문법에 대해 배웁니다. 

누가 배우면 좋을까요? 

✅ 웹 개발이나 웹 디자인에 입문하시는 분들 
✅ 취미로 코딩을 시작하시려는 분들 
✅ 최신 HTML과 CSS를 빠르게 복기하고 싶으신 분들에게 적합한 강의입니다!


이 강의만의 핵심 장점!

기초 문법은 프로그래밍이라고 할 수 없어요 😭
진짜 시작은 기초 문법이나 이론을 끝내고 직접 무언가 따라 만들어 보는 것입니다!
우리가 배우고 싶은 것은 새로운 언어를 ‘사용하는 방법’이지, ‘언어의 역사’... 이런 게 아니잖아요...? 😅
그래서 이 강의는 정말 정말 알아야 하는 핵심 문법과 이론만 최대한 간결하고 빠르게 해치웁니다!


순서대로 학습해보세요.

HTML 기초 → CSS 기초 순서로 학습합니다.

HTML5 파트 - 제목, 문단, 서식 태그

CSS3 파트 - 10분만에 끝내는 그리드(Grid)


예상 질문 Q&A 💬

Q. HTML과 CSS를 배우면 어떤 일을 할 수 있나요?

HTML과 CSS는 (마크업으로 분류되지만) 웹의 기초 중 기초입니다. 따라서 웹 개발자, 웹 디자이너, 웹 퍼블리셔 등이 되는 초석을 다질 수 있고, 프론트엔드나 백엔드를 떠나 모든 분야에서 만날 수 있어요.

Q. 수업 내용을 어느 수준까지 다루나요?

최신 HTML과 CSS의 기초 핵심 문법과 이론만 다룹니다.

Q. 이 강의를 듣고 나면 뭘 해야 할까요?

무언가 만들어 볼 차례입니다! 버튼, 메뉴, 웹 사이트 등을 만들고 스타일도 입혀보세요!

Q. 모르는 게 있어요 😭 어디다 질문하죠?

모르는 부분은 질문란에 남겨주시면, 확인 후 답변드리겠습니다.
GitHub 이슈로 작성해주시면 더 빠르게 답변이 가능해요!


이 강의를 만든 
지식공유자를 소개합니다.

개발자 이도해

출판사 달무리 대표로, 『HTML5 독학백서』 『CSS3 독학백서』 저자입니다. (2021년 하반기~2022년 상반기 경 『자바스크립트 독학백서』 출간 예정)

프리랜서 풀스택 개발자, 프로그래밍 강사를 함께하고 있습니다.

저자 직강!
도서를 함께 확인해보세요.

HTML5 독학백서 (클릭)
CSS3 독학백서 (클릭)
지식공유자가 알려주는
강의 수강 꿀팁!
🎓
이런 분들께
추천드려요!
웹 디자이너를 꿈꾸시는 입문자 분들
웹 개발자를 꿈꾸시는 입문자 분들
웹 퍼블리셔를 준비하시는 분들
프로그래밍에 입문하고 싶으신 분들
홈페이지를 만들거나 웹 서비스를 만들고 싶으신 분들
HTML과 CSS 기초 문법을 한 번에 빠르게 끝내고 싶으신 분들

안녕하세요
개발자 이도해 입니다.
개발자 이도해의 썸네일
  • 출판사 달무리 대표
  • 독학백서 시리즈 저자
  • 프리랜서 풀스택 개발자
  • 프로그래밍 강사
  • 유튜브 <개발자 이도해> 채널 운영
커리큘럼 총 23 개
이 강의는 영상, 수업 노트가 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 1. HTML 파트
웹 문서의 기본 구조 미리보기
선행 학습
제목, 문단, 서식 태그
리스트, 링크 태그
이미지, 비디오, 오디오 태그 미리보기
div, span 태그 & 클래스와 아이디
폼과 인풋 태그
의미론적 태그
웹 접근성, 웹 표준, 검색 엔진 최적화 (SEO)
섹션 2. CSS 파트
CSS 선행 학습
선택자
텍스트, 폰트 스타일
링크, 리스트 스타일
가상 선택자
배경 스타일 미리보기
여백과 테두리 스타일
박스 모델과 box-sizing 미리보기
디스플레이와 포지션
10분만에 끝내는 플렉스박스 (Flexbox)
10분만에 끝내는 그리드 (Grid)
강의 게시일 : 2021년 08월 20일 (마지막 업데이트일 : 2021년 08월 20일)
수강평 총 19개
수강생분들이 직접 작성하신 수강평입니다. 수강평을 작성 시 300잎이 적립됩니다.
4.9
19개의 수강평
5점
4점
3점
2점
1점
VIEW 좋아요 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
허원영 thumbnail
기초 다지기에 너무 좋아요
2021-08-30
박동운 thumbnail
저 처럼 평소에 지겨운 강의 끝까지 못들어서 이론은 대충하는 사람. 이론 너무 세세히 들어가는거 극혐하는 사람에게 강추하는 수업입니다 그렇다고 퀄이 떨어지지도 않아서 갠적으로 너무 마음에들었습니다 다음 수업이 기다려지네요
2021-09-18
gytmqp thumbnail
처음 도전하는 분야에 막막했는데 쉽고 설명을 차분히 해주셔 편하게 배우는거 같아요
2021-08-22
알고Geek thumbnail
깔끔하게 정리된 강의로 빠르게 학습 할 수 있어 좋았습니다.
2021-08-26
정현철 thumbnail
좋은 강의 감사합니다. 유익했어요
2021-08-27

무료

폴더에 추가 공유
지식공유자 : 개발자 이도해
총 23개 수업
평생 무제한 수강
수료증 미발급 강의
입문 대상 초급 중급이상
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의를
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스