1. <title> : HTML 문서의 제목(title)을 정의
웹 브라우저의 탭에 표시
<title>NAVER</title>, <title>Daum</title>
2. <Link> : 외부 문서를 가져와 연결할 때 사용(대부분 CSS파일)
필수 속성은 rel(가져올 문서와의 관계), href(가져올 문서의 경로)
<Link rel="stylesheet" href="./main.css" />
<Link rel="icon" href="./favicon.png">
3. <style> : 스타일(CSS)를 HTML 문서 안에서 작성하는 경우 사용.
<style> div { color: red; } </style>
4. <script> 스크립트 파일을 가져오거나 문서안에서 작성하는 경우에 사용
4-1. 자바스크립트(JS) 파일 가져오는 경우
<script src="./main.js"></script>
4-2. 자바스크립트(JS)를 HTML 문서 안에서 작성하는 경우
<script> console.log('Hello world!') </script>
5. <meta> : HTML문서(웹페이지)의 제작자, 내용, 키워드 같은 여러 정보를 검색엔진이나 브라우저에게 제공
name는 정보의 종류, content는 정보의 값을 나타냄.
<meta charset= "UTF-8" />
<meta name="author" content="HERORY" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
'개념 창고 > HTML & CSS' 카테고리의 다른 글
HTML 상대 경로와 절대 경로 (0) | 2022.05.17 |
---|---|
HTML 화면에 이미지 출력하기 (0) | 2022.05.17 |
HTML 기본 구조 태그들의 역할 (0) | 2022.05.17 |
Doctype(DTD) HTML 기본 양식 불러오기(Visual Studio code) (0) | 2022.05.17 |
HTML, CSS, JS 개요 (0) | 2022.05.17 |