All Lectures
RouteNoticeQ&A

코딩이 에세이를 만났을 때, HTML Story

HTML을 읽어준다? 그것도 생활 속 에세이로? 소설책 읽듯 재미있는 이야기로 막힘없이 술술 이론을 익히고 내가 원하는 웹사이트를 프로토타입으로 만들 수 있게 됩니다

Lecture Introduction
Difficulty
Easy
Category
Web Programming - Programming
Tag
윈도우, 인공지능, 자바스크립트, 타입스크립트, HTML, PHP
time taken
4 hours
Target Audience
- 코딩을 시작하고 싶은 코딩 입문자
- HTML에서 'H'도 몰랐던 코린이
- 코딩을 가볍게 배우고 싶으신 분

입문자를 위해 준비한 [웹 개발] 강의입니다.

HTML을 읽어준다? 그것도 생활 속 에세이로?

이 강의를 듣고 나면 소설책 읽듯 재미있는 이야기로 막힘없이 술술 이론을 익히고

내가 원하는 웹사이트를 프로토타입으로 만들 수 있게 됩니다!


▶ 이런 걸 배워요! 🤓

  • 웹사이트의 뼈대를 이루는 언어

  • 프로그래밍 입문

  • HTML

강의 주제 📖  

  • 웹 개발 과정에서 중요한 역할을 하는 HTML 태그를 이해하고 사용할 수 있도록 다양한 실습 콘텐츠로 강의 구성

  • HTML을 통해 웹을 이해할 수 있도록, 직접 웹사이트를 만들어보는 과정을 통해 프로그래밍에 대한 이해 증진


이런 분들께 추천해요  👩‍🏫👨‍🏫

  • 코딩을 가볍게 배우고 싶으신 분

  • HTML에서 'H'도 몰랐던 초급자

  • 코딩을 시작하고 싶은 코딩 입문자

이 강의를 듣고 나면 여러분은 💡

  • 내가 원하는, 이 세상 모든 웹사이트를 프로토타입으로 만들 수 있습니다.

  • 어렵게만 느껴졌던 웹 개발 용어가 쉬워집니다


강의 특징 🔖

  • 웹 개발의 가장 기본이 되는 언어, HTML로 생애 첫 코딩에 도전!

    • 이론적 정의부터 HTML을 구성하는 각각의 태그를 살펴보고, 코드넷을 통해 실제 활용법을 알아보며 프로그래밍에 대한 이해도를 높일 수 있습니다.


  • 생활 속 사례와 실습 예제를 활용한 설명

    • 이론과 실습을 함께 구성하여, 단계별로 실습하며 최종 아웃풋을 만들 수 있습니다. 더 나아가 실습 QR코드를 제공하여 태그별 심화학습을 제공합니다.


  • [이야기로 다가가는 HTML] 저자가 쉽게 풀어주는 HTML 강의

    • 전문가가 진행하는 강의이기 때문에 누구나 쉽게 이해할 수 있고 편하게 들을 수 있는 강의입니다.


학습 내용 📚

https://cdn.inflearn.com/public/files/courses/331545/7678d319-b197-4e21-9808-14653218b13c/H1.png

https://cdn.inflearn.com/public/files/courses/331545/cb2922d5-c766-4fa1-85fa-0cee4e613edb/H2.png

https://cdn.inflearn.com/public/files/courses/331545/883dc89b-76c0-4867-b226-ee9618647076/H3.png

https://cdn.inflearn.com/public/files/courses/331545/fa7ab59e-c4c9-4401-994a-2684cc4c3ee4/H4.png


강사 소개 👨‍🦰

https://cdn.inflearn.com/public/files/courses/331545/2d6aa760-0145-484e-9cf9-22e16eb782e9/%EC%BD%94%EB%94%A9%20%EA%B0%95%EC%82%AC.png


Preview
Expand All
  • 01
    HTML이란?
  • HTML은 뼈대이다
Curriculum
Expand All
  • 01
    HTML이란?
  • HTML은 뼈대이다
  • 02
    HTML을 구성하는 각각의 태그와 활용법
  • 핵심만 간단히, head 태그
    스타일을 입히자, style, link, script 태그
    행동을 담다, body 태그
    용도에 맞게, semantic 태그
    오늘의 헤드라인, header 태그
    홈페이지 네비게이션, nav 태그
    HTML의 미디어 아트, media 태그
    독립적인 콘텐츠를 위한 article 태그
    데이터를 수납하다, table 태그
    html의 닻, a 태그 / 논리를 담다, h 태그
    웹 속의 웹 , iframe 태그
    리스트를 적어보자, list 태그
    포장해드려요, div 태그
    인터넷 문서를 작성하다, p, br 태그
    부가 정보를 담는 footer 태그
Recent Update|2024. 05. 29
Instructor Introduction
SK엠앤서비스와 함께!!

Lecture Reviews
Ends in D-0
100,000
70,000
(30%)

Average Rating
0.0
Difficulty
Easy
Lecture Period
12Weeks 6Day after payment
time taken
4 hours