인프런) #1.html&css 개요

HTML : 텍스트, 이미지, 입력창 등 우리가 웹에서 보는 요소(Element)를 정의할 때 사용
CSS:HTML에 정의된 요소들에 스타일(색깔, 간격, 크기 등)을 부여
JS: 버튼을 클릭했을 때, API 서버와 통신할 때 등 모든 동작들을 처리
(HTML, CSS가 화면 구성 언어라면 JS는 동작하는 언어)

*HTML,CSS,JS해킹하기
개발자모드 확인

1)개발자 모드 보는 법 : cmd+option+I
2)Elements 탭에서 HTML, CSS 보고 수정 가능
3)Console 창에서 javascript코드 실행하고 결과 보기
4)Network 창에서 브라우저가 네트워크 통신하는 내역 보기

---

웹의 본질은 결국 정보를 시각적으로 보여주는 것
이때 HTML 태그는 정보를 보여주는 역할
이미지, 텍스트, 비디오, 입력창 등의 개별 정보는 전부 HTML로 만들어진다.

1.기본형식 : <태그>콘텐츠</태그>

Hello!

2.속성이 있다면 <태그 속성1="값" 속성2="값">콘텐츠</태그>
Hello

3.태그 안에 또 태그를 넣는다면

*div태그란? =레이아웃, 공간을 나눠주는 태그

4.콘텐츠가 따로 없다면 <태그 속성1="값"/>

*HTML에서 주석 사용하려면?

개발자들이 코드 짤때 이 코드에대한 설명 넣고 싶어서 넣는 텍스트