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

생활코딩 - HTML 기초 대시보드

(4.9)
160개의 수강평 ∙  9,142명의 수강생

무료

지식공유자: Egoing Lee
총 31개 수업 (4시간 13분)
수강기한: 
무제한
수료증: 미발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변: 미제공
폴더에 추가 공유

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

생활코딩의 콘텐츠를 원저작자의 협의를 통해 수강이 편하도록 인프런에 옮긴 강좌입니다.생활코딩 http://opentutorials.org 에 감사의 뜻을 전합니다.

HTML은 웹페이지를 만드는 언어입니다. HTML코드를 작성해서 브라우저에게 전달하면 웹페이지가 생성되는거죠. 따라서 웹프로그래밍의 시작점은 HTML이라고 할 수 있습니다. 다행이 HTML은 선행지식도 필요 없고, 개념도 어렵지 않습니다.

다만, 외울게 많은게 흠이죠. 그런데 처음부터 무작정 외울 필요는 없습니다. 생활코딩의 HTML 수업은 HTML의 기본적인 개념과 주요한 HTML 태그의 사용법을 알려드립니다. 수업을 통해서 어떤 태그가 있고, 어떻게 사용하는가를 주의깊게 봐주세요.

중간 중간에 나오는 예제들은 꼭 실습하셔야 합니다. 머리로 아는 것 보다 손으로 아는게 훨씬 중요합니다!

이론 < 경험

그리고 무엇보다 중요한 것은 스스로 문제를 해결하는 방법을 익히는 것인데요. 그 시작점이 사전 보는 법입니다. 수업을 통해서 주요한 태그들의 종류를 알아두셨다가 사전을 뒤져가면서(바로가기)차근 차근 문서를 만들면 됩니다. 이런 과정을 반복 하다보면 점점 더 많은 태그를 알게 되고, 사전 찾는 속도가 빨라지면서, 결국에는 사전이 필요 없게 되는거지요. 

또 검색을 통해서 수 많은 사람들이 이미 경험한 문제들을 찾을 수 있고, 커뮤니티에서 활동하면서 도움을 주고 받을수도 있습니다. 커뮤니티는 clearboth, cssdesign을 추천합니다.


안녕하세요
Egoing Lee 입니다.
Egoing Lee의 썸네일
커리큘럼 총 31 개 ˙ 4시간 13분의 수업
이 강의는 영상, 수업 노트가 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 오리엔테이션
웹 이란 무엇일까요? 15:30
HTML이란? 03:21
태그(Tag)란? 07:40
문서의 구조 09:03
실습방법과 개발도구 09:11
섹션 1. DTD(Doctype)
DTD(Doctype) 05:39
섹션 2. BODY
Body 태그란? 02:45
링크 15:40
문단 01:48
줄바꿈 03:48
띄어쓰기 04:17
이미지 07:34
목록(ul>li,ol>li) 08:25
아이프레임, 프레임 21:16
이스케이핑 07:11
09:28
섹션 3. HEAD
HEAD 태그란? 02:22
meta 05:13
title 02:12
섹션 4. FORM
서버와 클라이언트 02:03
폼 (form) 24:37
 - 텍스트 필드 04:47
 - 비밀번호 00:50
 - hidden data 02:26
 - textarea 03:33
 - 선택 16:19
 - 파일전송 05:32
서버와 클라이언트 2 05:34
섹션 5. Array
URL 09:00
경로 17:30
검색엔진최적화 (SEO) 18:35
강의 게시일 : 2015년 06월 23일 (마지막 업데이트일 : 2018년 06월 18일)
수강평 총 160개
수강생분들이 직접 작성하신 수강평입니다.
4.9
160개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
suhjw123 thumbnail
5
한번 쭉 듣기 좋아요
2024-03-05
kcs5593 thumbnail
5
좋아요~~~
2024-02-21
이민우 thumbnail
5
HTML에 대한 기초 지식을 짧게짧게 설명해주셔서 집중력이 흐트러지지 않고 더 재미있게 끝까지 수강할 수 있었습니다 ! 감사합니다.
2023-12-13
CloverOnly thumbnail
5
!!!!!
2024-01-04
이재호 thumbnail
5
유익합니다
2023-09-06