Html tag

Cheddaryeon·2023년 6월 11일

아직 html코드를 작성할때면 'div'와 'h' 태그로 구성될 때가 많다
가독성 좋은 코드를 작성하기 위해선 적절한 곳에 적절한 tag가 필요하다

html을 크게 나누는 tag

<header>  	//상단 영역
<main> 		//메인 영역
<section>	//콘텐츠 영역
<aside>		//사이드 바 영역
<footer>	//하단 영역

주로 위의 tag속에서 코드를 나누는 tag

<nav>		//네비게이션 영역(링크 영역)
<article>	//독립적 콘텐츠
<div>		//특정 영역, 줄 바꿈O
<span>		//css와 쓰이며, 줄 바꿈X

제목(h)

<h1>text</h1>
<h2>text</h2>
.
.
<h6>text</h6>

문단(p)

<p></p>	//문단 영역
<br>	//p tag안에서 줄바꿈 역할
<hr>	//수평 가로선

목록

<li></li>	//목록
<ol></oi>	//순서 있는 목록
<ul></ul>	//순서 없는 목록
profile
study frontend

0개의 댓글