HTML(Hyper Text Markup Language) 이해

본 자료는 3페이지 의 미리보기를 제공합니다. 이미지를 클릭하여 주세요.

해당 자료는 3페이지 까지만 미리보기를 제공합니다.
3페이지 이후부터 다운로드 후 확인할 수 있습니다.

본문내용

ody bgcolor="white">
HTML 문서에서는 [Enter]키를 눌러도 줄이 바뀌지 않습니다.
이것 보세요! 화면에는 그냥 윗줄 내용과 이어서 나타나지요?

태그는 HTML 문서 본문 내용의 줄바꿈을 위한 것입니다. 줄바꿈 태그를 사용하면,
텍스트를 한줄에 입력해도
다음줄에 내용이 입력됩니다.

태그를 여러번 사용하면 사용한만큼 줄이 강제적으로 바뀌게 됩니다.

(9) 단락표기
1) 사용방법
① 형식 :

②

태그는 단락(Paragraph)을 만들기 위한 것으로 2번의 줄바꿈이 생기게 된다.
③
태그를 두 번 사용한 것과 같은

태그는 여러번 사용해도 하나밖에 인식을 못하는 차이점이 있다.
④ 많은 텍스트를 입력해야 하는 HTML 문서에서 단락의 구별을 위해 주로 사용된다.
2) 예제

단락

문서의 단락을 구분하기 위해 사용하는 태그에 대해 알아보기로 합니다.

태그는 여러 번 사용해도

한 번만 인식한다는 점에서

태그와 차이점이 있습니다.

2. 태그의 활용
(1) 글꼴
1) 사용방법
① 형식
▶ ∼ (n=1에서 7까지의 수)
▶ ∼ (n은 숫자)
▶ ② 태그는 넷스케이프의 확장 태그로 행을 바꾸지 않고 글자의 크기를 변경할 수 있도록 한다.
③ 태그는 1∼7까지의 7단계로 크기를 조정할 수 있으며 태그와는 반대로 1이 가장 작고 7이 가장 큰 글자 크기를 의미한다.
④ 태그는 자동으로 줄바꿈을 하지만 태그는 줄바꿈을 하지 않는다.
⑤ 태그는 수식에 의한 직접 크기 지정 외에도 '+n', '-n'과 같이 현재 표시하고 있는 글꼴에 대한 상대 크기도 지정할 수 있다.
⑥ 태그는 현재 기본 글자의 크기를 변경할 수 있도록 한다.
⑦ 태그로 기본 글자의 크기를 지정하면 이후부터는 지정한 크기가 기본 글자의 크기로 사용된다.
2) 예제

글자의 크기

font 크기 1
font 크기 2
font 크기 3
기본글자의 크기는 2로 합시다.

다시 글자의 크기를 5로 바꿔볼까요?

2단계 정도 더 글자가 커집니다.
이건 font 크기의 3의 글자이고,
다시 1단계 정도 글자가 작아졌지요.

(2) 이미지 삽입
1) 사용방법
① 형식 이미지 파일의 설명
② 그래픽 이미지를 HTML 문서에 삽입할 때 사용한다.
③ 'SRC' 옵션은 반드시 사용해야 하며, 이미지의 파일명을 표시하는 역할을 담당한다.
④ 네트워크 상에서 주로 이용하는 HTML 문서의 특징을 고려하여 이미지 파일 형식은 *.gif와 *.jpg를 주로 사용한다.
2) 예제

이미지삽입