[FE][06] HTML 개요: 요소, 속성, 태그, 내용, 속성

 

element

요소(element), 속성="값", 요소의 내용(Contents)
"h1요소"

부모 요소, 자식 요소 ※ 들여쓰기(Indent), 내어쓰기(Outdent)로 구분한다. 상위(조상) 요소, 하위(후손) 요소

 

 

태그

시작 태그/열린 태그, 종료 태그/닫힌 태그

빈(Empty) 태그 종료(닫힌) 태그가 없는 Element

※ XHTML 버전에서 엄격한 문법이 유입되기 시작해서
HTML5에서는 두 방식 모두 자용되고 있다.

※ 혹시 모를 오류를 방지하기 위해 빈 태그 뒤에 슬래시 붙이는 연습을 하자. 

<img src="./cat.jpg" alt="고양이" />

* alt: 이미지의 이름(대체 텍스트/Alternate Text)

 

input

사용자가 데이터를 입력하는 요소(태그)
어떤 데이터 타입(type)을 입력받을 것인지를 속성으로 입력한다.

 

---

뭐 이런~ 태그들이 있다~

  <div class="masi0624"> </div>
  <img src="" alt="">
  <input type="text">
  <br> <!-- 줄 바꿈 -->