[ HTML / JSP ] 제목 태그 <h1> ~ <h6>

2024. 2. 21. 22:07· FRONT-END/└ HTML

사용환경 : Spring Tool Suite4

 

 

[ 제목 태그 ]

  • <h1></h1> 부터 <h6></h6>까지 있다
  • <h1>이 가장 크고 여백이 넓은 글자를 보여준다. 
  •    └ 숫자가 커질수록 글자가 작아짐
  • <h4> 부터는 일반 글자 크기와 같거나 더 작다
  • <hr>은 구분선이다. (따로 태그를 닫지 않아도 됨)
  • (추가) align 속성(Attribute)을 사용하여 글자의 정렬를 설정할 수 있다

[ 사용 예 ]

 - HtmlController.java

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
public class HtmlController {
	
	@RequestMapping("/heading")
	public String heading() {
		return "/WEB-INF/views/heading.jsp";
	}
}

 

  - heading.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
 
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<hr> <%-- 구분선 --%>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

 

  - URL

http://localhost:8080/heading

 

출력 결과

 

 

 

 

 

 

 

 

 

 

 

개인 공부 기록용입니다:)

728x90

'· FRONT-END > └ HTML' 카테고리의 다른 글

[ HTML ] <input> 태그의 속성  (0) 2024.02.27
[ HTML ] <A> 태그  (0) 2024.02.24
[ HTML ] <img> 태그에 dummy 이미지 첨부 해보기  (0) 2024.02.23
[ HTML ] <img> 태그  (0) 2024.02.22
[ HTML ] HTML이란?  (0) 2024.02.20