HTML&CSS 2일차 (정리x)

728x90

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <!-- HTML 기본 3영역, header / main / footer -->
    <header>
        검색창, 메뉴, 타이틀 로고 등 들어감
    </header>
    <nav> 네이게이션, 사이트에서 같은 사이트의 어떤 위치로 이동하는 곳 혹은 메뉴가 들어가는 경우가 많음
        nav는 독자적으로 있을 때보다 header, side bar 등에 자주 들어감
    </nav>
    <aside>
        사이드바 영역
    </aside>
    <main>
        메인 영역, 실제 표시하고 싶은 주 정보들을 여기에!
        <div>영역 구분을 위해 사용하는 태그</div>
        <div>영역2</div>
        <!-- alt + shift : 줄 이동
         div는 의미없음, 초반 연습용은 div
         span은 줄바꿈 없음-->
        <article>
            신문/잡지/블로그 포스트 등 /인스타 게시물 하나 등등
            독립된 웹 콘텐츠 항목. 이 부분만 따로 떼서 가져가도 문서 이해에 지장 없음
        </article>
        <section>
            div처럼 영역을 구분하는 태그, 여러 항목을 하나로 묶는 것에 사용된다
        </section>
 
 
    </main>
    <footer>
        사이트 연락처, 연계 사이트, 대표자, 회사 정보 등
    </footer>
</body>
</html>

728x90

저작자표시 비영리 변경금지 (새창열림)

'💜 HTML,CSS' 카테고리의 다른 글

HTML&CSS 실습2 (정리x) (0)	2024.03.23
HTML&CSS 실습1 (정리x) (0)	2024.03.23
HTML&CSS 4일차 (정리x) (0)	2024.03.23
HTML&CSS 3일차 (정리x) (0)	2024.03.23
HTML&CSS 텍스트 관련 태그 (0)	2024.03.23

내 블로그 - 관리자 홈 전환	`Q` `Q`
새 글 쓰기	`W` `W`

글 수정 (권한 있는 경우)	`E` `E`
댓글 영역으로 이동	`C` `C`

이 페이지의 URL 복사	`S` `S`
맨 위로 이동	`T` `T`
티스토리 홈 이동	`H` `H`
단축키 안내	`Shift` + `/` `⇧` + `/`

HTML&CSS 2일차 (정리x)

'💜 HTML,CSS' 카테고리의 다른 글

티스토리툴바

단축키

내 블로그

블로그 게시글

모든 영역

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Title</title>
	</head>
	<body>
	<!-- HTML 기본 3영역, header / main / footer -->
	<header>
	검색창, 메뉴, 타이틀 로고 등 들어감
	</header>
	<nav> 네이게이션, 사이트에서 같은 사이트의 어떤 위치로 이동하는 곳 혹은 메뉴가 들어가는 경우가 많음
	nav는 독자적으로 있을 때보다 header, side bar 등에 자주 들어감
	</nav>
	<aside>
	사이드바 영역
	</aside>
	<main>
	메인 영역, 실제 표시하고 싶은 주 정보들을 여기에!
	<div>영역 구분을 위해 사용하는 태그</div>
	<div>영역2</div>
	<!-- alt + shift : 줄 이동
	div는 의미없음, 초반 연습용은 div
	span은 줄바꿈 없음-->
	<article>
	신문/잡지/블로그 포스트 등 /인스타 게시물 하나 등등
	독립된 웹 콘텐츠 항목. 이 부분만 따로 떼서 가져가도 문서 이해에 지장 없음
	</article>
	<section>
	div처럼 영역을 구분하는 태그, 여러 항목을 하나로 묶는 것에 사용된다
	</section>


	</main>
	<footer>
	사이트 연락처, 연계 사이트, 대표자, 회사 정보 등
	</footer>
	</body>
	</html>