-
<PRE> 태그 / 그대로 출력하기컴퓨터/HTML5 2017. 5. 14. 21:25
> <PRE> 태그 / 그대로 출력하기
<PRE> 태그로 개발자의 포맷 그대로 출력하기
PRE태그는 텍스트의 모양을 그대로 출력하는 태그입니다.
보통 PRE태그말고 P태그 같은경우에도 보면 공백과 엔터키를 여러줄 치더라도
한줄로 처리합니다. 하지만 PRE태그는 여러줄을 그대로 표현해줍니다.
- HTML 코드
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>PRE태그 예제</title>
</head>
<body>
<P> P태그를 사용하면 공백은
하나로 여러줄도 한줄로 출력된다. </P>
<PRE>PRE 태그를 사용하면 내가
적용시킨 그대로 출력된다. </PRE>
</body>
</html>
- 실행 사진
이런식으로 P태그와 PRE태그의 차이를 사진으로 확인할 수 있습니다. 사진만 보지말고 직접 태그를 입력하여 연습해보시는 것을 추천드립니다.
'컴퓨터 > HTML5' 카테고리의 다른 글
<IMG>태그 / 이미지 삽입하기 (0) 2017.05.14 <A>태그 / 하이퍼링크 달기 (0) 2017.05.14 원하는 색 구하기 / 16진수 색상표 (0) 2017.05.14 <SPAN> 태그 / 텍스트 일부분 지정하기 (변화주기) (0) 2017.05.14 <DIV> 태그 / 레이아웃 만들기 / 상자 만들기 (0) 2017.05.14