[HTML] HTML Tags/Elements, Attributes 구분하기

목표: HTML에서 Tags, Elements, Attributes 구분하기

요약

1. Tag나 Elements 나 동일한 의미로 사용
2. Attributes는 Tag/Elements의 속성을 정의함

 

 

 

 

Elements

Elements는 HTML 문서를 이루는 개별적으로 동작하는 컴포넌트/명령어

HTML은 Element들로 이뤄져있고,

Elements은 Nested 구조가 가능해

 

뭔말이냐고? Elemnet 안에 Element가 들어가 있을 수 있다는 말이다.

tutorialrepublic.com

 

 

 

 

     style="display:inline-block;width:740px;height:200px"
     data-ad-client="ca-pub-9512983930357661"
     data-ad-slot="5785466884">

 

 

Tag

 

Tag는 Elements 와 혼용해서 사용되는 용어 (너무 성의없지만 진짜임)

e.g.

구조적인 태그(Structural Tags): body, head, footer 등

메타데이터 태그(Metadata Tags): link, meta, style, title 등

폼 태그(Form Tags): button, form, input, datalist 등

형태 태그(Formatting Tags): big, mark, strong 등

리스트 태그(List Tags): li, dd 등

테이블 태그(Table Tags): caption, tagle, tbody 등

등등등

 

---

 

자주쓰는 Tag/Elements가 뭐야?

 

Name	Tag/Elements	e.g.
Headings	<h1> </h1> h1 - h6 까지있음
Paragraphs	<p> </p>
Links	<link> </link>
Text Formatting
Styles	style
Images	<img>
Tables	<table> </table> <tr> </tr>: table row <td> </td>: table column <th> </th>: table header
Lists	<li> </li> <ul> </ul> <ol> </ol> <dl> </dl> 참고: dt, dd
Forms	<form> </form> <label> </label> <input> </input>
Iframes	<iframe> </iframe>
Quatations	<q> </q>
Blockquote	<blockquote> </blockquote>

---

Attributes

Elements의 속성을 정의하는 용어

e.g. id, style, title, dir 등

 

 

참고사이트: https://www.tutorialrepublic.com

Tutorial Republic - Online Web Development Tutorials

---