Follow JookJun on Twitter
      만당 최신 글
      만당 최신 댓글
counter
오늘:
878
어제:
5,351
전체:
2,313,406

3. BODY와 기본 설정

조회 수 2467 추천 수 240 2005.01.10 02:07:26
3. BODY와 기본 설정  

3. BODY와 기본 설정


1.
body(본문 넣기)

 
앞에서 배운  
<HTML>의 기본구조에 따라 <HTML>을 넣고, 본문도 입력해 보겠습니다.
  여기에다 앞으로 하나 하나씩 배우게 될 태그들로 살을 붙여 나가면 멋진 홈페이지로 완성이 될 것입니다.

 아래의 예제는 웹페이지 즉 HTML문서의 기본이 되는 골격입니다.
  항상 이 기본 골격을 기억하시고 사용해 주시기 바랍니다.


<HTML>
<head>
<title>제목을 넣고</title>
<head/>
<body>

<br>
<br>
본문으로 들어갑니다.
<br>
<br>
</body>
</html>





2.
예제 


<html>
<head>
<title>
유리꽃 HOUSE</title>
<head/>
<body>
<br>
<br>
저의 홈을 방문해주셔서 감사합니다.<br>
제가 홈페이지를 만들게 된 동기는<br>
감미로운 음악과 함께 흐르는<br>
아름다운 영상시에 푹 빠져서였답니다.<br>
<br>
<br>
</body>
</html>



body(본문) 부분 잘 아시겠죠?
그럼 이제 줄바꾸기는 어떻게 해야 할까?  아래를 볼까요?


3. 줄 바꾸기

 
*<br>  일반 워드에선 아랫칸으로 줄을 내려 쓸려면 엔터만 치면 되지만 웹상에서는 <br>태그를 써줘야 합니다.

*<p> 이건 <br>을 두번 써주는 효과와 같습니다. 다시 말해 문단을 구분해 주는 태그입니다.

*<br>은 써주는 만큼 계속 아랫줄로 내려가지만 <p>는 여러번 써줘도 단 한번 써주는 효과밖에 생기지 않습다.

*<br>은 종료 없이 원하는 위치에 넣기만 하면 그 자리에서 줄이 바뀌게 됩니다. 이 태그는 사용하는 만큼 줄이 바뀌게 되므로 줄 간격을 넓혀줄 때도 여러개 연속적으로 사용해서 표현해 줄 수 있습니다.
 
※줄 바꾸지 않기
태그는 종료 태그인
</br>을 사용하지 않습니다.
연속해서 사용하는 경우 그 만큼의 빈 줄이 생깁니다.

<br>태그가 강제로 줄을 바꾸는 것이라면 <nobr>은 줄 바꿀 위치에서 바꾸지 않고 한줄에 출력하게 됩니다. 이런 경우 브라우저의 범위를 벗어나기 때문에 가로 스크롤바가 생기게 됩니다.
사실 가로 스크롤바는 별로 권장할 만한 형태가 아니기 때문에
<nobr>은 불가피한 경우가 아니면 사용하지 않는 것이 좋습니다.

어때요? HTML 기본 구조 이해가 되십니까?
그럼 다음에는 글자(pont)에 대해서 설명하도록 하겠습니다.



엮인글 :

하충효

2005.01.10 19:15:39
*.35.146.141

도움말 10까지 쓰시고 그 글에 10개의 리플을 달면 알림마당의 도배는 얼추 끝날 것 같슴다ㅋㅋㅋ
List of Articles
번호 제목 글쓴이 날짜 조회 수
23 TABLE 실기 (세번째) - 만화 편집 - TR 과 TD - 방랑객 2005-01-19 2563
22 TABLE 실기 (두번째) - align 과 valign - 방랑객 2005-01-19 2372
21 TABLE 실기 (첫번째) [8] 방랑객 2005-01-18 2386
20 "시스템복원" 이란 무엇인가 ? -고장수리 !- [5] 방랑객 2005-01-18 3112
19 로그인 하지 말고 연습 하세요. [1] 방랑객 2005-01-17 2382
18 5, 명령어 사전 방랑객 2005-01-16 2335
17 로그인 없이,,질문 / 답변 / 연습 하기 [1] 방랑객 2005-01-16 2378
16 자유광장에 덧글 올리는 세가지 방법 [7] 방랑객 2005-01-10 3491
15 응용 2 : 링크 하기 (한 페이지만 링크) [3] 방랑객 2005-01-17 2316
14 응용 1 : 링크 하기 (사이트 를 링크) [1] 방랑객 2005-01-17 2492
13 내친김에 한가지더. [2] 방랑객 2005-01-14 2428
12 한글 Windows Media Player v9.0.2980 (최신 버젼) 다운받기 [3] 방랑객 2005-01-05 3981
11 프로그램 설치 / 제거 방법 방랑객 2005-01-17 5315
10 파일 다운받기 -- 단계별 설명.(실기위주) 방랑객 2005-01-15 2711
9 4. 아름다운 글자(font) 태그 [1] 방랑객 2005-01-12 2653
8 아름다운글 올리는 방법 -열세가지- 방랑객 2005-01-17 2406
7 태그 (색상표) 방랑객 2005-01-12 3124
6 태그 (글꼴) [2] 방랑객 2005-01-12 2760
» 3. BODY와 기본 설정 [1] 방랑객 2005-01-10 2467
4 2. HTML의 기본 구조 방랑객 2005-01-10 2635