웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
[HTML 초보자] HTML 홈페이지의 태그 기본구조2.
2002.08.09 16:39
저번시간에 초보자를 대상으로 HTML 홈페이지의 태그 구조를 알아보았습니다.
그럼 이번에는 그 구조의 각 명칭과 쓰임새를 알아보도록 하겠습니다.
홈페이지의 기본구조
<html>
<head>
<title>홈페이지</title>
</head>
<body>
홈페이지 본문내용.
</body>
</html>
* html태그는 특수문자 태그인 <와 >으로 쌓여서 시작되고 끝날때에는 <와 >그리고 / 으로 합니다.
예를들어 <b>글자진하게</b> 이런식으로 말입니다.
1. <html></html>
- 이부분은 홈페이지의 문서 Html문서가 시작되고 끝이 났음을 말합니다.
2. <head></head>
- 이부분은 홈페이지의 문서 정보를 담는 태그가 시작 되고 끝이 났음을 말합니다.
대부분 메타태그,스타일시트,자바스크립트태그 이러한것들이 들어갑니다.
3. <title></title>
- 이 부분은 홈페이지의 상단 제목표시줄을 나타나게합니다.
NZEO.COM ver4 - for sitebuilder 을 태그로 나타나게 할려면..^^ head사이에
<title>NZEO.COM ver4 - for sitebuilder</title> 라는 태그를 넣으면 됩니다.
4. <body></body>
- 이 부분은 홈페이지의 결정적인 순간을 하는 모든 수많은 태그들을 집합하는 곳입니다.
테이블태그,마퀴태그,폰트,img,input,button,a href,u,i,tt,kbd,잡다한 HTML태그들이 body부분에 오게됩니다..^^
※ 이제 아셨죠? html 태그(홈페이지의) 기본구조의 기본 구조와 쓰임새를 아셨죠? -_-;
그럼 이번에는 그 구조의 각 명칭과 쓰임새를 알아보도록 하겠습니다.
홈페이지의 기본구조
<html>
<head>
<title>홈페이지</title>
</head>
<body>
홈페이지 본문내용.
</body>
</html>
* html태그는 특수문자 태그인 <와 >으로 쌓여서 시작되고 끝날때에는 <와 >그리고 / 으로 합니다.
예를들어 <b>글자진하게</b> 이런식으로 말입니다.
1. <html></html>
- 이부분은 홈페이지의 문서 Html문서가 시작되고 끝이 났음을 말합니다.
2. <head></head>
- 이부분은 홈페이지의 문서 정보를 담는 태그가 시작 되고 끝이 났음을 말합니다.
대부분 메타태그,스타일시트,자바스크립트태그 이러한것들이 들어갑니다.
3. <title></title>
- 이 부분은 홈페이지의 상단 제목표시줄을 나타나게합니다.
NZEO.COM ver4 - for sitebuilder 을 태그로 나타나게 할려면..^^ head사이에
<title>NZEO.COM ver4 - for sitebuilder</title> 라는 태그를 넣으면 됩니다.
4. <body></body>
- 이 부분은 홈페이지의 결정적인 순간을 하는 모든 수많은 태그들을 집합하는 곳입니다.
테이블태그,마퀴태그,폰트,img,input,button,a href,u,i,tt,kbd,잡다한 HTML태그들이 body부분에 오게됩니다..^^
※ 이제 아셨죠? html 태그(홈페이지의) 기본구조의 기본 구조와 쓰임새를 아셨죠? -_-;
댓글 13
-
미키
2002.08.10 08:37
-
뒹굴리스트
2002.08.10 09:13
미키 // 무슨 말이죠?
a href 가 맞습니다. -
ZipShin
2002.08.10 11:43
저는 HTML으로 3년을 했고, http://cafe.daum.net/taghttp://tagmania.net에서 각각 3년째 활동하고있습니다..^^
HTML으로 하이퍼링크할려면
<a href="http://nzeo.com" target="_blank" title="제로보드">제로보드</a>
를 하셔야죠^^ -
~_~
2002.08.10 12:46
a가 맞는데...... -
세이렌
2002.08.10 19:49
하이퍼 링크라면 a herf가 맞습니다 <a=http:??멀보냐-ㅅ-;></a> 이런식은 아닌데... -
ZipShin
2002.08.10 22:13
다들 왜이러지? a href맞는데..^^ <a href=url>URL</a> 이런식인데 ;; -
크링
2002.08.11 10:40
a href 가 맞습니다 나모나 이런데 한번 가보셔서 해보세요
제가 여러곳에서 해본결과 <a="http://yahoo.co.kr>URL</a>
라고 하시면 a="http://yahoo.co.kr>URL이 나타날것입니다 ㅎㅎ -
김현기
2002.08.11 17:40
뭐 그리 사소한걸 가지고 싸우십니까? ㅎㅎ 아무거나 보는이 마음이죠.. -
자홍
2002.08.11 15:32
켕..
그럼 img는 img src가 맞습니까? ㅡㅡㅋ
a 태그는 앵커(anchor)태그라고 부르는데 href, title, target, name 등이 a 태그의 옵션으로 들어가는 거랍니다.
기초는 중요합니다~! -
뒹굴리스트
2002.08.14 07:52
자홍 // 그럼 a 딸랑 하나 가지고 뭘 한다는 말씀입니까..ㅡㅡ;;;
짚신님이 말하려 하시는것은 링크를 거는 a href 를 의미하는 겁니다. -
ZipShin
2002.08.15 17:48
맞습니다. a href는 링크를 걸려는 태그입니다. 대부분 <a>링크</a>를 하니깐 이해를 못하는것 같아서 제가 a href라고 했습니다. 폐가 되었다면..죄송..^^ -
김성수
2003.05.06 20:54
<img src = "이미지의 주소"> 이게 맞는 거 아닌가요? 자홍님... ^^;;
그리고 버튼이라는 이름의 글자로 웹페이지의 링크를 걸때는 <a href = "웹페이지주소">버튼</a>
둘 다 합치는 방식으로 할 때는...
<a href="웹페이지 주소"><img src="이미지 주소"></a>라고 합니다... ^^* -
카마르
2005.12.07 13:56
감사합니다. 덕분에 홈페이지에 구조에 대해서 잘 알았습니다^-^
제목 | 글쓴이 | 날짜 |
---|---|---|
xe1.4.5.10 에서 xe1.5의 xe_solid_enterprise 레이아웃 사용하기 | 양파농부 | 2012.01.31 |
xpresseditor 사용시 첨부파일 본문삽입 중복되는 문제 수정. [13] | misol | 2012.01.31 |
HTML 편집모드에서 파일 첨부 본문 삽입시 자바스크립트 오류가 뜨는 문제 수정 팁 [1] | misol | 2012.02.01 |
xe 1.4.5.10 에서 board 1.4.2 (1.5용 게시판) 사용하기 | 양파농부 | 2012.02.01 |
여러도메인으로 접속시 무조건 하나의 도메인으로 이동시키기 | squarehacker | 2012.02.02 |
확장변수이용시 숫자 일경우 정렬하기 팁 | 푸하라 | 2012.02.02 |
XE 1.5 이상으로 DB 이전시 일부 DB가 빠질 경우 - 내용추가(0203) [7] | sejin7940 | 2012.02.02 |
묻고 답하기 게시물 옮기는 法 [2] | CMD | 2012.02.05 |
부운영자 [26] | 송동우 | 2012.02.05 |
XE 포인트 파일캐쉬대신 memcache 사용하기 [4] | 최기훈. | 2012.02.06 |
스마트폰에서 xe 구축 [3] | 최태진814 | 2012.02.06 |
v1.5를 위한 팝업 모듈과 팝업 오프너 애드온 [55] | 우진홈 | 2012.02.06 |
php 피카사 연동 프로그래밍 [1] | 강아지60 | 2012.02.06 |
[XE1.4.5.10]게시판 파일첨부 버튼이 먹통일 때.. | 카리브 | 2012.02.08 |
make install 로 설치한 파일 제거 방법 [2] | StyleRoot | 2012.02.08 |
댓글을 역순으로 출력하는 팁 (최근댓글이 가장 위에) [8] | sejin7940 | 2012.02.10 |
1.5.1 최근 글 위젯에서 특수문자가 나가는 현상 [7] | Crom | 2012.02.12 |
업데이트 후 사이트 통함검색이 안되시는 분 보십시오^^ | RGM | 2012.02.12 |
v1.5를 위한 제어판 테마 애드온 정식 [4] | 우진홈 | 2012.02.13 |
XE에서 메일기능이 작동하지 않을때 | 애호가 | 2012.02.16 |
a O
고쳐주세요.