CSS (2)
  1. 2012.03.13[CSS] 초기화(Reset) 코드
  2. 2010.11.19[HTML 요소] H# 태그 - 제목 구성 방법
[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 코드 문서 다운로드

 Comment,  0  Trackback

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

[HTML 요소] H# 태그 - 제목 구성 방법

H#(H1 ~ H6) 태그 요소 설명

H# 태그는 문서에서 일반적으로 본문의 제목(Heading)을 지정하기 위해 사용하며, H1에서 H6까지 전부 6개의 항목이 있습니다. 기본적으로 볼드(Bold)체가 적용되고 H1이 가장 큰 제목을 나타내며, 가장 큰 글자로 표시합니다. 작성 시에는 body의 시작과 body 끝 사이에 포함되어야 하고 필요에 의해 여러 개의 제목으로 사용이 가능합니다.

H1 태그의 출현 횟수에 대해 HTML과 XHTML의 권고안에서 특별히 언급하지는 않지만, H1 태그는 그 문서의 큰 제목(타이틀)을 나타내기 때문에 원칙적으로 하나의 문서에 한 번만 지정해야 합니다. 하지만, H1 태그는 여러 섹션으로 이루어진 문서에는 여러 개의 H1 태그가 들어갈 수도 있습니다.

H1 ~ H6 태그 요소를 활용한 제목 구성 방법

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

다음과 같이 <body> 와 </body> 사이에 작성해야하며, <h1> 제목 </h1> 과 같이 사용합니다.

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

H1 ~ H6 태그 적용 내용 미리 보기

 Comment,  0  Trackback

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