|
|
|
강아지랑 송아지도 만들 수 있는 HTML 강좌 - 08편 : 그 외
|
이번에 설명드릴 것은 그동안 설명드리지 못한 HTML 태그들입니다.
나중에 설명드렸다고 중요하지 않은 것은 아닙니다.
앞부분에 마땅히 끼워넣을 곳이 없어서 지금 소개해드리는 것 뿐입니다.
#1. 그 외의 태그들
[ 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)
원래 흰색인데 왜 흰색으로 다시 지정을 할까요?
이유는 가끔 가다가 웹브라우저의 기본 웹페이지 색상을 흰색 이외의 다른 색으로 지정하는 사람들이 있어서입니다.
그 사람들이 잘못하는 게 아니에요. 당연히 홈페이지를 자기가 보여주기 위한 색으로 지정하는 것이죠.
방문하는 모든 사람들이 설정하고 있는 기본 색이 흰색이라고는 생각하지 마세요. 큰 착각입니다.
여기까지 해서 순수한 HTML의 강의는 끝났습니다.
하지만 아직 뭔가 빠진 게 있는 것 같죠?
그렇습니다. 이번이 아니라 다음 강의까지가 마지막입니다.
다음에는 HTML은 아니지만, 그동안 하지 않았던 부분을 보충하는 시간을 갖겠습니다.
|
|
猫愛 - MyoAe - Homepage Mode
Ver. 1.45
by Aierse | |
|