이번 HTML 공부하기 4번째 글은 <pre>태그입니다.
<pre>태그를 사용하기전 HTML 공부하기 3번째 글에서 <p>태그 , <br>태그에 대하여 간략하게 복습하도록 하겠습니다.
<br> 태그는 줄바꿈을 원할 때 사용하는 것이고
<p> 태그는 단락을 바꿀때 사용함
예제로 이해하고 싶은 분들은 클릭을 눌러주시길! ----> 클릭
그럼 본격적으로 <pre> 태그에 대하여 공부해봅시다.
<pre> 태그
<pre> 태그는 <br>을 여러번 안써도 되는 편리함을 주는 테그다.
<pre> 태그 속에서는 엔터만 눌러도 효과를 볼수 있다.
예제를 통해 바로 이해해보도록 하자.
<html>
<head>
<title> OracleJava it공부하기 </title>
</head>
<body>
pre를 사용하기전 <br>
안녕하세요.
oraclejava it공부하기 티스토리에 오신것을 환영합니다.
오늘하루도 열심히 배우시고 많은 것을 얻고 가시길 바랍니다.
감사합니다. <p>
열심히 엔터키를 누르며 글을 적었지만 효과가 없는것을 볼 수 있다.<p>
그렇다면 pre 태그를 사용해보자.<p>
<pre>
안녕하세요.
OracleJava it공부하기 티스토리에 오신것을 환영합니다.
오늘하루도 열심히 배우시고 많은 것을 얻고 가시길 바랍니다.
감사합니다.
</pre>
와우~~ pre 이해가 쏙쏙 !!! <br>
</body>
</html>
저장 --> html공부4.1.html
(지난시간에 모르고 html공부4 로 저장을 해서요 ㅠㅠ 이번엔 4.1로 저장했습니다.)
결과를 보자.
[흠... 글씨가 잘 안보이지만 양해 부탁그려요.. 앞으로는 잘보이게 할께요 ㅠㅠ]
이해는 쏙쏙 가지요???^^
HTML 공부하기4 번째 시간 <pre> 태그 완벽하게 마스터하시고 가시길 바랍니다.^^
오라클자바교육센터 - 위그림 클릭하시면 해당사이트로 이동됩니다.^^
HTML 공부하기 4] <pre> 태그
'웹표준' 카테고리의 다른 글
| [HTML공부하기 5-1] <hn align="위치"> (0) | 2014.05.27 |
|---|---|
| [HTML 공부하기 5] <p align="위치" > (0) | 2014.05.26 |
| HTML공부하기 3 ] <br> 태그, <p> 태그 (0) | 2014.05.24 |
| HTML 공부2. (0) | 2014.05.22 |
| HTML 공부 1. (0) | 2014.05.21 |