Korean Web Fundamentals

HTML의 기본
Start

HTML 기초

HTML 기초

HTML의 기본

나만의 홈페이지 만들기

이제 HTML을 익히셨으니, 여러분만의 웹페이지를 만들 수 있습니다. 시작해 볼까요?

HTML 기초 II

HTML 기초 II

이제 웹페이지를 만드는 법을 알았으니, 좀 더 멋지게 만드는 법을 알아봅시다. 리스트를 추가할 수도 있고, 폰트를 바꿀 수도 있어요. 그 이상도 가능하지요!

소셜네트워크 프로필(Social Networking Profile)

믿기 어렵겠지만, 여러분은 이제 기본적인 소셜네트워크 사이트의 프로필을 작성할 수 있는 충분한 HTML지식을 갖추었습니다! 자 이제 작성해 볼까요?

HTML Basics III

HTML Basics III

단락을 작성하거나 리스트를 만드는 것도 좋지만, 가끔은 웹페이지에 더 복잡한 양식을 넣고 싶을 때가 있죠. tables, divs, spans로 들어가봅시다!

클릭 가능한 사진 페이지

Facebook이나 Pinterest에서 제공되는 사진 앨범이나 이미지 컬렉션 같은 것들을 직접 만들고 싶은 적이 있으셨나요? 사실 그들을 구현하기 위해서는 내부적으로 테이블이 필요하답니다.

CSS 개요

CSS 개요

CSS(Cascading Style Sheets)란 HTML 페이지에 멋진 외관을 입혀줍니다. HTML 구조는 다 이해하셨나요? 이제 여러분의 웹사이트를 끝내주게 꾸며 봅시다!

여러분의 웹사이트를 위해서 버튼을 디자인 해보아요.

여러분은 약간은 CSS를 알게 되었어요. 이제 여러분은 여러분의 웹사이트를 위해 꽤 괜찮아 보이는 버튼을 디자인 할 수 있어요.

CSS 선택자

CSS 선택자

CSS에 대해서 조금 아시겠나요? 이제 선택자에 대해 좀 더 깊이 배워보려고 해요. multiple selectors, universal selectors, and class and ID selectors에 대해 배울거에요.

당신의 친구들을 정렬합니다.

당신은 아마 소셜 네트워킹 사이트에 많은 친구들과 알고 지내고 있지만, 아마 가족, 지인, 급우들이 있을 거예요. CSS와 함께 그들을 정렬해봐요!

CSS 포지셔닝(Positioning)

CSS 포지셔닝(Positioning)

이제 어떤 HTML 요소에 자신이 원하는 스타일을 적용할지 정확하게 알고 있습니다. 이제는 페이지 위에 자신이 원하는 위치에 정확하고 배치하는 방법을 학습하는 시간입니다.

이력서 작성하기

스스로 reposition할 준비가 돼셨습니까?

Made in NYC © 2018 Codecademy