HTML(feat. 드림코딩 by 엘리)

roadzmoon76·2022년 1월 21일
0

HTML

목록 보기
1/2
  • HTML은 브라우저에서 실행가능한 가장 기본적인 파일

  • HTML은 MARKUP 언어로 구조적으로 태그들을 이용해서 보여줌

  • HTML 상위태그에는 총 head와 body 파트가 있다

  • head 에는 상세설명이 들어감

  • body 에는 사용자에게 보여지는 태그들로 이루어져있다

  • 관련 태그들은 MDN에 가서 확인하자(구글에 mdn html)
    https://developer.mozilla.org/ko/docs/Web/HTML
    https://developer.mozilla.org/ko/docs/Web/HTML/Element
    🚨전세계의 수많은 개발자들이 MDN에서 정보를 확인함. 정보도 가장빨리 업데이트되므로 여기서 확인하고 예제를 통해서 배우는게 좋다.

  • 비정상적인 태그를 사용했어도 텍스트가 들어가있다면 브라우저가 어느정도의 에러를 대충 짐작해서 스스로 고쳐서 사용자가 html 문서를 보는데 문제가 없도록 도와준다
    유효한 태그를 썼는지 안썼는지 확인하고 싶다면
    https://validator.w3.org/
    들어가서 복사해서 붙여넣으면 검증해줌

  • 웹사이트 구조를 배울 수 있는 페이지
    https://developer.mozilla.org/ko/docs/Learn/HTML/Introduction_to_HTML/Document_and_website_structure
    요걸 보고 공부하며 웹사이트의 대략적인 구조를 한눈에 파악할수 있도록 하자
    큰박스와 작은 박스들로 나눌수 있어야 css 스타일링을 할때도 더 구조적으로 할 수 있으며, 중급, 고급으로 넘어 리액트를 쓰게되면 최대한 작은 단위로 구현을 하는게 중요하기 때문

위의 내용들 참고영상
https://youtu.be/i0FN-OwJ7QI

참고하면 좋은 링크들
https://html.spec.whatwg.org/multipage/introduction.html#introduction

profile
크론병걸린 자퇴생, 개발자되기

0개의 댓글