본문 바로가기

FrontEnd/HTML7

03. [HTML] <body> - 콘텐츠 구분, 문자 콘텐츠 HEROPY Tech 블로그 참고. 🔗클릭 하면 해당 태그의 설명이 있는 mdn페이지로 이동 🔗 HTML 문저의 내용을 나타내며 한 문서당 하나의 만 가질 수 있다. 🔗 ▪일반적으로 웹페이지의 상단에 위치한다. ▪로고, 메뉴, 검색, 로그인 등이 들어가게 되는 공간이다. ▪헤더 태그는 다른 태그의 자손으로는 사용 될수 없다. ▪전역속성만 사용 가능. 🔗 ▪일반적으로 웹페이지의 하단에 위치한다. ▪개발자, 저작권 데이터, 관련된 문서의 링크 등의 정보가 들어가게 되는 공간이다. ▪푸더 태그는 다른 태그의 자손으로 사용 될수 없다. ▪전역속성만 사용 가능. 🔗, , ... , ▪제목을 나타내는 태그이다. ▪h1이 가장 큰 제목이고 h2, h3으로 갈수록 사이즈가 작아지며 h6이 가장 작아지지만 폰트의 크기를.. 2021. 4. 27.
02. [HTML] <head> 태그 - <meta>, <link>, <style>, <base> HEROPY Tech 블로그 참고. 외부의 요소를 HTML현재 문서로 가지고 와서 연결할 때 사용되는 태그이다. 주로 스타일 시트(css파일)을 연결할 때 가장 많이 사용 하지만 파비콘을 가지고 올 때도 사용된다. href 가지고 올 외부 요소의 URL을 나타내며 URL은 절대적이거나 상대적이다. rel 가지고 오는 외부의 요소와 현재 문서와의 관계를 작성해야 한다. 이름 내용 stylesheet css 파일을 가지고 올거다 라는 명시 icon 아이콘을 나타낸다. stylesheet, icon 두 가지 외에도 여러가지가 있지만 중요하지 않다고 생각하여 따로 작성하지는 않았다. 그래도 내용이 더 궁금하거나 필요하다면.. (링크) 태그는 css 내용을 작성하는 태그이다. html5 이전 버전에서는 처럼 안에.. 2021. 4. 26.
01. [HTML] 주요 범위 주요 범위 ▪ : html5로 해석하면 된다고 명시 해주는 것 ▪ : 부터 까지를 html로 인식하면 된다고 브라우저에게 알려줌 ▪ lang=ko : 이 문서는 한국어를 통해 내용을 넣겠다 라고 선언 (언어별 약어에 대한 정보 링크) ▪ : HTML 문서의 정보 입력 문서의 제목 : ... 기타 정보 : 스타일 직접 입력 스타일 외부에서 가져와서 연결 ▪ : 문서의 구조 2021. 4. 22.