홈페이지와 HTML 2
3. 문서몸체 - < Body > ... < /Body >
< body >...< /body >는 문서내용이 존재하는 곳이며, 홈페이지 문서의 배경색상, 배경그림,
글자색 등을 지정할 수 있다.
< BODY BACKGROUND="그림파일" BGCOLOR="color" TEXT="color" LINK="color" VLINK="color" ALINK="color" >
... 문서내용 ... < /BODY >
▷ 그림파일이 BACKGROUND로 지정되면, 문서의 배경그림이 된다.
▷ bgcolor는 배경색
▷ text는 글자색
▷ link는 접속한 적이 없는 링크의 색 (기본값 파랑)
▷ vlink는 과거에 접속한 적이 있는 링크의 색 (진한 자주)
▷ alink는 마우스로 선택하였을 때의 색 (빨강)
이들 중 브라우저의 기본값을 바꾸고 싶은 속성만을 선택적으로 사용하면 된다.
▶ 색상값 - RGB 코드 사용
색상값은 16진수로 이루어진 6자리 숫자로 이루어지며 각 두자리씩 빨강(Red), 초록(Green),
파랑(Blue) 값을 나타낸다.
#A3FF78 16진수 - 1,2,3,4,5,6,7,8,9,A,B,C,D,E,F
R G B
- 색상값을 숫자로 표현할때는 숫자앞에 # 표시를 넣는다. 이것은 규정사항은 아니지만 숫자라는
의미로 # 표시를 달아주는 것이 좋다.
- 색상값을 숫자로 일일이 기억하기가 어렵다. 따라서 각각의 색상값에대한 이름이 정해져 있다.
예) #0000FF = blue , #FFFF00 = yellow , #FFA500 = orange
[사용예]
< html >
< head >
< title >주일이의 홈페이지< /title >
< /head >
< body bgcolor="orange" text="#000000" link="#8B4513" vlink="red" >
안녕하세요?
< /body >
< /html >
4. 머릿글 - < Hn >
< Hn ALIGN="LEFT | CENTER | RIGHT" >...< /Hn >
여기에서 n는 1과 6사이의 숫자로, 머릿글의 크기을 지정한다.
HTML에서는 여섯 단계의 크기의 머릿글(heading)이 있는데, 1부터 6까지로 나타내며,
1 또는 2 수준이 가장 많이 사용된다. 머릿글은 일반적인 문서내용의 글씨보다 더 크고 굵은
글자체로 나타내며, 다음 행과 약간의 줄간격을 둔다.
[사용예] [출력화면]
< H1 >제1크기 머릿글< /H1 >
< H2 >제2크기 머릿글< /H2 >
< H3 >제3크기 머릿글< /H3 >
< H4 align="left" >제4크기 머릿글< /H4 >
< H5 align="center" >제5크기 머릿글< /H5 >
< H6 align="right" >제6크기 머릿글< /H6 >
예)
< html >
< head >
< title >주일이의 홈페이지< /title >
< /head >
< body bgcolor="orange" text="#000000" link="#8B4513" vlink="red" >
< h2 >양주일 홈페이지< /h2 >
안녕하세요?
< /body >
< /html >
5. 줄바꿈 - < BR >
< BR > tag은 행바꿈(line break)으로서, 한 줄을 띄우지 않고 줄을 바꾼다.
여러번 계속적으로 사용하면 여러줄을 띄워 쓸 수 있다.
< html >
< head >
< title >주일이의 홈페이지< /title >
< /head >
< body bgcolor="orange" text="#000000" link="#8B4513" vlink="red" >
< h2 >양주일 홈페이지< /h2 >
안녕하세요?
만나서 반갑습니다.
< /body >
< /html >
※ HTML문서는 tag를 만나지 않는 한 계속적으로 내용을 주욱 늘어뜨려 놓게 된다. 그러므로
줄바꿈을 하고 싶을땐, 지정된 위치에 삽입하면 된다.
< html >
< head >
< title >주일이의 홈페이지< /title >
< /head >
< body bgcolor="orange" text="#000000" link="#8B4513" vlink="red" >
< h2 >양주일 홈페이지< /h2 >
안녕하세요? < br >
만나서 반갑습니다.
< /body >
< /html >
6. 가운데 정렬 - < Center > ... < /Center >
< Center >는 문장이나 그림등을 가운데 정렬하기 위해서 사용된다.
가운데 정렬하고자 하는 부분을 < center > 와 < /center > 사이에 넣으면 된다.
< html >
< head >
< title >주일이의 홈페이지< /title >
< /head >
< body bgcolor="orange" text="#000000" link="#8B4513" vlink="red" >
< center >< h2 >양주일 홈페이지< /h2 >< /center >
안녕하세요? < br >
만나서 반갑습니다.
< /body >
< /html >