WORKS/Html CSS

[HTML] html 태그 01: 들여쓰기:   공백문자 / blockquote 자동 들여쓰기

Jelly 젤리 2022. 2. 13. 20:08

html에서 들여쓰기 하는 방법에는 두 가지가 있다.


우선 공백을 처리하는 방법이다.
  를 들여쓰기를 원하는 문자열 앞에 써주면 된다.
이 경우 줄 바꿈 없이 계속해서 들여쓰기가 된다.
  그대로를 문자열로 사용하고자 할 때는 title에 쓴 것 처럼 &amp: nbsp;를 쓰면 된다.

활용 예시

<html> 
	<head> 
    	<title> &amp:nbsp;로 수동 들여쓰기 </title> 
    </head> 
	<body> 
	&nbsp; 동해물과 백두산이
	</body> 
</html>

공백 처리되었기 때문에 앞 부분에 살짝 indent가 된 것을 볼 수 있다.

다섯 번을 해서 나타난 페이지의 경우 아래와 같다.

<html> 
	<head> 
   		<title> &amp:nbsp;로 수동 들여쓰기 </title> 
    </head> 
    <body> 
    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 동해물과 백두산이 
    </body> 
</html>

들여쓰기 하고싶은 만큼 &nbsp;를 써주면 된다.


다음은 태그를 사용하여 html을 활용하는 방식이다.
blockquote 태그를 이용한다.

<html> 
	<head> 
		<title> blockquote로 자동 들여쓰기 </title> 
	</head> 
	<body> 
	<blockquote>동해물과 백두산이</blockquote> 
	</body> 
</html>

보면 자동으로 들여쓰기가 깊게 된 것을 볼 수 있다.

다음에는 문서에 줄 긋기, 이미지 하이퍼링크 걸기, a태그 사용하는 방법을 알아보겠다.

728x90