2일차_정보를 의미하는 태그들_20210623

정보를 의미하는 태그들

 

<style>태그

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

head태그 안에 작성한 style태그 안의 div에 적용한 css문법

다음과 같은 결과를 얻을 수 있다.

style 태그 내부의 div의 내용 underline이 적용되었음

 

<title> 태그

: HTML 문서의 제목(title)을 정의

title 태그에 내용 입력

브라우저의 메인 제목 표시줄에 다음과 같이 표기된다.

title 태그에 표기된 MAKZUIN

 

<link> 태그

: 외부 문서를 가져와 연결할 떄 사용.(대부분 CSS 파일)

<link rel="stylesheet" href="./main.css ">

<link rel="icon" href="./favicon.png">

rel: 가져올 문서와 관계 (필수속성)

href: 가져올 문서의 경로

 

<script> 태그

<script src="./main.js"></script>

: 자바스크립트(JS) 파일 가져오는 경우

<script>

    console.log('Hello MAKZUIN!!')

</script>

: 자바스크립트(JS)를 HTML 문서 안에서 작성하는 경우

 

<mata /> 태그

: HTML 문서(웹페이지)의 제작자, 내용, 키워드 같은, 여러 정보를 검색엔진이나 브러우저에 제공한다.

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="author" content="MAKZUIN" />

<meta name="viewport" content="width=\, initial-scale=1.0">

initial-scale=1.0 : 기본 크기는 1.0 배수로 출력

name: 정보의 종류

content: 정보의 값

charset: 문자 인코딩 방식을 지정하는 HTML속성. 웹에선 UTF-8사용을 권장