다연이네

[days01] <p>단락 정의, <pre>서식이 지정된 텍스트 정의 본문

Web/HTML

[days01] <p>단락 정의, <pre>서식이 지정된 텍스트 정의

　다연　 2020. 11. 30. 19:42
반응형

 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

1 단락을 정의하는 태그<br>
<br>
2 단락을 정의하는 태그<br>
<br>
3 단락을 정의하는 태그<br>
<br>
<hr>
<!--  html 단락 정의하는 태그-->
<!-- paragraph 단락, 절 -->
<p>1 단락을 정의하는 태그</p>
<p>2 단락을 정의하는 태그</p>
<p>3 단락을 정의하는 태그</p>

 <hr>
 
 <!-- pre 태그(요소) : 미리 서식이 지정된 텍스트를 정의한다 -->
 <!-- 요소 내부의 텍스트는 [고정 너비 글꼴]로 표시되고, [공백, 줄바꿈을 모두 유지]한다. -->
 <p style="color: rgb(0,0,255)">
 <!-- style속성 = "색상 파랑" 암기 -->
 홍     길			동
 우리반 반장
 입니다.
 </p>
 <!-- preformatted text 미리 형식회된 텍스트 -->
 
 <pre>
  홍     길			동
 우리반 반장
 입니다.
 </pre>
 </body>
</html>

1. <p>단락을 지정하면 중간 공백에 드래그가 생기지 않는다.

2. <p style="color: rgb(0,0,255)">는 암기하자

3. <pre>를 사용하면 요소 내부의 텍스트는 [고정 너비 글꼴]로 표시되고, [공백, 줄바꿈을 모두 유지]한다. 

반응형
저작자표시 비영리

'Web > HTML' 카테고리의 다른 글

[days01] <style type="text/css">  (0) 2020.11.30
[days01] html 인용 태그(요소): blockquote, q, abbr, address, cite, bdo 태그  (0) 2020.11.30
[days01] html 서식 태그(요소)  (0) 2020.11.30
[days01] <br>개행, <hr>수평줄, <meta charset = "ko">언어선언  (0) 2020.11.30
[days01] HTML을 시작하기에 앞선 이론  (0) 2020.11.30
'Web/HTML' Related Articles more
Comments