코딩눕

  • 홈
  • 태그
  • 방명록

시맨틱태그 1

[HTML] 초보도 따라하는 HTML - 3 (<div>태그와 시맨틱 태그)

웹 페이지의 영역을 나눠주는 태그와 시맨틱 태그 우리가 웹 페이지에서 볼 수 있는 요소들은 태그 안에 작성됩니다. 하지만 그냥 작성된 것이 아닌 각각의 역할에 따라 레이아웃이 구분돼서 작성되어야 사이트를 보다 구조화할 수 있습니다. 예를 들어, 네이버를 크게 나눠보면 헤더(header), 메인(main), 사이드바(sidebar), 여기엔 나와있지 않지만 스크롤을 내려 확인할 수 있는 푸터(footer) 영역 등으로 이루어져 있고, 그 안에서 쪼개지는 다양한 레이아웃이 있습니다. 이렇게 관련 있는 콘텐츠마다 영역을 나눠주기 위해 와 시맨틱 태그를 사용하는데, 각 태그들에 대해 알아보는 시간을 가져보도록 하겠습니다. "division"의 약어로, 웹 페이지 콘텐츠의 레이아웃을 나눠주는 역할 태그 자체에 특..

카테고리 없음 2024.04.14
이전
1
다음
더보기
프로필사진

코딩눕

초보코더의 일기

  • 분류 전체보기 (9)
    • 잡담 (1)
    • 코딩 (6)
      • 개발 환경 설정 (1)
      • HTML (4)
      • CSS (1)

Tag

HTML목록, 공부, 텍스트관련태그, class와id차이점, 개발, 취미, 코딩독학, SQLD독학, 시맨틱태그, 코딩, html, 비전공자코딩, 마크업언어, 코딩공부, IT, 자기개발, vscode, html표, html기초, Visual Studio Code,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/06   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바