Thumbnail
개발 · 프로그래밍 웹 개발

HTML5 & CSS3 기초 문법 올인원 대시보드

(4.8)
59개의 수강평 ∙  1,527명의 수강생

무료

지식공유자: 이룸코딩
총 23개 수업 (1시간 50분)
수강기한: 
무제한
수료증: 미발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가 공유

입문자를 위해 준비한
[웹 퍼블리싱, 웹 개발] 강의입니다.

도서 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 독학백서』 저자
  • 『자바스크립트 독학백서』 저자

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

HTML5 독학백서 (클릭)
CSS3 독학백서 (클릭)

이런 분들께 추천드려요!

🎓
학습 대상은
누구일까요?
웹 디자이너를 꿈꾸시는 입문자 분들
웹 개발자를 꿈꾸시는 입문자 분들
웹 퍼블리셔를 준비하시는 분들
프로그래밍에 입문하고 싶으신 분들
홈페이지를 만들거나 웹 서비스를 만들고 싶으신 분들
HTML과 CSS 기초 문법을 한 번에 빠르게 끝내고 싶으신 분들

안녕하세요
이룸코딩 입니다.
이룸코딩의 썸네일

이룸코딩 ErumCoding

함께 꿈을 코딩해요! 🚀

커리큘럼 총 23 개 ˙ 1시간 50분의 수업
이 강의는 영상, 수업 노트가 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 1. HTML 파트
웹 문서의 기본 구조 미리보기 04:06
선행 학습 06:40
제목, 문단, 서식 태그 05:48
리스트, 링크 태그 05:09
이미지, 비디오, 오디오 태그 미리보기 05:13
div, span 태그 & 클래스와 아이디 05:57
폼과 인풋 태그 09:24
의미론적 태그 03:03
웹 접근성, 웹 표준, 검색 엔진 최적화 (SEO) 05:01
섹션 2. CSS 파트
CSS 선행 학습 03:56
선택자 04:47
텍스트, 폰트 스타일 04:26
링크, 리스트 스타일 02:26
가상 선택자 02:56
배경 스타일 미리보기 02:07
여백과 테두리 스타일 04:48
박스 모델과 box-sizing 미리보기 01:39
디스플레이와 포지션 05:10
10분만에 끝내는 플렉스박스 (Flexbox) 10:52
10분만에 끝내는 그리드 (Grid) 11:17
강의 게시일 : 2021년 08월 20일 (마지막 업데이트일 : 2021년 08월 20일)
수강평 총 59개
수강생분들이 직접 작성하신 수강평입니다.
4.8
59개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
gytmqp thumbnail
5
처음 도전하는 분야에 막막했는데 쉽고 설명을 차분히 해주셔 편하게 배우는거 같아요
2021-08-22
박동운 thumbnail
5
저 처럼 평소에 지겨운 강의 끝까지 못들어서 이론은 대충하는 사람. 이론 너무 세세히 들어가는거 극혐하는 사람에게 강추하는 수업입니다 그렇다고 퀄이 떨어지지도 않아서 갠적으로 너무 마음에들었습니다 다음 수업이 기다려지네요
2021-09-18
정현철 thumbnail
5
좋은 강의 감사합니다. 유익했어요
2021-08-27
크리스탈쿠키 thumbnail
4
기초부분을 복습하는데 유용했습니다.
2021-09-14
허원영 thumbnail
5
기초 다지기에 너무 좋아요
2021-08-30