HTML :: 태그 및 속성

s_omi·2022년 8월 7일
0

HTML

목록 보기
2/2

📝 HTML 태그 종류

💡 <html>

  • HTML 문서의 전체 범위를 지정

💡 <head>

  • 웹페이지의 보이지 않는 정보를 작성

💡 <body>

  • 웹페이지의 보여지는 구조를 작성

💡 <meta />

  • HTML 웹페이지의 여러 정보를 브라우저에게 제공
    ※ <title>, <link>, <script>, <style> 태그로 표현할 수 없는 그 외의 모든 것 → <meta> 태그 사용
  • charset : 문자인코딩 방식
  • name : 정보의 종류
  • content : 정보의 값

💡 <title>

  • HTML 웹페이지의 제목을 정의

  • 외부 문서와 연결할 때 사용
  • rel : 가져올 문서와 관계
  • href : 가져올 문서의 경로

💡 <style>

  • 스타일(CSS)를 HTML 문서 안에 작성하는 경우에 사용

💡 <script>

  • 자바스크립트(JS)를 HTML 문서 안에 작성하는 경우에 사용
  • src : 자바스크립트(JS) 파일을 가져오는 경우 사용


📝 HTML 전역 속성

  • title : 요소의 정보나 설명을 지정
  • style : 요소에 적용할 스타일(CSS)을 지정
  • class : 요소를 지칭하는 중복 가능한 이름
    • CSS 선택자를 쓸 때 자주 사용
  • id : 요소를 지칭하는 고유한 이름
  • data-이름 : 요소에 데이터를 지정
    • 유용
    • 자바스크립트와 연관시켜 많이 사용!
  • ex. <태그 class="이름"> ~ </태그>
profile
공부한 거 올려요 :)

0개의 댓글