웹마당넷 |HTML 강좌 - [제02강] 태그와 태그의 차이

제 목

HTML 강좌 - [제02강] 태그와 태그의 차이

작성자

컴쟁이

등록일

2008-01-07 16:39:05

조회수

31,030

메모장에서 줄을 바꿨는데 줄이 안 바뀐다고요? 공백을 여러개 넣었는데 안들어간다고요? 당연하죠~ 메모장에서의 줄바꿈은 한 줄이나 열 줄을 넣어도 모두 한 줄로 인식하며 공백은 두개이상 넣어도 한칸으로 인식한다. 어찌하오리까?

1.  : Paragraph

- 문단 태그로서 한 문단을 바꾸고 커서를 맨 앞에 위치시킨다.
- 에디터상에서 [Enter]의 기능.
- 시작과 끝을 알리는 태그로 사용할 수도 있고 단독으로 사용할 수도 있다. 옵션 태그 추가 사용 가능.
- 여러번 사용해도 한번 사용한것과 같은 효과를 본다. (반복 사용 의미 없음)

2.  : Line BReaking

- 줄 바꿈 태그로 한 줄을 바꾸고 커서를 맨 앞에 위치 시킨다.
- 에디터상에서 [Shift] + [Enter]의 기능.
- 시작과 끝을 알리는 태그 없이 단독으로 사용 가능.
- 여러번 사용해도 하면 여러줄을 띄울 수 있다. (반복 사용시 사용 횟수 만큼 적용)
- br> 태그 두번과 태그는 같은 효과.

3. 예제-1 ( 태그와 태그의 차이)

[Source]

<html>
<head>
<title>
와 태그 맛보기
</title>
</head>

<body>
P 태그는 문단 태그로서 문단의 바꿈을 의미한다. 
BR 태그는 줄 바꿈 태그로서 단순하게 줄을 바꾸어준다. 
P 태그와 BR 태그의 차이점이 보이시나여?
</body>
</html>

[Result]

P 태그는 문단 태그로서 문단의 바꿈을 의미한다.

BR 태그는 줄 바꿈 태그로서
단순하게 줄을 바꾸어준다.
P 태그와 BR 태그의 차이점이 보이시나여?

4. 예제-2 ( 태그와 태그의 중복사용)

[Source]

<html>
<head>
<title>
와 태그 맛보기
</title>
</head>

<body>
P 태그는 문단 태그로서 단독으로도 사용이 가능하다. 중복사용 의미 없음
BR 태그는 줄 바꿈 태그로서 중복사용시 그 횟수 만큼 줄바꿈 수행 
P 태그와 BR 태그의 차이점이 보이시나여?
</body>
</html>

[Result]

P 태그는 문단 태그로서 단독으로도 사용이 가능하다. 중복사용 의미 없음

BR 태그는 줄 바꿈 태그로서

중복사용시 그 횟수 만큼 줄바꿈 수행

P 태그와 BR 태그의 차이점이 보이시나여?

5. 예제-3 ( 태그의 옵션)

[Source]