HTML,CSS

HTML 스터디 : 태그 간단 정리

업무 중 2020. 12. 14. 13:20

HTML이란?

  • HTML은 하이퍼텍스트 마크업 언어(HyperText Markup Language)라는 의미의 웹 페이지를 위한 지배적인 마크업 언어
  • 웹 페이지 콘텐츠 안의 꺾쇠 괄호에 둘러싸인 "태그"로 되어있는 HTML 요소 형태로 작성

태그란?

  • HTML를 구성하기 위한 요소
  • 꺽쇠 괄호에 둘러 쌓여 있음 : <태그명>

태그의 분류

  • Block 태그
    • Block 태그는 새로운 라인에서 시작 되며, Block 태그 다음에 오는 모든 태그들은 새 라인에서 시작 >> 행렬로 비교하면 행에 해당
    • Block 태그들은 css의 속성 중 height, width, margin, padding을 적용할 수 있다.
    • 예 : <p> ,<div>
  • Inline 태그
    • Inline 태그들은 새라인에서 시작하지 않고 현재 라인에서 시작 >> 행렬로 비교하면 열에 해당
    • Inline 태그들은 css의 속성 중 height, width, margin, padding등의 속성을 적용할 수 없다.
    • 예 : <span>
  • 쌍으로 된 태그
    • 태그의 시작과 끝이 따로 있어 시작과 끝 사이에 안에 코드를 넣는 태그 : <태그> 코드 </태그>
    • 예 : <p> ,<div> 등..
  • 쌍이 아닌 태그
    • 태그의 시작과 끝이 따로 없는 태그 : <태그/> 또는 <태그>
    • 예 : <br>, <input> 등..

 

 



출처: https://stajun.tistory.com/entry/HTML-태그-정리 [내숭이]

'HTML,CSS' 카테고리의 다른 글

HTML 스터디 : CSS 가상 클래스  (0) 2020.12.16
HTML 스터디 : 태그 종류  (0) 2020.12.15
20200806. 반응형 레이아웃  (0) 2020.08.06
20200806. 반응형레이아웃  (0) 2020.08.06
20200731. 사이드바  (0) 2020.07.31