Coding/HTML & CSS

[HTML] TAG(태그)

호밀이 2021. 5. 28. 22:48

TAG(태그)

태그를 사용 시 <div><strong>  </div></strong>과 같이 열리고 닫히는 태그의 순서가 꼬이지 않도록 해야 합니다.

순서가 꼬이게 된다면 유효성 검사를 통과하지 못하고 또한, 유지보수에 어려움을 겪을 수 있습니다.

 

올바른 예 : <div><strong></strong></div>

 

닫지 않아도 되는 태그

<img>, <br>, <meta>

area, base, embed, hr, param, source, keygen, link, input, command, col

 

태그 내용

태그 안에는 태그 명, 속성 명, 속성 값, 내용이 존재한다.

속성 값을 작성시 ""(따옴표)를 사용하여 지정해야 한다.

 

<태그 사용 예>

태그 종류

1) 글자태그

  • h1 ~ h6 : 제목 
  • p : 문단, br : 줄바꿈, hr : 줄긋기
  • a : 하이퍼링크 생성
  • b, i, small, sub, sup, ins,del : 글자 모양 지정

2) 목록 태그

  • ul : 순서가 없는 목록 생성 
  • ol : 순서가 있는 목록 생성
  • li : 목록 요소 생성

3) 테이블 태그

  • table : 표 생성
  • caption : 테이블의 제목이나 설명을 작성하는 태그
  • th : 테이블 헤더 부분
  • tr : 테이블 행 (세로)
  • td : 테이블의 열 (가로)

4) 미디어 태그

  • img : 그림 삽입
  • audio : 소리 삽입
  • video : 비디오 삽입

'Coding > HTML & CSS' 카테고리의 다른 글

[CSS] selector  (0) 2022.05.02
[CSS] CSS란?  (0) 2022.02.08
[HTML] Layout(레이아웃)  (0) 2021.05.28
[HTML] HTML 이란?  (0) 2021.05.27