[DAYBLOG - CODE ACADEMY] 10,000시간의 기적 - 3일(1:00hrs) - 1만 시간의 법칙

10,000시간의 기적 - 3일

총진행시간 : 1시간

남은시간 : 9996.5시간

"Animate your Name"을 수료(?) 하고 이번에는 

"About You" 코스를 시작해 보려고 합니다.

머가 거창해 보이지만 개인 홈페이지를 만드는 것이고

HTML과 CSS를 사용 한다고 하는데..

당최 HTML과 CSS는 뭔지..네이버를 찾아 봤습니다

HTML

[ Hypertext Markup Language ]

웹 문서를 만들기 위하여 사용하는 기본적인 프로그래밍 언어의 한 종류이다. 하이퍼텍스트를 작성하기 위해 개발되었다.

[네이버 지식백과] HTML [Hypertext Markup Language] (두산백과, 두산백과)

CSS의 사전적 의미는?

CSS[ cascading style sheets ]

기존의 HTML은 웹 문서를 다양하게 설계하고 수시로 변경하는데 많은 제약이 따르는데, 이를 보완하기 위해 만들어진 것이 스타일 시트이고 스타일 시트의 표준안이 바로 CSS 이다. 간단히 스타일시트라고도 한다.

HTML을 이용해서 웹 페이지를 제작할 경우 전반적인 틀에서 세세한 글꼴 하나 하나를 일일이 지정해주어야 하지만, 웹 페이지의 스타일(작성형식)을 미리 저장해 두면 웹 페이지의 한 가지 요소만 변경해도 관련되는 전체 페이지의 내용이 한꺼번에 변경되므로, 문서 전체의 일관성을 유지할 수 있고 작업 시간도 단축된다.

따라서 웹 개발자들은 보다 풍부한 디자인으로 웹을 설계할 수 있고, 글자의 크기, 글자체, 줄간격, 배경 색상, 배열위치 등을 자유롭게 선택하거나 변경할 수 있으며 유지·보수도 간편하게 할 수 있다.

[네이버 지식백과] CSS [cascading style sheets] (두산백과, 두산백과)

음...뭔가 홈페이지를 만들기 위해 필요한 것들 같습니다..

그럼 이제 About You를 시작 해 보겠습니다.

1.Welcome to HTML!

<h1>과 </h1> 태그 사이에 이름을 적어 봤습니다.

h는 Heading(제목)의 약자 인것 같습니다.

<h> </h1>

2.Speak in Paragraphs

모든 내용을을 제목을 다 적을 수 없듯이 html에서도 

P(Paragraph)를 이용하여 내용을 추가 할수 있게 됩니다.

<p> </p>

3.Asking for Input

이메일을 제출할때 많이 봐오던 그림인데 막상 HTML 명령어로 보니

별로 어려운 명령어들이 아니였구나 싶네요ㅎ

<input type="email">

<input type="submit">