<pre> : preforamt의 줄임말로 태그에서 입력한 공백이 그대로 브라우저에 표시됨
티스토리 뷰
1. 개념
<pre> - 입력한 그대로 표시
2. 태그
<pre>
html5 코드
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
<!
DOCTYPE
html>
<html lang
=
"kr"
>
<head>
<meta charset
=
"utf-8"
>
<title>
키보드와 하루
</title>
</head>
<body>
1
<pre>
입력 테스트
입력 테스트2
입력 테스트3
빈칸이 없는 입력 테스트4
</pre>
</body>
</html>
|
결과 화면
코드 설명
1
<pre>
보통 html에서 다른 태그를 입력하게 되면 공백을 여러번 입력해도 한번만 나오는 것을 확인 하실 수 있습니다.
그런데 이 pre 태그를 입력하게 되면 그대로 브라우저에 표시가 됩니다.
위에서 보시는 것처럼 소스를 작성할 때 간격을 맞추기 위해서 일정한 간격을 주게 되면 pre태그를 입력하게 되면 그 간격까지도 표시를 해주게 됩니다.
그런데 이 pre 태그를 입력하게 되면 그대로 브라우저에 표시가 됩니다.
위에서 보시는 것처럼 소스를 작성할 때 간격을 맞추기 위해서 일정한 간격을 주게 되면 pre태그를 입력하게 되면 그 간격까지도 표시를 해주게 됩니다.
'[개발]프로그래밍 > html5' 카테고리의 다른 글
| [html5] <q> - 따옴표로 인용문 표시 (0) | 2020.12.30 |
|---|---|
| [html5] <strong>,<b> - 텍스트 굵게 표시 및 차이점 (0) | 2020.12.29 |
| [html5] <hr> - 수평 줄 , <blockquote> - 인용문 넣기 (0) | 2020.12.27 |
| [html5] <h1~6> - 제목표시,<p> - 단락, <br> - 한 줄 표시 (0) | 2020.12.26 |
| [html5] HTML5에서 쓰이는 기본 구조 (0) | 2020.12.25 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday