웹사이트 만드는 데 가장 기본이 되는 HTML의 주요 개념과 기본 문법을 소개합니다. 아무런 관련 지식을 보유하지 않은 입문자들도 소화할 수 있도록 만든 강의입니다.
이런 걸
배워요!
HTML 용도
HTML 주요 개념
HTML 기본 문법
안녕하세요, 개발자 출신 강사 + 초보 유튜버 유노코딩입니다!
본 강의는 강의 소개와 마무리 인사를 포함, 총 18개 영상으로 구성된 입문자용 HTML 강의입니다.
HTML을 처음 접하는 입문자 분들이 부담없이 공부하실 수 있는 강의입니다.
각 수업 영상은 모두 다음과 같은 흐름으로 진행됩니다.
기초 이론 설명
학습한 내용 실습
내용 정리
이 강의를 들으면 여러분은 이런 모습으로 변화할 수 있어요!
👉🏻 웹개발 분야에서 HTML의 역할이 무엇인지 이해할 수 있어요.
👉🏻 HTML이 일하는 방식에 대해 이해할 수 있어요.
👉🏻 HTML의 기본 문법과 작성 방법을 익혀볼 수 있어요.
입문자 분들이 부담감을 느끼지 않고 빠르게 공부하실 수 있도록 하기 위해, 꼭 필요한 주요 개념 위주로 내용을 구성했어요. 그래서 이 강의만으로 HTML 코드 작성에 필요한 능력은 거의 다 갖추실 수 있을 거에요. 이 강의, 믿고 수강해주세요! 😁
HTML의 기초 정의와 개발자 도구, 코드 에디터 활용법, HTML 핵심 기초 문법 등
HTML에 대한 가장 필수적인 기본 지식을 알려드립니다.
<!DOCTYPE html>, <head>. <body> 등 HTML의 핵심 골격에 대해 공부합니다.
텍스트 태그, 인라인 텍스트 요소, 링크 표시, 목록 표시 등
웹 페이지 내 다양한 요소를 구현하는 방법을 알아봅니다.
서버와 클라이언트를 활용한 데이터 전송, 웹 문서에 대한 정보를 표시하는 메타태그,
다양한 기기로 화면을 볼 수 있는 viewport 등에 대해 공부합니다.
💻 컴퓨터
💻 코드 에디터 (Visual Studio Code)
💻 영타 능력 (속도가 느려도 괜찮아요)
대부분의 영상에는 코드를 작성하는 장면이 등장하는데, 자칫 영상이 지루해질 수 있다고 판단해 대부분 배속 처리를 하였습니다. 따라서 코딩 실습을 따라하시는 경우 일시정지 기능을 적절히 활용해 가시면서 실습을 진행하시길 추천합니다!
학습 대상은
누구일까요?
코딩을 처음 접하는 사람
HTML 언어에 대한 감각을 익히고 싶은 사람
개발자 출신 십잡스 크리에이터.
프로그래밍 강사 겸 작가로 활동하고 있습니다.
유튜브 <유노코딩> 채널 운영 중입니다.
배움의 과정에서 겪는 불필요한 고통들이 사라지길 바라고, 또 그래야만 한다고 믿습니다.
경험자의 진정성과 경험을 나누면 고통은 줄어들 수 있습니다.
저의 모든 강의 콘텐츠에서 그런 마음을 느끼실 수 있도록 노력하겠습니다.
많은 분들이 코딩을 재미있게 느끼고, 단순하게 이해할 수 있도록 돕기 위해 항상 노력하고 있습니다.
감사합니다^^
전체
18개 ∙ (2시간 51분)
강의 소개
02:18
개발자 도구와 코드 에디터
11:54
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) Part2. 폼 태그
10:39
메타 태그 (meta)
11:56
뷰포트 (viewport)
08:21
수업 마무리
02:58