1. 웹개발 기초 [HTML, CSS]

Name: 1. 웹개발 기초 [HTML, CSS]
Rating: 4.7 (76 reviews)

안녕하세요. 웹페이지의 틀을 제작하는 HTML과 웹페이지를 꾸미는 CSS강의를 준비했습니다. 웹개발에 앞서 가장 기초에 해당하며 초보자분들 또한 쉽게 배울 수 있도록 준비했습니다.

(4.7) 수강평 76개

수강생 3,061명

난이도 입문

수강기한 무제한

개발자Park

엔테크서비스

임직원들도 이 강의를 듣고 있어요!

엔테크서비스

임직원들도 이 강의를 듣고 있어요!

먼저 경험한 수강생들의 후기

4.7

5.0

jmahn1901

100% 수강 후 작성

좋은 강의 감사합니다

5.0

Fission Start

100% 수강 후 작성

2020-04-12완강_자신의 지적재산을 무료로 공유해주셔서 감사드립니다. 잘 배우고 갑니다.

5.0

water_bottle

100% 수강 후 작성

완강했습니다 감사합니다

수강 후 이런걸 얻을 수 있어요

HTML
CSS
반응형 웹페이지
웹개발

웹 개발의 기초, HTML과 CSS를 배워봅니다.

💡 강의 유형

웹 개발에 필요한 기본적인 틀을 제작하는 HTML, CSS를 배우는 기초 강의입니다.
실습 위주로 학습을 진행하며, 초보자 및 비전공자도 쉽게 학습할 수 있습니다.

📝 강의 구성

HTML 기본 태그
HTML: div, form, iframe의 개념과 관련 태그
CSS 기본
HTML 레이아웃 구성
HTML/CSS 실습 예제

🎨 직접 실습해보세요

이런 분들께
추천드려요

학습 대상은
누구일까요?

웹개발에 관심있는 분들에게 추천합니다.
비전공자 전공자 누구나

안녕하세요
개발자Park입니다.

24,046

명

수강생

928

개

수강평

291

개

답변

4.4

점

강의 평점

개

강의

국내IT실무진 기술선도자입니다.

국내유일강의:

전자정부프레임워크,LAYERED 아키텍처

,WPF_MVVM패턴.OLAP,SSIS.SSAS 등

The only lecture in the world:

Springframework + Enterprise Architecture[EA],

Query refactoring ,SignalR + JWT

MAUI + MVVM + AZURE, etc.

강의 중 궁금한 사항은

해당 강의의 질문&답변 또는

이메일 vmproductor@gmail.com로 남겨주세요.

강의 외적인 상담, 궁금한 사항,취업상담등도 받고 있습니다.

경력-

컴퓨터공학과 학사학위. 정보처리기사 취득

ExtremeNetworks(한국) 네트워크세계2위업체 인턴(전)

번역 웹,안드로이드,AI 개발 및 유지보수(전)

ERP 웹개발(전)

데이터베이스,서버 관리자(전)

MES,FA (전)

E-Commerce웹개발(전)

국가시설 원격제어 및 모니터링(현)

파트-

디자이너,웹,안드로이드,원격자동화시스템,번역프로그램,서버,네트워크,화이트해커,Angular

프로젝트관리자,DBA(MSSQL,ORACLE,MYSQL),DE,OS programming,응용 소프트웨어,천체물리학

등등을전문으로 다루고있습니다.

커리큘럼

전체

11개 ∙ (2시간 34분)

섹션 1. HTML, CSS

11개 ∙ (2시간 34분)

1. 미리보기
01:54
2. 환경설정
10:11
3. 1강 html 기본 태그
14:55
4. 2강 html의 div와 form입력받는 태그
10:53
5. 3강 html의 iframe
01:31
6. 4강 CSS 기본, HTML 레이아웃 구성
26:04
7. 5강 CSS, HTML
29:50
8. 6강 CSS, HTML
13:10
9. 7강 CSS, HMTL
11:41
10. 8강 CSS, HTML
10:53
11. 9강 CSS, HTML
22:59

강의 게시일: 2020. 03. 18.

마지막 업데이트일: 2025. 05. 19.

수강평

전체

76개

4.7

76개의 수강평

choijeho
수강평 1
∙
평균 평점 5.0
2020. 03. 27.
5
100% 수강 후 작성
좋은 강의 감사합니다.
jmahn1901
수강평 1
∙
평균 평점 5.0
2020. 04. 22.
5
100% 수강 후 작성
좋은 강의 감사합니다
water_bottle
수강평 3
∙
평균 평점 5.0
2020. 04. 12.
5
100% 수강 후 작성
완강했습니다 감사합니다
Fission Start
수강평 1
∙
평균 평점 5.0
2020. 04. 12.
5
100% 수강 후 작성
2020-04-12완강_자신의 지적재산을 무료로 공유해주셔서 감사드립니다. 잘 배우고 갑니다.
bh.topgun.yu
수강평 2
∙
평균 평점 4.5
2020. 04. 17.
4
100% 수강 후 작성
html과 css 를 빠르게 훑어 볼 수 있습니다. 감사합니다~

개발자Park님의 다른 강의

지식공유자님의 다른 강의를 만나보세요!

MAUI [Cross-Platform Applications & C#]

개발자Park

Windows, macOS, iOS, Android 애플리케이션을 하나의 코드로 개발 및 동작시키는 MAUI 크로스플랫폼 개발에 대해 알아봅니다.

입문

C#, Azure, cross-platform

MAUI [Cross-Platform Applications & C#]

개발자Park

C# 윈폼_ 응용프로그램 개발(.NetFramework)

개발자Park

이번 강의에서는 .EXE 파일을 생성하는 방법에 대해서 배웁니다. 또한 MSSQL 데이터베이스 설치 및 C#으로 데이터를 요청하는 방법도 같이 배웁니다.

입문

C#, MSSQL, ADO.NET

C# 윈폼_ 응용프로그램 개발(.NetFramework)

개발자Park

데이터베이스 SQL 강의

개발자Park

데이터베이스에 데이터를 저장, 수정, 삭제, 조회하는 방법에 대해 학습합니다. 비전공자, 전공자 누구나 30분만에 쉽게 따라할 수 있습니다.

입문

SQL, Oracle, Java

데이터베이스 SQL 강의

개발자Park

데이터베이스 MSSQL

개발자Park

3대 데이터베이스 중에 하나인 MSSQL 수업입니다. 데이터베이스를 처음 배우더라도 쉽게 배울 수 있습니다.

입문

DBMS/RDBMS, MSSQL, dba

데이터베이스 MSSQL

개발자Park

MSSQL 2편 (튜닝 기본편, Performance Tunning, Senior DBA)

개발자Park

동시성 문제 해결 방법, 프로시저 튜닝, 쿼리 실행 속도를 높일 수 있는 다양한 방법을 배울 수 있습니다. 실무에서 흔한 실수, 발생하는 문제 등 다양한 노하우도 배워가실 수 있습니다. (The only refactoring lecture in the world)

중급이상

MSSQL, query-tuning, dba

MSSQL 2편 (튜닝 기본편, Performance Tunning, Senior DBA)

개발자Park

C# 처음부터 배우기

개발자Park

C# 언어를 배워봅시다. C언어를 몰라도 학습이 가능합니다. 개발 툴도 처음부터 같이 설치합니다.

입문

C#, 객체지향

C# 처음부터 배우기

개발자Park

2. 웹개발 코스 [JAVA 개발언어]

개발자Park

JAVA는 C언어와 마찬가지로 프로그래밍 언어입니다. JAVA는 웹 개발과 응용프로그램 개발 등에 사용될 수 있으며, 여기서는 웹 개발을 하기에 앞서 JAVA를 배우도록 하겠습니다.

입문

Java, spring-framework

2. 웹개발 코스 [JAVA 개발언어]

개발자Park

Blazor[Blazor WebAssembly Standalone]

개발자Park

C#의 Blazor를 학습하게 됩니다.

초급

Blazor, blazor-webassembly, .NET

Blazor[Blazor WebAssembly Standalone]

개발자Park

Deep Learning과 PyTorch [그리고 이미지분류]

개발자Park

PyTorch를 통해 딥러닝을 배웁니다. 최종적으로는 이미지 분류를 강의에서 다룹니다.

입문

Python, 딥러닝, PyTorch

Deep Learning과 PyTorch [그리고 이미지분류]

개발자Park

C#으로 배우는 디자인패턴(Design Pattern)

개발자Park

코드를 형식화된 방식으로 작성함으로써 설계 문제를 해결할 수 있습니다. 다른 프로그래머가 작성한 코드 또는 패턴을 이해할 수 있습니다.

중급이상

디자인 패턴, gof, 소프트웨어 설계

C#으로 배우는 디자인패턴(Design Pattern)

개발자Park

C# & Linux & GTK

개발자Park

Linux(Ubuntu OS)에서 Application을 생성해봅니다.(Cross-platform application개발)

중급이상

C#, Linux, ubuntu

C# & Linux & GTK

개발자Park

ASP.NET Core MVC 기본편[ASP.NET Core Identity8]

개발자Park

ASP.NET Core Identity,게시판 만들기,EF Core,데이터 필터링 등을 다룹니다.

초급

.NET, EF Core, ASP.NET Core

ASP.NET Core MVC 기본편[ASP.NET Core Identity8]

개발자Park

C# 프로그래밍 언어[기초과정]

개발자Park

.NET Platform 위에 동작하는 ASP.NET,Winform,WPF,MAUI등의 개발을 위한 C#언어를 배웁니다.

입문

C#, .NET, asynchronous-programming

C# 프로그래밍 언어[기초과정]

개발자Park

SignalR + ASP.NET Core [+MAUI +WPF +JWT]

개발자Park

해당 강의는 SignalR을 통해 ASP.NET Core,MAUI,WPF와 실시간 통신하는 방법을 배웁니다.

중급이상

signalr, ASP.NET Core, maui

SignalR + ASP.NET Core [+MAUI +WPF +JWT]

개발자Park

ASP.NET Core MVC +ASP.NET Core +REST API +.NET 8.0

개발자Park

외국기업,대기업에서 주로 사용하는 ASP.NET Core를 다룹니다.

초급

ASP.NET Core, C#, MVC

ASP.NET Core MVC +ASP.NET Core +REST API +.NET 8.0

개발자Park

3. 웹개발 코스 [Enterprise Architecture(EA) X 전자정부프레임워크]

개발자Park

대기업, 외국 기업에서 채택하는 Enterprise Architecture(EA)와 스프링(Spring) 프레임워크의 만남! 세계 유일 Enterprise Architecture X 스프링 프레임워크 강의입니다. 아울러 실무에서 자주 사용되는 전자정부프레임워크 조건을 충족함으로써 실제 개발 프로젝트 적용에 더욱 도움이 될 수 있도록 구성하였습니다.

초급

Spring, 전자정부프레임워크, Enterprise Architecture

3. 웹개발 코스 [Enterprise Architecture(EA) X 전자정부프레임워크]

개발자Park

[관리코스 #3] DE, DBA (SSIS, SSAS, MachineLearning, BI, ETL)

개발자Park

SSIS, SSAS, MachineLearning, BI, ETL. 국내의 도서, 유튜브, 강의, 블로그, 학원에서 찾아볼 수 없는 중요한 기술을 배울 수 있습니다. 국내 대기업, 미국 대기업 및 미국 주정부 자금 지원 기관 취업에 관심 있는 분들께도 추천해요.

초급

빅데이터, ssis, ssas

[관리코스 #3] DE, DBA (SSIS, SSAS, MachineLearning, BI, ETL)

개발자Park

[관리코스 #2] DBA (ERD, 데이터베이스 설계)

개발자Park

해당 강의에서는 ERD를 작성하는 방법을 배우게됩니다. 데이터베이스 설계를 배우게 됩니다. (국내유일 빅데이터 설계 강의)

초급

빅데이터, ERD, olap

[관리코스 #2] DBA (ERD, 데이터베이스 설계)

개발자Park

[관리코스 #1] 설계 (UML+ClassDiagram)

개발자Park

UML중 class diagram(클래스다이어그램)강의에 해당됩니다. 설계강의에 해당됩니다.

초급

아키텍처, C#, winform

[관리코스 #1] 설계 (UML+ClassDiagram)

개발자Park

WPF (.NET Core, C#, 자막제공)

개발자Park

윈폼에서 WPF의 도입을 고려하는 개발자, 미국 취업을 희망하는 응용프로그램 개발자, 개발자로 취업을 희망하는 분들에게 도움이 될만한 WPF 강의입니다. 이론 및 디자인 위주의 강의가 아니라 실무에서 사용할 수 있는 내용을 다루고 있습니다.

초급

C#, .NET, MSSQL

WPF (.NET Core, C#, 자막제공)

개발자Park

비슷한 강의

같은 분야의 다른 강의를 만나보세요!

[웹개발 입문] 혼자서도 개발하는 HTML과 CSS with 당근마켓

MJ코딩

필수적인 개념과 함께 HTML / CSS를 스스로 잘 활용하기 위한 강의에요.

입문

HTML/CSS

[웹개발 입문] 혼자서도 개발하는 HTML과 CSS with 당근마켓

MJ코딩

모바일 웹 퍼블리싱 포트폴리오 with CSS Nesting

코딩웍스(Coding Works)

19페이지, 총 22가지 다양한 모바일 레이아웃 제작하면서 퍼블리셔 취업과 퍼블리셔 실무에서 가장 경쟁력이 있는 모바일 웹 제작 능력을 향상할 수 있습니다. 퍼블리셔로서 모바일 웹을 제작하기 위한 거의 모든 제작 방법과 노하우를 다질 수 있습니다. 모바일 웹 퍼블리싱 수업에서 가장 강점인 부분인 HTML 와이어프레임 상세한 작성법을 모든 페이지 하나하나 상세하게 설명합니다. 강의를 통해 HTML 와이어프레임 제작 능력이 크게 향상될 것입니다. 특히 CSS 중첩(Nesting) 방식을 충분히 학습할 수 있습니다. Flex 레이아웃을 중심으로 중상급 CSS 실전 능력을 충분히 갖추시게 됩니다.

초급

모바일 디자인, HTML/CSS, wireframe

모바일 웹 퍼블리싱 포트폴리오 with CSS Nesting

코딩웍스(Coding Works)

3. 웹개발 코스 [Enterprise Architecture(EA) X 전자정부프레임워크]

개발자Park

초급

Spring, 전자정부프레임워크, Enterprise Architecture

3. 웹개발 코스 [Enterprise Architecture(EA) X 전자정부프레임워크]

개발자Park

2. 웹개발 코스 [JAVA 개발언어]

개발자Park

입문

Java, spring-framework

2. 웹개발 코스 [JAVA 개발언어]

개발자Park

모던 웹 인터렉티브 CSS3 부트캠프 [Full vers.]

영코디 킴쌤

초등학생 코딩교육부터 시작하여 IT소프트웨어학과의 고등학생, 컴공과 대학생, 비전공자인 취준생을 대상으로 15년 넘게 코딩교육에 전념해온 현직 스타강사 영코디 킴쌤의 쉽고 재미있는 코딩강의를 이제 오프라인 뿐만 아니라 온라인에서도 만나실 수 있습니다. 500여명이 넘는 프론트엔드, 백엔드, 풀스택, 웹 개발자를 배출해온 영코디 킴쌤과 함께라면 당신의 개발자 꿈도 곧 현실이 됩니다!

입문

HTML/CSS, 웹 디자인, 클론코딩

모던 웹 인터렉티브 CSS3 부트캠프 [Full vers.]

영코디 킴쌤

자바 동시성 프로그래밍 [리액티브 프로그래밍 Part.1]

정수원

자바의 동시성 메커니즘과 멀티스레딩 기법을 깊이 있게 다루고 실무에서 직면할 수 있는 다양한 병렬 처리 문제를 해결하는 데 필요한 지식과 기술을 익히게 됩니다. 기본적인 스레드 관리부터 시작하여, 고급 동기화 기술, 스레드 풀 사용 방법, 그리고 자바의 동시성 관련 클래스들을 심도있게 학습합니다

초급

동시성, multithread, synchronisation

자바 동시성 프로그래밍 [리액티브 프로그래밍 Part.1]

정수원

가장 쉽고 깊게 알려주는 MongoDB 완벽 가이드 [ By. 비전공자 & Kakao 개발자 ]

Hong

이 강의는 MongoDB의 기본 원리와 실전 활용법을 정석적으로 다루는 마스터 클래스입니다. MongoDB의 핵심 개념부터 시작해 데이터베이스 설계, CRUD 연산, 인덱싱, 집계 파이프라인, 성능 최적화, 트랜잭션, 보안 등 실무에서 반드시 알아야 할 내용을 체계적으로 학습합니다. 초보자도 이해할 수 있도록 단계별로 설명하며, 실습과 예제를 통해 MongoDB의 동작 원리를 깊이 있게 익힐 수 있습니다. 실무에 강한 MongoDB 역량을 쌓고 싶은 개발자를 위한 최고의 입문 및 실전 강의입니다.

입문

Java, SQL, MySQL

가장 쉽고 깊게 알려주는 MongoDB 완벽 가이드 [ By. 비전공자 & Kakao 개발자 ]

Hong

모던 웹 인터렉티브 CSS3 [PART1/3]

영코디 킴쌤

입문

HTML/CSS, css3, 웹 디자인

모던 웹 인터렉티브 CSS3 [PART1/3]

영코디 킴쌤

비전공자를 위한 웹사이트 개발 첫걸음 #HTML, #CSS

banana-coder

웹사이트를 만드는 개발자가 되기 위해선 배워야 할 기술들이 많습니다. 그 많은 기술들 중 가장 먼저 배워야 할, 웹사이트의 제작의 기본인 HTML, CSS에 대해 설명합니다. HTML, CSS를 작성하는 방법을 배우고, 마지막엔 아마존이라는 실제 웹사이트를 비슷하게 만드는 프로젝트를 합니다. 그리고 만든 프로젝트를 url로 만들어 배포할 수 있도록 합니다.

입문

HTML/CSS, github-desktop

비전공자를 위한 웹사이트 개발 첫걸음 #HTML, #CSS

banana-coder

[JSP부터 스프링부트까지]포기없는 SpringBoot로 가는길

영코디 킴쌤

스프링을 공부하다가 포기하셨나요? 코딩이 처음인 쌩초보, 비전공자도 jsp부터 springBoot까지, 포기하지 않고 스프링 부트로 가는 길을 열어드립니다.

입문

Java, JSP, TDD

[JSP부터 스프링부트까지]포기없는 SpringBoot로 가는길

영코디 킴쌤

2026 코딩테스트 올인원 [JAVA]

개발남노씨

JAVA로 코딩테스트를 준비하는 취준 / 이직 백엔드 개발자분들을 위한 강의입니다. 실제 기출문제 195문제를 분석하여 출제 유형을 명확하게 알려드립니다.

초급

Java, 코딩 테스트, 알고리즘

2026 코딩테스트 올인원 [JAVA]

개발남노씨

프론트엔드 입문: HTML, CSS 가장 쉽게 이해하기

3년차 프론트엔드 개발자가 가장 쉽게 알려주는 HTML, CSS 기초 강의입니다.

입문

HTML/CSS, html5, css

프론트엔드 입문: HTML, CSS 가장 쉽게 이해하기

html/css 기초탄탄 초스피드 완강코스

J.영

html/css초보 입문자를 대상으로 기초를 탄탄하게 다지며, 물론 반응형 레이아웃 제작 실전을 배울 수 있습니다.

입문

HTML/CSS, Flex, css3

html/css 기초탄탄 초스피드 완강코스

J.영

Figma 디자인부터 퍼블리싱까지

Michael Kwon

디자이너와 개발자를 위한 올인원 강좌! 새로운 UI3 반영

초급

HTML/CSS, Figma

Figma 디자인부터 퍼블리싱까지

Michael Kwon

조코딩의 코딩 기초와 웹 풀스택 개발

조코딩

코딩 1위 유튜버 조코딩의 실전 압축! 쉽고 재미있는 웹 풀스택 개발 강의

입문

HTML/CSS, JavaScript, Node.js

조코딩의 코딩 기초와 웹 풀스택 개발

조코딩

[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드

코딩웍스(Coding Works)

웹디자인개발기능사(구 웹디자인기능사) 출제기준(2025.1.1 ~ 2027.12.31)까지 시행되는 출제기준에 정확히 맞춘 웹디자인 기능사 실기 시험 내용에 최적화 되어 있는 실기시험 전문 강의로서, HTML+CSS+JQUERY 퍼블리싱, 코딩웍스 웹디자인개발기능사 실기시험 강의는 다릅니다. 2026년 웹디자인개발기능사 모든 시험 유형(A,B,C,D,E,F 유형) 완벽 제작 수업영상이 모두 반영되어 있습니다.

입문

HTML/CSS, jQuery, 웹 디자인

[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드

코딩웍스(Coding Works)