* main *

* BBS *

* gallery *

* profile *

* link *



[카테고리]

* 음악 *
* 잡담 *
* SOOL *
* 물건들 *
* 이런저런 추억 *
* 책 이야기 *
* 여행의 추억 *

* 잡다한 고찰 *
* 컴퓨터 관련 *
* 이런저런 메모 *
* 공지사항 *

* 추억의 게임 *
* 추억의 애니 *
* 만화책 이야기 *
* 미드 이야기 *
* 매직 더 개더링 *


[최근 댓글]

아니, 따로 공부한 건 아닌데 우리...
  by 아이어스
 
2019-09-22

우와 놀랍네요! 혹시 이런 쪽으로 ...
  by perplex
 
2019-09-21

야외 운동의 단점이 기후의 영향을 ...
  by 아이어스
 
2019-09-08

오호 저에게도 도움이 되는 글이군...
  by 아리무스
 
2019-09-07

일립티컬이 정말 좋더라.모바일 스...
  by 아이어스
 
2019-09-06

오 역시 일립티칼을 써야 하는 군요...
  by perplex
 
2019-09-05

사실 기구가 좋긴 한데, 흠. 처음에...
  by 아이어스
 
2019-09-04

어이쿠!! 감사합니다. 일단 글 긁어...
  by perplex
 
2019-09-04

그랬구나... 우리나라는 약사 등 의...
  by 아이어스
 
2019-08-27

헉...;;; 네...쓴 경험으로 배우신 ...
  by perplex
 
2019-08-26

사실 레몬과 식초까지 다 해봤는데 ...
  by 아이어스
 
2019-07-26

생선요리 비린내에는 팬에 가루녹차...
  by 나무늼
 
2019-07-26

성분 표시는 모든 성분을 다 표시하...
  by 아이어스
 
2019-07-24

ㄷㄷㄷㄷㄷ 성분표시에 낚이셨군요....
  by 아리무스
 
2019-07-24

hi hi
  by 아이어스
 
2019-05-17


추억의 상자


Category List admin  
강아지랑 송아지도 만들 수 있는 HTML 강좌 - 08편 : 그 외 
 

이번에 설명드릴 것은 그동안 설명드리지 못한 HTML 태그들입니다.
나중에 설명드렸다고 중요하지 않은 것은 아닙니다.
앞부분에 마땅히 끼워넣을 곳이 없어서 지금 소개해드리는 것 뿐입니다.

#1. 그 외의 태그들

[ center 태그]
center 태그는 그 사이에 있는 모든 내용을 가운데로 가로 정렬시킵니다.
내용이 문장이건 테이블이건 이미지이건 상관없이 모두 가운데 정렬을 시켜주는 편리한 태그입니다.
아마 자주 사용하시게 될 겁니다.
(예)
<center>내용</center>



[ hr 태그 ]
hr태그는 horizon(수평선)의 약자로 가로로 길게 선이 그러지는 태그 입니다.
자주 쓸 일은 없지만 가끔 써주면 편합니다. 물론 이거 대신 테이블을 쓸 때가 더 많습니다만.

속성은 아래와 같습니다.
width : 수평선의 가로 길이입니다. 픽셀길이 뿐 아니라, 모니터가로사이즈에 비례한 %로도 사용가능합니다.
size : 높이 입니다. 수치로 입력합니다.
align : 가로 정렬. 이제 다 아시죠?^^
color : 색상값을 입력해서 수평선의 색을 변화시킵니다.
noshade : 그림자를 없애서 입체감을 없앱니다.

직접 써볼까요?
(예)
<hr width="100" size="1" allign="center" color="#0000FF">
(결과)





[ 주석처리 ]
html뿐만 아니라 모든 컴퓨터 언어는 주석처리를 할 수 있습니다.
html에서 주석처리를 하는 이유는,
1) 나중에 자기가 짠 코드를 봤을 때 알아보기 쉽게 하기 위해서
2) 에러가 났을 때 해당 코드를 보이지 않기 위해서
3) 필요없거나 임시로 지우려는 코드(태그)를 실행되지 않게 하기 위해서.
입니다.

번호 순대로 중요한 순서인데요.
쉽게 말해서 주석 안에 있는 html 태그는 실행이 안됩니다. 브라우져에 표시도 안 되구요.
브라우져가 웹문서를 읽을 때 주석 부분은 "쓰레기"로 간주해서 다 버려버리죠.
때문에 주석을 잘 이용하면 많이 편해집니다.

사용법은 간단합니다.
<!-- 내용 -->
입니다.
<!-- 와 --> 사이의 모든 내용은 없는 것으로 처리됩니다.

줄을 바꿔도 됩니다.
<!--
내용
-->
이렇게요.
쉽죠?


#2. body 태그의 속성을 보자

마지막으로 body 태그의 속성을 보죠.
body태그 잊지 않으셨죠?^^;

body태그는 html문서의 내용을 써주는 부분이지만, 몇 가지 주요 속성을 지정해줄 수 있습니다.
아래의 속성을 봅시다.

bgcolor : html 문서 전체의 바탕색을 지정합니다.
link : 하이퍼링크의 글자색을 지정합니다.
vlink : 한 번 이상 방문한 하이퍼링크의 색을 지정합니다.
alink : 하이퍼링크를 누를 때의 색을 지정합니다.
text : 일반 글자 색을 지정합니다.
background : 배경 이미지를 지정합니다.


여기서 가장 중요한 것은 의외로 bgcolor입니다. 다른 것은 사실 다 아무래도 좋아요.
보통 우리가 흰색바탕의 웹페이지를 보죠? 그럴 경우라도 반드시 bgcolor를 흰색으로 지정해줘야합니다. 이렇게요.
(흰색 = #FFFFFF)
<body bgcolor="#FFFFFF">


원래 흰색인데 왜 흰색으로 다시 지정을 할까요?
이유는 가끔 가다가 웹브라우저의 기본 웹페이지 색상을 흰색 이외의 다른 색으로 지정하는 사람들이 있어서입니다.
그 사람들이 잘못하는 게 아니에요. 당연히 홈페이지를 자기가 보여주기 위한 색으로 지정하는 것이죠.
방문하는 모든 사람들이 설정하고 있는 기본 색이 흰색이라고는 생각하지 마세요. 큰 착각입니다.

여기까지 해서 순수한 HTML의 강의는 끝났습니다.
하지만 아직 뭔가 빠진 게 있는 것 같죠?

그렇습니다. 이번이 아니라 다음 강의까지가 마지막입니다.
다음에는 HTML은 아니지만, 그동안 하지 않았던 부분을 보충하는 시간을 갖겠습니다.


2012-08-17 05:29:07 | [Comment(0)]




   ☆computer

컴퓨터를 포맷했습니다-_-;  2014-01-21
SNS 플러그인 설치  2012-09-12
[JAVA SCRIPT] getElementById()  2012-09-05
[HTML] link 태그 숏 컷 아이콘 지정  2012-09-03
SEO - 검색엔진최적화  2012-08-22
강아지랑 송아지도 만들 수 있는 CSS 강좌  2012-08-17
강아지랑 송아지도 만들 수 있는 HTML 강좌 - 08편 : 그 외   2012-08-17
강아지랑 송아지도 만들 수 있는 HTML 강좌 - 07편 : 폼  2012-08-17
강아지랑 송아지도 만들 수 있는 HTML 강좌 - 06편 : 메타 태그  2012-08-17
강아지랑 송아지도 만들 수 있는 HTML 강좌 - 05편 : 프레임  2012-08-17
강아지랑 송아지도 만들 수 있는 HTML 강좌 - 04편 : 테이블  2012-08-17
강아지랑 송아지도 만들 수 있는 HTML 강좌 - 03편 : 글자쓰기와 이미지 출력, 하이퍼링크  2012-08-17
강아지랑 송아지도 만들 수 있는 HTML 강좌 - 02편 : HTML 문서의 기본구조  2012-08-17
강아지랑 송아지도 만들 수 있는 HTML 강좌 - 01편 : 태그란 무엇인가?  2012-08-17
강아지랑 송아지도 만들 수 있는 홈페이지 강좌 - 인트로  2012-08-17
Chrome 브라우저 등에서의 style.display 속성문제  2012-08-07
사이트맵을 만들어보자  2012-07-31
robots.txt  2012-07-31
[JAVA SCRIPT] 코멘트 창 불러오기  2012-07-31
[mySQL] select로 검색  2012-07-31
[PHP] 따옴표 사용 문제  2012-07-31
[PHP] 정규표현식으로 깨진 문자 없애기  2012-07-31
[HTML] <nobr></nobr>  2012-07-31
컴퓨터 관련된 게시물을 정리하려고 합니다.  2012-07-31








猫愛 - MyoAe - Homepage Mode
Ver. 1.45

by Aierse