자동줄바꿈 [태그]

1. <ul>과 <pre>

게시판에서 글쓰기 누른후 HTML에 체크하고..
글을 아래처럼 내가 원하는대로 줄바꿈을 하면서 쓰고
글 맨위에 <pre>를 넣어주면 글씨가 배열된대로 보이고

글씨가 왼쪽으로 너무 붙어서 약간 오른쪽으로 띄우고 싶다..하시면
글 맨위에 <ul>을 하나 넣어주면 <ul>하나만큼 띄워지고
두개 넣으면 두개만큼 띄워 집니다.

예를 들면..

1번 소스
<pre><ul>
안녕 하세요
반갑습니다

안녕 하세요
반갑습니다
</ul></pre>


1번 실행

안녕 하세요
반갑습니다 
안녕 하세요
반갑습니다 

위에서 만약에 <pre>을 넣지 않는다면 글씨는 옆으로만 길게 붙어 버리지요.

또는 많은글을 일일히 줄바꿈을 하지 못할때
자동으로 줄바꿈을 하게하는 방법은 아래와 같습니다.
2. 자동 줄바꿈

2번 소스
<table width=300><tr><td>
안녕 하세요 반갑습니다 안녕 하세요.반갑습니다 

안녕 하세요 반갑습니다 안녕 하세요 반갑습니다.

안녕 하세요 반갑습니다 안녕 하세요 반갑습니다.

안녕 하세요 반갑습니다 안녕 하세요 반갑습니다.

안녕 하세요 반갑습니다 안녕 하세요 반갑습니다.
</td></tr></table>

2번 실행
안녕 하세요 반갑습니다 안녕 하세요.반갑습니다 안녕 하세요 반갑습니다 안녕 하세요 반갑습니다.안녕 하세요 반갑습니다 안녕 하세요 반갑습니다.안녕 하세요 반갑습니다 안녕 하세요 반갑습니다.안녕 하세요 반갑습니다 안녕 하세요 반갑습니다. 
위에 2번의 소스에서 width=300 으로 지정하면 
가로 300 내에서 자동 줄바꿈을 하니 사이즈를 원하는 사이즈로 써주시면 되고요.
또는 테이블 소스 맨위에 <center>나 <ul>을 넣어주면 테이블 자체로 위치 배열이 됩니다.
3. <br>로 줄바꿈 하기
간혹 개인 사이트에서 <pre>태그가 먹히지 않는곳이 있고
원칙적으로는 줄바꿈 할때 <br>태그를 쓰는걸로 알고 있읍니다.
예를 들면..

3번 소스

<ul>
안녕 하세요<br>
반갑습니다 <br>
<br>
안녕 하세요<br>
반갑습니다 <br>
</ul>


3번 실행

안녕 하세요
반갑습니다

안녕 하세요
반갑습니다

위와같이 <br>을 하나 넣으면 줄바꿈을 하고
두개를 넣으면 하나는 줄바꿈을 하고
나머지 하나는 한줄을 더 띄워주게 됩니다.

 

 

카페>좋은글과 좋은음악이 있는곳  -  주도도님  -  옮긴글입니다