HTML5 기본 용어

2021. 9. 26. 05:48·HTML
반응형

요소(element)

HTML 페이지를 구성하는 각 부품 (제목, 본문, 이미지 등)

태그(tag)

요소를 만들 때 사용하는 작성 방법

요소 생성 = 태그 생성

생성 방법에 따른 요소 구분

요소 구분 형태 예
내용을 가질 수 있는 요소 <요소 이름>내용</요소 이름> <h1>Hello</h1>
<p>프로그래밍</p>
<audio></audio>
내용을 가질 수 없는 요소 <요소 이름> <img>
<br>
<hr>

내용을 가질 수 있는 요소

형태: <요소 이름>내용</요소 이름>

ex) <h1>Hello</h1>, <p>프로그래밍</p>, <audio></audio>

시작태그 - 내용 - 끝 태그 순

내용에 들어가는 거: 텍스트, 다른 태그, 입력X

 

내용을 가질 수 없는 요소

형태: <요소 이름>

ex) <img>, <br>, <hr>

cf) HTML 표기법과 XHTML 표기법HTML 표기법은 <요소 이름>만으로 요소를 생성 -> 내용을 가질 수 있는 태그의 시작 태그인지 내용을 가질 수 없는 태그 전체인지 구분 어려움-> XHTML 표기법 사용 ( HTML: <img>, XHTML: <img /> )

 

속성(attribute)

태그에 추가 정보를 부여할 때 사용

ex) <h1 title="header">Hello HTML5</h1>

속성 블록 ) 속성 이름 = "속성 값"

 

주석(comment)

코드 설명

<!-- 주석 -->

 

[참고] HTML5 웹 프로그래밍 입문(3판)

반응형

'HTML' 카테고리의 다른 글

HTML5 글자 태그  (0) 2021.09.26
HTML5 오류와 검증  (0) 2021.09.26
HTML5 작성법  (0) 2021.09.26
HTML5 페이지 구조  (0) 2021.09.26
'HTML' 카테고리의 다른 글
  • HTML5 글자 태그
  • HTML5 오류와 검증
  • HTML5 작성법
  • HTML5 페이지 구조
올콩
올콩
콩 심은 데 콩 난다
  • 올콩
    콩스토리
    올콩
  • 전체
    오늘
    어제
    • 분류 전체보기 (197) N
      • SSAFY (10)
      • Algorithm (115) N
        • 이론 (6)
        • 백준 (BOJ) (108) N
        • 프로그래머스 (1)
      • Trouble Shooting (9)
      • Frontend (6)
      • React (17)
      • Next.js (4)
      • Vue (4)
      • Node.js (2)
      • HTML (9)
      • DevOps (4)
        • Git (4)
      • Language (9)
        • JavaScript (0)
        • Java (9)
      • Embedded (1)
      • CS (5)
        • Network (1)
        • Blockchain (4)
      • 자격증 (2)
  • 블로그 메뉴

    • GitHub
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    우선순위큐
    중복순열
    재귀
    구현
    백트래킹
    bfs
    Heap
    티스토리챌린지
    중복조합
    수학
    싸피
    알고리즘
    SSAFY
    dfs
    React
    파이썬
    Algorithm
    힙
    순열
    DP
    강의
    SSAFYcial
    브루트포스
    Next.js
    Java
    백준
    블록체인
    Error
    html5
    오블완
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
올콩
HTML5 기본 용어
상단으로

티스토리툴바