HAyooni
YOON
HAyooni
전체 방문자
오늘
어제
  • 분류 전체보기 (70)
    • Oracle DB (12)
      • ERD (0)
      • orcle sql (12)
    • front-end (8)
      • HTML (3)
      • CSS (5)
      • Javascript (0)
    • back-end (24)
      • JAVA (15)
      • JDBC (4)
      • Servlet + jsp (1)
      • myBatis (0)
      • Spring framework (4)
    • ERROR (8)
      • error note (8)
    • 과제 (0)
      • 문제풀이 (0)
    • 알고리즘 문제 (6)
      • programmers (6)
    • 자격증 (0)
      • 정보처리기사 (0)
    • 프로젝트 (12)
      • team-project (12)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • IAMPORT
  • CSS
  • 직사각형별찍기
  • SQL
  • HTML
  • spring
  • css선택자
  • 결제환불시스템
  • db
  • HTML기본
  • 프로그래머스
  • project
  • FinalProject
  • 자바
  • 알고리즘
  • jdbc
  • oracle
  • 하샤드수
  • java
  • dowhile

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
HAyooni

YOON

front-end/HTML

[수업-HTML] 03. HTML 영역/시멘틱 태그

2022. 8. 6. 18:44

 

영역 관련 태그

종류
설명
<div></div>
블록요소
<span></span>
인라인 요소
<style></style>
속성 집어 넣기(css)

 

시멘틱 태그

HTML5로 넘어오면서 div이지만 의미까지 포함된 시멘틱 태그를 사용하게 되었다.

종류
설명
<header></header>
웹 문서에서 머리말 영역을 나타낼 때 사용
제목, 제목 설명 등을 나타내는 요소 표함
body안에서 여러 번 사용가능
<nav></nav>
웹 문서에서 다른 웹 문서나 문서 내 다른 부분으로 이동하는 부분을 나타내고자할 때 사용
<aside></aside>
웹 문서의 광고같이 부가적인 정보를 구분하기 위해 사용
<section></section>
비슷한 그룹이나 문서를 묶기 위해 사용
<article></article>
- 웹 문서에서 주요 내용을 가진 본문을 나타낼 때 사용
- 실제로 나타내고자하는 내용을 갖고 있으므로 중요한 부분으로 인식되어 처리
- 여러개 article사용 가능
<footer></footer>
웹 문서의 저자 정보, 저작권 정보, 이용 조건 등을 나타내기 위해 사용
저작자표시 (새창열림)

'front-end > HTML' 카테고리의 다른 글

[수업-HTML] 02. HTML (영역관련~폼태그관련)  (0) 2022.04.12
[수업/HTML] 01. HTML (글자태그~시멘틱태그)  (0) 2022.04.08
    'front-end/HTML' 카테고리의 다른 글
    • [수업-HTML] 02. HTML (영역관련~폼태그관련)
    • [수업/HTML] 01. HTML (글자태그~시멘틱태그)
    HAyooni
    HAyooni
    코린이의 티스토리 탐색기 기존 블로그(https://blog.naver.com/hha6571)에서 이사중입니다.

    티스토리툴바