HTML /CSS

뼈대, 장기: html
겉 피부: css
ctrl+b: 배너 옆으로
head, body 등이 들어감
body에 어떤걸 쓰느냐에 따라 달라짐.
css->head안에 쓰게 됨

이루어진 모든 것들 = "요소"

html: 요소의 집합
시작태그와 종료 태그로 이루어져 있고, 시작 태그와 종료 태그 사이에
콘텐츠를 정의할 수 있다.(단, 종료태그가 없는 경우 />로 끝난다.)

시작 태그와 종료태그가 있는 경우 : 안에 다른 요소들을 담을 수 있다.
시작 태그가 있고 종료태그가 없는 경우: />로 끝나고, 안에 다른 요소들을 담을 수 없다.

<태그이름> 콘텐츠를 정의하는 곳 </태그이름>

VSCODE의 장점: 다양한 확장 프로그램을 이용할 수 있다.

http://127.0.0.1:5500/html/helloWorld.html

127.~ →local host라고 함

body 안에 태그들을 쓰면 됨

css는 head안에 태그들을 쓰면 됨

• charset의 설정에 따라 다양한 언어들이 깨질지 아닐지가 결정됨
  • UTF-8을 쓰면 거의 깨지지 않고 쓸 수 있다.
  • 메타정보들은 나중에…→ html문서에 대한 특정 설정 정보에 대해 말함

• p: paragraph의 약자로, 문장을 뜻 문장하나하나라고 생각하면 된다.
• a: attribute의 약자로, 속성을 말함.
  • html의 모든 요소는 속성을 가질 수 있다.
  • 요소에 대한 추가적인 정보를 제공
  • 반드시 시작 태그에서만 사용 가능
  • 속성명 = 속성값 형태로 사용이
  • 화면 이동에 쓰이며, href에는 이동할 화면의 url주소를 입력한다.
  • 우리가 구현한 함수를 호출할 수도 있다.
• img :이미지 태그
  • src:이미지 경로
    • 특정 사이트 가능(절대 경로)
    • 로컬 이미지 (상대 경로)