CSS (2)
  1. 2012.03.13[CSS] 초기화(Reset) 코드
  2. 2010.11.19[XHTML] h1~h6 값을 이용하여 제목 만들기
[CSS] 초기화(Reset) 코드

CSS (종속형 시트, Cascading Style Sheet: 캐스케이딩 스타일 시트)

웹 문서의 전반적인 스타일을 미리 저장해 둔 스타일 시트이며 문서 전체의 일관성을 유지할 수 있고, 세세한 스타일 지정의 필요를 줄어들게 하여 더 편리하게 코딩할 수 있습니다.

CSS 초기화(Reset) 코드

<style type="text/css">
@charset "utf-8";

/* base */
body{font:0.75em Gulim, "굴림", Dotum, "돋움", sans-serif;color:#333}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input, table, tr, th, td{margin:0;padding:0}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:100%}
ul, ol, li{list-style:none}
fieldset, img{border:none}

/* a-style */
a{color:#333333;text-decoration:none}
a:hover, a:active{color:#FF4500;text-decoration:underline}
</style>

CSS 코드 문서 다운로드

0 Comment,  0  Trackback

본 게시물에 대한 질문은 댓글을 통하여 받습니다. 바른말, 고운 말을 사용하여 남겨주세요. :)

[XHTML] h1~h6 값을 이용하여 제목 만들기

제목을 꾸밀때 유용하게 이용해볼 수 있는 h1~h6

일반적으로 본문의 제목을 나타낼때 사용하며, body의 시작과 끝 사이에 포함되어야 하고 필요에 의해 여러개의 제목으로 사용이 가능합니다.

h1요소의 출현횟수에 대해 html과 xhtml의 권고안에서 특별히 언급하지는 않지만, h1요소는 그 문서의 큰 제목(타이틀)을 나타내기 때문에 원칙적으로 하나의 문서에 한번만 지정해야 합니다. (h1은 권고안에서 섹션의 가장 큰 제목을 나타내며 여러섹션으로 이루어진 문서에는 여러 h1이 들어갈 수도 있음) 그러므로, 검색 엔진에 따라서 해당 항목(h1, h2 등) 안의 내용에 비중을 두고 Index를 구축하기 때문에 적극 활용해 블로그를 운영할 콘텐츠를 만드는것이 좋습니다.

h1~h6 기본 예시 HTML

<!DOCTYPE html>
<html lang="ko">
  <head>
    <title>Viewit - http://viewit.kr</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  </head>
  <body>
    <h1>h1 제목이 나타납니다.</h1>
    <h2>h2 제목이 나타납니다.</h2>
    <h3>h3 제목이 나타납니다.</h3>
    <h4>h4 제목이 나타납니다.</h4>
    <h5>h5 제목이 나타납니다.</h5>
    <h6>h6 제목이 나타납니다.</h6>
  </body>
</html>

* 보이는 글씨의 크기(큰 크기 우선순위로 나열): [가장 큼] h1 > h2 > h3 > h4 > h5 > h6 [가장 작음]
위의 값은 기본 크기 값이며 Style Sheet(CSS)를 이용하여 사용자 임의로 크기를 수정할 수 있습니다.

h1~h6 기본 HTML 적용내용 미리 보기

0 Comment,  0  Trackback

본 게시물에 대한 질문은 댓글을 통하여 받습니다. 바른말, 고운 말을 사용하여 남겨주세요. :)