h 태그, ul/li/ol 태그, 시맨틱 태그

·2025년 12월 17일

코딩

목록 보기
7/48

<h 태그>

제목에 사용 (h1~h6) HTML
크기 : h1>>>>>h6


<ul, li, ol 태그>

목차에 사용
ul - 순서 X
ol - 순서 O
** ul과 ol 안에는 li만 있어야 함! (li 안에는 다른 태그 가능)

<ul>
	<li>안녕</li>
	<li>반가워</li>
</ul>
  • 노말라이즈 방법
body, ul, li {
	padding: 0;
	margin: 0;
	list-style: none;
}

a {
	color: inherit;
    text-decoration: none;

-> h 태그도 가능


사이트 기본 구성

  1. header
  2. main
  3. footer
  • 사이트 당 한개씩만 넣을 수 있다. (1,3은 모바일, PC 버전 하나씩만 가능)


시맨틱 태그 (Semantic Tag)

: 의미가 있는 HTML 태그
: 이 영역이 무엇을 하는지 의미를 알려주는 태그

  • 코드 구조가 한눈에 보임
  • 협업 / 유지보수가 쉬움

0개의 댓글