Thursday, October 12, 2006

HTML 줄 띄어 쓰기: 웹문서에 행갈이, 줄바꿈, 개행문자 넣기: htm html Newline

업데이트: 아래 주소에, 텍스트를 HTML 소스로 자동 변환하는 프로그램을 올렸습니다. 브라우저에서 직접 변환할 수 있습니다:
▶▶ 텍스트를 HTML소스로 변환하기 프로그램; TXT to HTML로

HTML에서는 엔터키를 아무리 쳐도 다음 줄로 행이 바뀌지 않습니다. 다음과 같은 태그를 사용해야만 합니다.

HTML에서 줄바꿈하는 태그

이라는 태그(Tag)를 사용하면, 웹문서(.html) 에서 다음줄로 행이 넘어갑니다. 은 "닫는 태그"가 없고, 그냥 "나홀로 태그"입니다.

 
이렇게 해도 되지만, 이쪽이 웹표준에 더 적합합니다.

아무튼 태그를 기입하면, 키보드의 Enter키를 친 것과 같은 효과가 납니다.

문단 태그를 사용하여 줄 바꾸기

라는 태그로 문단(단락: Paragraph)을 정의할 수 있습니다. 소설 등의 긴 텍스트를 작성할 때에는 로 줄바꿈을 하는 것보다는, 를 사용하는 것이 더 자연스럽습니다. 여는 태그와 닫는 태그가 쌍으로 되어 있습니다. 닫는 태그인 이것을 생략하면 나중에 문제가 생기게 되니, 꼭 붙여 주어야 합니다.

예제는 다음과 같습니다:

똠방각하 

하하하 

맹구 
 
 

산길의 끝 부분에서 건너편의 산이 그늘져 보이고 있었다. 산자락 부근에는 새롭게 조성된 듯한 시가지가 있었는데 마치 자연발생적인 것처럼 보였고 인기척은 느껴지지 않았다. 그런데 그 시가지조차도 소낙비 속에 있는 듯했다. 암울함이 마치 보이지 않는 먹구름처럼 자꾸만 몰려들었다.

산길을 내려가고 있었지만 산길의 그곳에 영원히 서 있는 것 같은 기분이 들었다. 그리고 그 기분 속의 머리 위로 소낙비가 하염없이 내리고 있었다. 그러나 실은, 산길은 비를 모르는 듯 메말라 있었다.

열쇠고리를 버리고 왔는데도, 어쩐지 그것을 손에 쥐고 오래도록 들여다보는 듯한 느낌이 자꾸만 들었다.

위의 코드 박스의 예제를 0.html 등의 이름으로 저장하고, 브라우저에서 불러보면, 행갈이가 되어 있을 것입니다.

▶▶ HTML에 공백문자 추가하는 특수기호. 빈 칸(스페이스;Space) 여러 개 적는 법

▶▶ HTML-CSS] 꺾은 괄호 (부등호) ＜＞ 표현하는 법: Less Than, Greater Than Sign

☞ HTML | CSS | 자바스크립트 JavaScript

0 Comments: