누구야 : 자료창고 :: 초보자의 HTML 탐험기

초보자의 HTML 탐험기 - Tag 란 무엇일까??

--- 나름 웹제작 팁/HTML & CSS 2009/06/17 16:45

Posted by DooTongYak

+ HTML의 가장 기본적인 태그들

기본태그

<html>...</html>
html 문서의 사직과 끝을 정의 한다.
<head>...</head>
헤더의 시작과 끝을 정의 한다.
<title>...</title>
브라우저에 제목을 표시해 줍니다.
<body>...</body>
본문의 시작과 끝을 정의 합니다.

+ 태그의 종류 1

- <h2>...</h2> : 문서의 제목의 크기를 지정해 준다 . 1~ 6 까지 있으며 1일때 가장 크고 6일때 가장 작다

H tag

- font tag : ... : 글자의 크기 ,색상, 스타일을 표현할때 사용 하며 font tag에는 3가지 속성이 있다
 Color - 글자의 색상을 지정합니다.
 Face - 글자의 스타일, 즉 글자 체를 지정합니다. 사용한 폰트가 컴퓨터에 없다면 기본 폰트로 보여 집니다
 Size - 글자의 사이즈를 나타냅니다. 1부터 7까지 사용할 수 있고 tag로 1이 제일 작고 7이 제일 큽니다.

Font tag

- body tag : <body>...</body> : html파일의 백그라운드나 배경의 색상 이 안에서 설정 할수 있습니다
Bgcolor : html 파일의 배경색을 지정해 준다.
Background : html의 배경그림을 지정해 줍니다.

Body tag

- br tag : 줄을 바꿀때 쓰이는 태그로써 breaking의 약자 입니다.
html 태그에서는 줄 바꿈을 할때 enter 키나 space bar 를 사용하는 것이 아니고 br 태그를 사용 하며 닫는 태그 없이
줄을 바꾸고자 하시는 곳에 넣으셔서 쓰시면 됩니다.

Br tag

-  
정말 간단한 거지만 요거 하나때문에 상당히 편하게 작업한다고 해야 하나요 ㅋㅋㅋㅋㅋ
컴퓨터에서 space bar 의 기능 이죠~ 여러칸을 띄울때 상당히 유용합니다.

- -

- P tag : ... html의 단락을 구분지어 주는 태그랍니다. 단락을 주고 싶을때 사용하시면 되구요
 더불어서 ... 사용 가능 합니다 왼쪽 , 가운데, 오른쪽 정렬로
 나타다는 거죠. 그리고 br 태그와는 다른게 br 태그는 여러번 써도 다 적용되지만 p 태그는 여러번 써도
 한번 밖에 적용 안된다는거 기억하세요!!

P tag

+ 글자 스타일과 관련된 태그들

- 논리적 스타일 : 글자가 사용되는 목적에 따라 개념적으로 변하는 스타일.

 <abbrev>...</abbrev> : 긴 문장을 생략해서 쓸 때 사용하는 스타일
 <acronym>...</acronym> :문장에서 약자를 나타낼 때 사용하는 스타일
 <arg>...</arg> : 줄거리나 증명 등을 나타내는 문장에 사용하는 스타일
 <cite>...</cite> : 문장의 특정 부분을 인용하고 싶을 때 사용하는 스타일
 <code>...</code> : 컴퓨터의 프로그램 상에서 코드를 나타낼 때 사용하는 스타일
 <dfn>...</dfn> : 용어에 대한 정의나 예제 등을 나타낼 때 사용하는 스타일
 ... : 문장의 특정 부분을 강조하고 싶을 때 사용하는 스타일
 <kbd>...</kbd> : 컴퓨터의 키보드로 입력한 문장임을 나타낼 때 사용하는 스타일
 <q>...</q> : 짧은 인용 문장을 나타낼 때 사용하는 스타일
 <samp>...</samp> : 문장에서 특정 부분에 대한 예제 등을 사용하고 싶을 때 사용하는 스타일
 ... : 강조하는 부분을 나타낼 때 사용하는 스타일
 <var>...</var> : 프로그램 변수 이름 등을 나타낼 때 사용하는 스타일

논리적 스타일 태그

- 물리적 스타일 : 화면에 표현되는 모양을 변화 시키는 방법으로 물리적으로 변화를 주는 것.

 ... : 볼드 체의 약자로 강조해서 나타내고자 할 경우 사용하는 스타일
 <big>...</big> : 문장에서 사용하는 다른 글자보다 큰 글자로 표현하고 싶을 때 사용하는 스타일
 ... : 글자를 이탤릭체로 표현하고 싶을 때 사용하는 스타일
 <s>...</s> : 밑줄이 아닌 글자의 중간에 줄을 그어 나타내고 싶을 때 사용하는 스타일
 ... : 문장에서 사용하는 다른 글자보다 작은 글자로 표현하고 싶을 때 사용하는 스타일
 ... : 아래첨자로 사용하고 싶을 때 사용하는 스타일
 ... : 위 첨자로 사용하고 싶을 때 사용하는 스타일
 ... : 글자에 밑줄을 그어 나타내고 싶을 때 사용하는 스타일

물리적 스타일 태그

오늘은 여기 까지 ㅋㅋㅋㅋㅋㅋ 일일이 해서 넣는 것도 일이네요 ㅋㅋㅋㅋㅋㅋㅋ
다음은 어떤걸 올릴까요?? ㅋㅋㅋㅋ 선그리기 태그 및 외부 내부링크에 대해서 올려 보겠습니다!! ㅋㅋㅋ

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

'--- 나름 웹제작 팁 > HTML & CSS' 카테고리의 다른 글

CSS란? (0)	2009/06/22
초보자의 HTML 탐험기 - Tag 란 무엇일까?? (0)	2009/06/17
초보자의 HTML 탐험기 - HTML 란 무엇일까?? (0)	2009/06/17
특정 페이지로 자동으로 이동하기 (0)	2009/02/02
DIV 코딩 총정리!!ㅋㅋ (3)	2009/01/23