태그? Tag? 태그에 대해서 알아보자 ::: bcpark.net

자유롭게 게시물을 올릴수있는 게시판입니다.

BCPARK 유튜브 구독 감사합니다. BCPARK 유튜브 구독 감사합니다.
비씨파크 회원 뭉쳐서 100만 유튜브 채널 가즈아~~~

태그? Tag? 태그에 대해서 알아보자

http://http://naota.n4.cc

안녕하세요 몸쥐입니다.

저번에 작성했던 도메인 관련글을 ez.ro의 회칙 변경으로 부득이 하게

삭재하였습니다. 이번시간에는 태그에 대해 알아보려고 합니다.

요즘은 많은 분들이 나모 웹에디터나 드림위버 같은 웹페이지 저작툴을

많이 사용하고 계셔서 태그의 중요성을 잊고 계신듯해서 준비해본 강의 입니다.

우선 태그의 이해를 하기 위해서 알아야 되셔야 될점은 "명령어"정도로

생각하고 계시면 쉬울듯 합니다. 웹에서 그림을 불러 오고 싶다라고 하면

이미지를 불러내는 명령어를 동영상을 불로오고 싶다라고 생각하면 동영상을

불러내는 명령어를 이런식으로 위에서 쓴 명령어대로 웹페이지에 보이게 됨니다.

태그의 종류는 단독형 태그와 이중형 태그로 나뉘어 지는대요.

단독형 태그는 다음과 같습니다.

 :줄바꾸기

:문단바꾸기

<hr>:수평선 긋기

<li>:리스트의 한 항목을 기술

<img src=>:이미지 삽입

<dt>:정의를 위한 제목 기술

<dd>:정의를 위한 내용 기술

<select>:옵션 선택 기능

<link>:이문서로부터의 링크

<baes>:기본문맥 순서

<isindex>:검색 가능한 문서

<nextid>:다음 ID가 링크의 이름으로 사용됨

이정도가 단독태그입니다. 더욱 많은 단독 태그들이 존재하고 있으며

응용의 정도에 따라 많은 효과를 줄수가 있습니다.

단독태그와 이중태그의 차이점이라고 하면 바로 닫는 태그의 유무입니다.

쉽게 이야기를 하자면 태그가 적용될 범위를 지정해주는 것이지요.

ex) 내용

위의 보기는 글시체를 굵게 만처리하는 볼드체 처리입니다.

b로 열어 줘서 /(슬러쉬)하고 b로 닫아 줍니다, 만약 닫아 주지 않게 된다면

b로 열어준 부분 부터 아래쪽에 써진 태그는 모두 볼드 처리가 되는 것이지요.

이런 이중태그는 꼭 닫아 주어야 합니다 심한 경우

ex)<a href=주소>내용

위처럼 저렇게 닫아 주지 않았다면 아래쪽 원치 않는 텍스트 까지 모두 링크가 되버리는

일이 발생하곤 하죠.

이번에는 이중태그 종류를 알아 보도록 하겠습니다.

<html>...</html>:html문서의 시작과 끝을 표시합니다.

궁금하시면 익스플로러 메뉴중 보기->소스보기를 눌러 보시면 비팍의 소스가 나오는데

비팍의 소스 역시 html문서를 열어주고 끝에는 닫습니다.

<head>...</head>:html문서의 머리부분을 표시해주는 곳입니다. 주로 저사이에는

타이틀과 메타태그와 스크립이 삽입되는 곳이죠^^

<title>...</title>:head태그 사이에 들어가는 태그로써 저사이에 내용을 쓰시면

익스플로러 제일 상단과 하단에 표시해주는 태그입니다. 그리고 즐겨찾기를 할때

히스토리에 남을때도 저기에 쓴 문구로 저장이 되죠^^

<body>...</body>:홈페이지의 몸통으로써 보통 페이지에 나타나는 태그나 텍스트를

저사이에 기입합니다. 뭐 머리(head)->몸(body)정도도 알고 계시면 되요^^

<pre>..</pre>:이태그 사이에 글을 쓰시면 문서를 입력한대로 표시하게됨니다.

즉 처럼 한줄을 내려 주는 태그나 처럼 문단을 바꾸어주는 태그를 일일이

쓰지 않으셔고 이태그한번만 쓰시면 편리하겠죠?

...:많은 분들이 알고 계시는 폰트 태그입니다. <font 여기에

color라던지 size그리고 face 붙여 주시고 값을 정해 주시면 여러 효과를 볼수 있는 태그입니다.

...:위에서 한번 설명을 드렸었던 글시체를 굵게 만들어주는(볼드처리) 태그입니다.

...:이번 태그는 이텔릭체 즉 글씨를 기울어지게 만들어 주는 글씨체이죠

눈치 체신분들 계실껌니다. 어떤 태그들은 단어의 앞글자를 딴것들이 많죠^^

이정도만 알아주시면 될꺼 같군요. 이번강의의 제일 중요한 포인트는 바로

단독형 태그와 이중형 태그입니다. 그중에서도 이중형 태그는 꼭 닫아 줘야 되겠죠?

여기에 기입하지 않은 태그는 차차 강의하면서 강의가 끝날때 하나씩 올리겠습니다.

태그의 맛보기도 보셨겠다 다음에는 홈페이지의 뼈대 html의 구조와 메타태그에 대해서

알아 보도록 하겠습니다. 이상 모미지였습니다^^

비씨파크 카카오톡 오픈채팅방 오픈! gogogo~~~
[초대코드 bcpark]

written by 모미지 (gigawing99)

2004-03-20 21:13:48

1638 번 읽음

목록보기 글꼴(+) 글꼴(-) 프린트 이메일 PDF

총 6 개의 댓글이 있습니다.

의견감추기 리스트보기 펼쳐보이기

1. 안상욱 '04.3.23 12:27 AM 신고

:-)* 이거 아닌가요? 안에 " " 이거 들어가는 거... ↓댓글에댓글
2. 박민욱 '04.3.23 5:34 PM 신고

:-)*"" 표시는 들어가면 좋지만 안들어가도 정상작동 합니다^^ 단 링크의 타겟 태그의 경우 "경로"는 빠지면 안되죠. 백문이 불여일견 직접해보세요^^ ↓댓글에댓글
3. 이민수 '04.3.23 11:48 PM 신고

:-)*" "를 사용하는 것은 문자열(String)을 나타내기 위함입니다.
HTML에서는 " "가 없어도 동작합니다.. XML에서는 " "가 없으면 동작 안하는 수가 많습니다.
HTML에서도 될 수있으면 " "를 쓰시기 바랍니다. 이유는 링크시 빈칸이 들어있을 경우 ↓댓글에댓글
4. 이민수 '04.3.23 11:50 PM 신고

xx*" "을 안하면 그 빈칸 앞 까지만 인식합니다.
즉, abcd efg 로 해놓으면 abcd 까지만 사용합니다. efg를 모르는 값으로 무시해버립니다.
하지면 "abcd efg" 로 해놓으면 abcd efg 로 인식합니다. 빈칸까지 인식이 되는거죠..
뭐.. 잡답입니다. ↓댓글에댓글
5. 박민욱 '04.3.24 8:09 AM 신고

:-)*감사함니다^^ 저도 독학으로(후루꾸지만) HTML을 배워 현재 대학에서 새로 배우고 있는대요. 도통" "이 정확히 뭘 의미하는지 몰랐었거든요^^ 앞으로도 제가 설명하는데서 틀린부분이나 부족한 부분은 꼬집어 주시기 바람니다^^ ↓댓글에댓글
6. 송순미 '04.3.25 4:04 PM 신고

:-)*꽈~~~악.[꼬집었습니당..-_-;;] ↓댓글에댓글

☞ 로그인 후 의견을 남기실 수 있습니다

홈페이지 운영하세요? 용량과 트래픽과 가격으로 고민하셨어요?
비씨파크 평생 무제한 웹호스팅

목록보기

수정하기

삭제하기

작성하기