HTML 기본 용어 요소, 태그, 속성 설명

2021. 5. 7. 18:40·개발/HTML

HTML을 이해하려면 다음의 세 가지 기본 용어에 대해 알아야 합니다.

  • 요소(elements)
  • 태그(tags)
  • 속성(attributes)

요소

요소(elements)는 페이지 내 구조와 콘텐츠를 정의합니다. 가장 많이 사용되는 요소로는 제목에 사용되는 <h1>~ <h6> 요소와 문단에 사용되는 <p> 뿐, 그리고 <a>, <div> 등이 있습니다. 이처럼 요소는 < > 을 사용하여 표시합니다.

태그

태그(tags)는 요소를 감싸고 있는 < > 를 일컫습니다. 이러한 태그는 보통 여는 태그와 닫는 태그로 구성됩니다.

 

다음 예시에서 여는 태그 <div> 와 닫는 태그 </div> 활용 예시를 살펴볼 수 있습니다. 콘텐츠는 각 여는 태그와 닫는 태그 사이에 작성합니다.

<div>
    <p>Hello, World!</p>
</div> 

<br>, img, <hr 태그와 같이 여는 태그만 있고, 닫는 태그가 필요하지 않은 경우도 있습니다.

속성

속성(attributes)은 요소에 추가적인 정보를 제공하기 위해 사용합니다. 가장 일반적인 태그로는 요소를 식별하는 id, 요소를 분류하는 class 가 있으며, src, href 속성 등을 사용할 수도 있습니다.

 

이러한 속성은 여는 태그에 요소 이름 다음에 부여합니다.

<a href="http://tistory.oneroomtable.com/">Welcome to my blog!</a>

'개발 > HTML' 카테고리의 다른 글

블록 요소와 인라인 요소의 차이와 태그 설명 ✔️  (0) 2021.05.12
HTML 역사, HTML 5가 되기까지 무슨 일이 있었던 걸까요?  (0) 2021.05.07
HTML이란? HTML 뜻 설명 ✔️  (0) 2021.05.07
'개발/HTML' 카테고리의 다른 글
  • <div>와 <span> 태그 차이 설명
  • 블록 요소와 인라인 요소의 차이와 태그 설명 ✔️
  • HTML 역사, HTML 5가 되기까지 무슨 일이 있었던 걸까요?
  • HTML이란? HTML 뜻 설명 ✔️
휘Hwi
휘Hwi
여행, 사진, 개발, 책 이야기를 기록하는 여행자 휘의 블로그 𓂍
Klook.com
  • 휘Hwi
    휘: 끝나지 않은 이야기
    휘Hwi
  • 전체
    오늘
    어제
    • 분류 전체보기
      • 기록
        • 일상 에세이
        • 인사이트
        • 투자와 재테크
        • 코인 이야기
        • 아카이빙
        • 집무실 레터
        • 사랑에 대하여
        • 번역 이야기(完)
        • 프리랜서 일지(完)
      • 여행
        • 🌎 세계 여행기 S1 (完)
        • 🌊 삼삼한 여행기 (完)
        • 🚶 온더로드
        • 🇯🇵 일본
        • 🏝️ 발리
        • 🇻🇳 베트남
        • 🇱🇰 스리랑카
        • 🇮🇳 인도
        • 🇹🇭 태국
        • 🇸🇬 싱가포르
        • 🇦🇺 호주
        • 🇭🇰 홍콩
        • 🇰🇷 한국
        • 🍚 여행자의 한 끼
        • ℹ️ 여행 정보
      • 사진
        • 사진가
        • 사진 이론과 생각
        • 사진 관련 정보
      • 영상
        • 파이널컷 모션 공부
        • 고프로 GoPro
        • 영상 관련 정보
      • 책
        • 책 읽고 쓰기
      • 개발
        • 티스토리
        • Internet
        • HTML
        • CSS
        • JavaScript
        • Typescript
        • React
        • Node.js
        • Express
        • NestJS
        • Python
        • Django
        • MySQL
        • MongoDB
        • AWS
        • Deployment
        • Terminal
        • Git
        • Glossaries
        • Articles
        • Projects
        • TIL;
      • 미분류
  • 인기 글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
휘Hwi
HTML 기본 용어 요소, 태그, 속성 설명
상단으로

티스토리툴바