pre태그는 html에 입력한 내용 그대로 보여주는 태그이다.
사용하는 경우는 "<" 또는 ">"는 html에서 태그를 표현할 때 사용하므로 이를 표현할 때 또는 공백, 줄바꿈 등도 html에서 무시되므로 이를 표현하고자 할 때 사용한다.
소스코드
<body>
<h1>Max 'Challenge for Wednesday, january 17th</h1>
<p id="todays-challenge">
Learn about the basic of web development - specifically dive into HTML &CSS.
</p>
<pre>
<이윽고 내가
첫눈에 너를 알아봤을때
모든건 분명 달라지고 있었어>
</pre>
<p>
I'll achieve this goal by diving into
<a href="https://www.google.com">more learning resorces.</a>
</p>
</body>
실행결과
참고로 <와 >를 다른 태그에서 사용하고 싶을 때 "<"와 ">"로 사용할 수 있다.
'웹개발 > HTML, CSS 기초' 카테고리의 다른 글
| [html, css 기초] 16. 공유 css 및 파일관리 (0) | 2024.01.19 |
|---|---|
| [html, css 기초] 15. 이미지 추가 및 스타일링 (0) | 2024.01.19 |
| [html, css 기초] 13. 외부 폰트 사용법 (0) | 2024.01.19 |
| [html, css 기초] 12. 파일 병합 및 id (0) | 2024.01.19 |
| [html, css 기초] 11. css 아웃소싱 (0) | 2024.01.18 |
