개발 공부 기록하기

[생활코딩] 3강. tag란? 본문

프밍/HTML

[생활코딩] 3강. tag란?

태영(泰伶) 2022. 8. 16. 23:37

3강. tag란?

 

html이란 언어의 문법 & 정보를 정의하는 형식

 

옷에 붙은 tag에도 옷의 속성, 설명이 부가되어 있잖아!

어디서 생산했고, 어떻게 세탁해야 하고, 어떤 소재로 되어있는지 등등

 

html이란 언어에서 이런 속성을 표현하는 것이 바로 tag.

 

 

★★★

tag는

<   로 시작해서

>   로 끝난다.

  • tag는 contents를 감싸서 그 정보의 성격과 의미를 정의함.

         ex. '생활코딩'이라는 text를 링크로 만듦. 그래서 사람들이 '생활코딩'을 누르면 저 링크로 이동하게 됨.

                <a href="https://opentutorials.org">생활코딩</a>

 

  • 꺽쇠 <와 >, 등호 =, 큰 따옴표 "",  슬래시 /  → 이것들이 html의 문법!
  • a나 href → 이걸 html을 구성하는 단어라고 생각하면 쉬움.

 

  • 속성: tag의 부가적인 정보. 이걸 쓸 수도 있고 안 쓸 수도 있다. 여러 개 쓸거면 한 칸 띄어쓰기!

 

cf, 닫히는 tag가 필요없는 tag도 있다. - 성격이나 역할을 설명해줄 필요가 없음.

  • <br />      → br은 한 줄 enter 치라는 tag임.
  • <input type="button" value="버튼" />      → input은 버튼을 만들어주는 tag임.

 

Comments