html에서 들여쓰기 하는 방법에는 두 가지가 있다.
우선 공백을 처리하는 방법이다.
를 들여쓰기를 원하는 문자열 앞에 써주면 된다.
이 경우 줄 바꿈 없이 계속해서 들여쓰기가 된다.
그대로를 문자열로 사용하고자 할 때는 title에 쓴 것 처럼 &: nbsp;를 쓰면 된다.
활용 예시
<html>
<head>
<title> &:nbsp;로 수동 들여쓰기 </title>
</head>
<body>
동해물과 백두산이
</body>
</html>
공백 처리되었기 때문에 앞 부분에 살짝 indent가 된 것을 볼 수 있다.
다섯 번을 해서 나타난 페이지의 경우 아래와 같다.
<html>
<head>
<title> &:nbsp;로 수동 들여쓰기 </title>
</head>
<body>
동해물과 백두산이
</body>
</html>
들여쓰기 하고싶은 만큼 를 써주면 된다.
다음은 태그를 사용하여 html을 활용하는 방식이다.
blockquote 태그를 이용한다.
<html>
<head>
<title> blockquote로 자동 들여쓰기 </title>
</head>
<body>
<blockquote>동해물과 백두산이</blockquote>
</body>
</html>
보면 자동으로 들여쓰기가 깊게 된 것을 볼 수 있다.
다음에는 문서에 줄 긋기, 이미지 하이퍼링크 걸기, a태그 사용하는 방법을 알아보겠다.
728x90
'WORKS > Html CSS' 카테고리의 다른 글
[HTML] input 태그: text, password / textarea 태그 / submit , reset button (0) | 2022.02.24 |
---|---|
[HTML] checkbox 체크박스, radio 라디오, dropdown list 드롭다운리스트 (0) | 2022.02.24 |
[HTML] 이미지 하이퍼링크 / a 태그 (0) | 2022.02.24 |
[HTML] 문서에 줄긋기 hr 태그 / p 태그 문단 나누기 / pre 태그 내가 쓴 그대로 (0) | 2022.02.24 |
댓글