본문 바로가기

HTML/HTML 실습

(3)
[HTML] 간단하게 페이지 작성하기 - 3 header 부분입니다. 메인 nav 1 메인 nav 2 메인 nav 3 aside nav 1 aside nav 2 aside nav 3 HTML5와 CSS3을 이용한 웹 사이트 개발 Article에 해당 하는 내용이 들어갑니다. HTML5와 CSS을 이용하여 다양한 웹 페이지 레이아웃을 구성해 보겠습니다. 웹페이지와 레이아웃을 일정한 패턴이 있습니다. 따라서 CSS를 이용해서 레이아웃을 잡는 연습을 많이 하게 되면, 사이트를 새로 만들거나 유지 보수 시 매우 편리합니다. Section 내용입니다. HTML의 시맨틱 태그는 다음과 같습니다. header, footer, nav, article, section, aside, hgroup 여기는 배너가 들어가는 자리입니다. 현재 웹 페이지에 대한 권리는 독자..
[HTML] 간단하게 페이지 작성하기 - 2 여기는 헤더 영역입니다. Page One Page Two Page Three 베조스의 두 가지 성공 비결 아마존에 투자하지 않아서, 제프 베조스를 과소평가해서 후회가 된다는 워렌 버핏, 천하의 버핏마저 후회하게 만든 베소즈의 경영 비결 '제프이즘'을 살펴본다. 제프 베조스의 경영 비결 제프는 다음과 같이 제프이즘에 대해 운을 뗐다. "우리를 남다르게 만드는 것이 무엇인지 궁금하시다면 그 진실은 바로 이것입니다. 우리는 진정 고객 중심적입니다. 하지만 대부분의 회사는 고객이 아닌 경쟁자에 집중합니다. 이것이 바로 우리가 남다른 이유입니다." Footer 입니다. copyright. 2019 @charset "utf-8"; body { font: 15px "맑은 고딕"; } .container { posit..
[HTML] 간단하게 페이지 작성하기 - 1 여기는 헤더 영역입니다. Page One Page Two Page Three 베조스의 두 가지 성공 비결 아마존에 투자하지 않아서, 제프 베조스를 과소평가해서 후회가 된다는 워렌 버핏, 천하의 버핏마저 후회하게 만든 베소즈의 경영 비결 '제프이즘'을 살펴본다. 제프 베조스의 경영 비결 제프는 다음과 같이 제프이즘에 대해 운을 뗐다. "우리를 남다르게 만드는 것이 무엇인지 궁금하시다면 그 진실은 바로 이것입니다. 우리는 진정 고객 중심적입니다. 하지만 대부분의 회사는 고객이 아닌 경쟁자에 집중합니다. 이것이 바로 우리가 남다른 이유입니다." Footer 입니다. copyright. 2019 @charset "utf-8"; body { font: 15px "맑은 고딕"; } .container { posit..