HTML - 1. HTML/브라우저/Tag

1. HTML

• Hypertext Markup Language, 웹페이지를 만들기 위한 언어이고 구조를 잡을 수 있다.
• HTML 파일은 이미지, 텍스트, 비디오, 버튼 등을 웹사이트에 보여줄 내용을 구성하고 있다.
• HTML 파일 뒤엔. html 확장자가 있어야 한다.

---

2. 브라우저

• 쉽게 접근하자면 safari, chrome, ie 등을 브라우저라 한다.
• 브라우저는 HTML 파일을 가지고 뭘 어떻게 그려주면 되는지 파악한 후에 웹 페이지를 생성해준다.
• 브라우저만 있으면 HTML로 작성한 것을 확인할 수 있다. (Text Editor 같은 간단한 메모장 실행 후 html(. html) 확장자로 저장 후 해당 파일을 브라우저에 drag & drop 해주면 된다.)

---

3. Tag

• HTML에서 이미지나 텍스트를 표현하려면 그에 맞는 태그가 필요하다.
• 태그는 <>으로 감싸져 있다.(<태그이름>내용</태그이름>)

tag의 구조

• 브라우저에서 태그는 보여주지 않고 내용 부분만 보여준다.
• 태그라 해서 다 열고 닫아줘야 하는 게 아닌 몇몇 태그(img, br..)들은 시작과 동시에 종료된다.
• <태그 이름>으로 시작해서 <태그 이름/>으로 끝나고 태그 사이의 내용이 있는 구조를 element(요소)라고 한다.
• 끝 태그가 필요 없는 것은 태그 그 자체로 요소가 된다. (예 img src="example.png">
• 태그에는 attribute(속성)이 존재(예 class, href, src, alt)하는데, 시작 태그에 위치하며 한 태그에 여러 속성을 지정할 수 있다.
  (예 div class="example" , img src="./example.png" , alt="example")