'CSS' 태그의 글 목록: 뷰아이티(view IT)

CSS (2)

2012.03.13[CSS] 초기화(Reset) 코드
2010.11.19[HTML 요소] H# 태그 - 제목 구성 방법

2012. 3. 13. 11:52웹이야기/웹/HTML

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

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

CSS 초기화(Reset) 코드

CSS 코드 문서 다운로드

[CSS] CSS 초기화(Reset) 기본코드.txt

웹/HTML 관련 팁 더보기 (Viewit)

'웹이야기 > 웹/HTML' 카테고리의 다른 글

[HTML] 메타 태그를 사용하여 사이트 검색 로봇 액세스 차단 방법 (0)	2012.06.23
[JavaScript] 웹 브라우저의 즐겨찾기 추가 스크립트 (1)	2012.05.08
[HTML] Google 크롬을 활용한 HTML5 웹사이트 확인 (0)	2011.11.17
[HTML] HTML5 설명 및 기본 마크업 (0)	2011.11.15
인터넷 익스플로러(Internet Explorer)의 교차 사이트 스크립팅(XSS) (4)	2011.09.15

Comment, Trackback

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

2010. 11. 19. 21:20웹이야기/웹/HTML

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 태그 적용 내용 미리 보기

웹/HTML 관련 자료 더보기

'웹이야기 > 웹/HTML' 카테고리의 다른 글

파이어폭스(Firefox) 주소 명령 체계 (0)	2011.07.14
[폰트] 세리프(Serif)와 산세리프(Sans-Serif)의 차이점 (0)	2010.12.20
[HTML] HTML 문자 엔티티 및 ISO-8859-1 문자 세트 (0)	2010.12.16
[HTML 요소] meta 태그 - 웹 브라우저 렌더링 설정 (0)	2010.12.16
구글 크롬(Google Chrome) 주소 명령 체계 (0)	2010.12.16

Comment, Trackback

이전 1 다음

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

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

CSS 초기화(Reset) 코드

CSS 코드 문서 다운로드

'웹이야기 > 웹/HTML' 카테고리의 다른 글

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

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

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

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

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

'웹이야기 > 웹/HTML' 카테고리의 다른 글

티스토리툴바