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

입문자를 위한 HTML 기초 강의 대시보드

(5)
360개의 수강평 ∙  5,183명의 수강생

무료

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

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

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

✍️
이런 걸
배워요!
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 언어에 대한 감각을 익히고 싶은 사람

안녕하세요
유노코딩 입니다.
유노코딩의 썸네일

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

 

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

 

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

 

감사합니다^^

커리큘럼 총 18 개 ˙ 2시간 51분의 수업
이 강의는 영상, 수업 노트가 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 강의 소개 & HTML 소개
섹션 1. 문법 학습 & 태그의 종류
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
섹션 2. 강의 마무리
수업 마무리 02:58
강의 게시일 : 2021년 04월 29일 (마지막 업데이트일 : 2021년 04월 29일)
수강평 총 360개
수강생분들이 직접 작성하신 수강평입니다.
5
360개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
lululala thumbnail
5
아니 강의 너무 좋은데 중간 중간 야옹이가 야옹 야옹해서 우리 고양이가 우는줄 알고 몇번이나 속았어요ㅋㅋㅋㅋ 고양이 넘 귀여워요ㅠㅠ 암튼 강의 쏙쏙 들어옵니다. 감사합니다!!
2023-11-23
h.jung0409 thumbnail
5
짧은 영상으로 HTML 기본 내용을 빠르게 정리할 수 있어 좋았습니다.
2021-12-21
minji090999 thumbnail
5
코딩 전혀 모르는 상태에서 처음 들었는데 이해가 너무 쏙쏙 잘되었어요. 기회가 되신다면 기초 중급반도 수업 만들어 주셨음 좋겠습니다. 유료강의여도 들을 의향이 생기네요ㅎㅎㅎ
2022-11-16
sun20817 thumbnail
5
덕분에 많은 도움 받았습니다. 감사합니다.
2022-06-21
카이 thumbnail
5
html 초급자로써 시작하려고 하는데, 간단하고 이해하기 좋았습니다.
2021-12-26
연관 로드맵
이 강의가 포함된 잘 짜여진 로드맵을 따라 학습해 보세요!