입문자를 위한 HTML 기초 강의

웹사이트 만드는 데 가장 기본이 되는 HTML의 주요 개념과 기본 문법을 소개합니다. 아무런 관련 지식을 보유하지 않은 입문자들도 소화할 수 있도록 만든 강의입니다.

(5.0) 수강평 402개

수강생 5,944명

유노코딩

HTML/CSS

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

이런 걸 배울 수 있어요

HTML 용도
HTML 주요 개념
HTML 기본 문법

'HTML 어린이' 를 위한 기초 강의 📖

안녕하세요, 개발자 출신 강사 + 초보 유튜버 유노코딩입니다!
본 강의는 강의 소개와 마무리 인사를 포함, 총 18개 영상으로 구성된 입문자용 HTML 강의입니다.
HTML을 처음 접하는 입문자 분들이 부담없이 공부하실 수 있는 강의입니다.

각 수업 영상은 모두 다음과 같은 흐름으로 진행됩니다.

기초 이론 : 주요 개념들을 알기 쉽게 설명
실습 안내 : 학습한 내용을 직접 실습하며 확인
내용 정리 : 학습 내용을 정리하여 마무리

강의 내용을 미리 확인해 보세요 😀

_{기초 이론 설명}

_{학습한 내용 실습}

_{내용 정리}

강의 목표 📜

이 강의를 들으면 여러분은 이런 모습으로 변화할 수 있어요!

👉🏻 웹개발 분야에서 HTML의 역할이 무엇인지 이해할 수 있어요.
👉🏻 HTML이 일하는 방식에 대해 이해할 수 있어요.
👉🏻 HTML의 기본 문법과 작성 방법을 익혀볼 수 있어요.

이 강의만의 특징

입문자 분들이 부담감을 느끼지 않고 빠르게 공부하실 수 있도록 하기 위해, 꼭 필요한 주요 개념 위주로 내용을 구성했어요. 그래서 이 강의만으로 HTML 코드 작성에 필요한 능력은 거의 다 갖추실 수 있을 거에요. 이 강의, 믿고 수강해주세요! 😁

이런 내용을 알려드려요! 😁

HTML 기초 of 기초

HTML의 기초 정의와 개발자 도구, 코드 에디터 활용법, HTML 핵심 기초 문법 등
HTML에 대한 가장 필수적인 기본 지식을 알려드립니다.

HTML 문서 기본 구조

<!DOCTYPE html>, <head>. <body> 등 HTML의 핵심 골격에 대해 공부합니다.

HTML 태그 완전정복 - 기본

텍스트 태그, 인라인 텍스트 요소, 링크 표시, 목록 표시 등
웹 페이지 내 다양한 요소를 구현하는 방법을 알아봅니다.

HTML 태그 완전정복 - 심화

서버와 클라이언트를 활용한 데이터 전송, 웹 문서에 대한 정보를 표시하는 메타태그,
다양한 기기로 화면을 볼 수 있는 viewport 등에 대해 공부합니다.

수강 전 안내 사항을 확인하세요 🔍

다음과 같은 준비물을 챙겨주세요!

💻 컴퓨터
💻 코드 에디터 (Visual Studio Code)
💻 영타 능력 (속도가 느려도 괜찮아요)

수강 전 미리 알려드려요!

대부분의 영상에는 코드를 작성하는 장면이 등장하는데, 자칫 영상이 지루해질 수 있다고 판단해 대부분 배속 처리를 하였습니다. 따라서 코딩 실습을 따라하시는 경우 일시정지 기능을 적절히 활용해 가시면서 실습을 진행하시길 추천합니다!

이런 분들께
추천드려요!

학습 대상은
누구일까요?

코딩을 처음 접하는 사람
HTML 언어에 대한 감각을 익히고 싶은 사람

안녕하세요
유노코딩입니다.

17,313

명

수강생

841

개

수강평

개

답변

4.9

점

강의 평점

개

강의

개발자 출신 십잡스 크리에이터.
프로그래밍 강사 겸 작가로 활동하고 있습니다.
유튜브 <유노코딩> 채널 운영 중입니다.

배움의 과정에서 겪는 불필요한 고통들이 사라지길 바라고, 또 그래야만 한다고 믿습니다.
경험자의 진정성과 경험을 나누면 고통은 줄어들 수 있습니다.

저의 모든 강의 콘텐츠에서 그런 마음을 느끼실 수 있도록 노력하겠습니다.
많은 분들이 코딩을 재미있게 느끼고, 단순하게 이해할 수 있도록 돕기 위해 항상 노력하고 있습니다.

감사합니다^^

커리큘럼

전체

18개 ∙ (2시간 51분)

섹션 1. 강의 소개 & HTML 소개

3개 ∙ (23분)

섹션 2. 문법 학습 & 태그의 종류

14개 ∙ (2시간 25분)

HTML 코드 기초 문법
12:07
HTML 문서 기본 구조
10:14
텍스트 태그 사용 방법과 특징
10:44
태그의 구분과 인라인 텍스트 요소
08:28
이미지 표시하기
10:39
컨테이너 그리고 전역 속성
12:44
링크 만들기
12:11
목록 표시하기
07:53
입력 요소 만들기
13:19
select 그리고 textarea
11:31
폼(form) Part1. 서버와 클라이언트
04:51
폼(form) Part2. 폼 태그
10:39
메타 태그 (meta)
11:56
뷰포트 (viewport)
08:21

섹션 3. 강의 마무리

1개 ∙ (2분)

수업 마무리
02:58

강의 게시일: 2021. 04. 28.

마지막 업데이트일: 2021. 04. 29.

수강평

아직 충분한 평가를 받지 못한 강의입니다.

모두에게 도움이 되는 수강평의 주인공이 되어주세요!