정보를 의미하는 태그 살펴보기

2022. 1. 27. 11:46패스트 캠퍼스 인강/한번에 끝내는 Java, Spring 웹 개발 마스터 초격차 패키지

html내에서도 <style> </style>을 사용하여 스타일 값을 줄 수 있다.

 

 

 

<title> </title> : HTML 문서의 제목을 정의 한다.
이 부분에 작성된 부분은 웹 브라우저 탭에 표시된다.

 

 

 

link는 외부 문서 (대부분 CSS 파일)를 가져와 연결할 때 사용하기
href는 가져올 문서의 경로를 지정한다.
rel은 가져올 외부 문서와 어떤 관계인지를 명시해주는 테그이고 필수 속성이다.

 

* 여기서 stylesheet는 css파일을 가져올 때 사용하고
icon은 title 글씨 옆에 나오는 아이콘을 의미한다.
=> 이런것을 Favicon(파비콘)이라 부르며 ico나 png 파일이 주로 사용된다.

 

 

 

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

 

CSS 적용하는 방식 정리

 1. CSS파일을 생성한 뒤 link 태그를 사용한다.

2. CSS를 HTML 문서 안에서 작성하고 style테그를 사용한다.

 

 

 

src는 사용할 소스 코드(파일)를 지정하는 HTML 속성 입니다.

 

자바스크립트 적용하는 방식 정리

 1. 자바스크립트 파일을 생성한 뒤 src를 사용한다.

2. 자바스크립트를 HTML 문서 안에서 작성한다.

 

 

 

<meta />는 HTML 문서의 제작자, 내용, 키워드 같은, 여러 정보를
검색엔진이나 브라우저에게 제공한다.

meta는 정보라는 뜻이다.

charset은 문자 인코딩 방식을 지정하는 HTML 속성입니다.

웹에선 UTF-8의 사용을 권장합니다.

name은 정보의 종류가 무엇인지 표시한다.

content는  정보의 값이 무엇인지 표시한다.