728x90
<hr> 태그
주제별 구분을 위해 사용 됨
가로선이 표시!
<!DOCTYPE html>
<html>
<body>
<h1>This is heading 1 제목 머리글</h1>
<p>This is some text. 단락</p>
<hr>
<h2>This is heading 2 제목 머리글</h2>
<p>This is some other text. 단락</p>
<hr>
<h2>This is heading 2 제목 머리글</h2>
<p>This is some other text. 단락</p>
</body>
</html>
줄 바꿈 <br> 태그
줄 바꿈을 하고싶다! 그럴 때 사용
<!DOCTYPE html>
<html>
<body>
<p>안녕하세요<br>강동에 살고있는<br>강동 믓재이 입니다..</p>
</body>
</html>
<pre> 태그
HTML <pre> 요소는 미리 형식이 지정된 텍스트를 정의 한다.
- 요소 내부의 텍스트는 고정너비 글꼴로 표시
- 공백과 줄 바꿈을 모두 유지
<!DOCTYPE html>
<html>
<body>
<p>The pre tag preserves both spaces and line breaks:</p>
<pre>
My Bonnie lies over the ocean.
My Bonnie lies over the sea.
My Bonnie lies over the ocean.
Oh, bring back my Bonnie to me.
다음에 또 만나요.
</pre>
</body>
</html>
728x90
'HTML' 카테고리의 다른 글
HTML 주석처리, 단락<p> (0) | 2023.11.09 |
---|---|
HTML 속성(Attribute) (0) | 2023.11.06 |
HTML 이미지 <img>, 개발자 도구 (0) | 2023.11.03 |
HTML 단락<p>, 링크<a href> (0) | 2023.11.03 |
HTML 제목 ( <h1> </h1> ....<h6> </h6> ) (1) | 2023.11.03 |