CSS/개념정리
[태그] link 태그
xowoony
2022. 9. 15. 13:51
학습일 : 2022. 09. 15
태그(link)
중요도 : 🔴🔴🔴🔴🔴
종류 : 자동으로 닫는 태그
가능한 부모 : <head>
HTML 파일 외부의 리소스를 해당 HTML 파일에서 사용하기 위해 사용한다.
주로 CSS 파일을 불러올때(Import) 사용한다.
속성
href : 불러올 외부 리소스의 경로.
rel : 불러올 외부 리소스의 종류이다. 그 값을 "stylesheet"으로 지정하면 해당 리소스가 CSS 파일임을 의미한다.
파일 경로 찾을 때
Ctrl + spacebar
HTML과 CSS파일 분리 방법
작업폴더 -> resources -> stylesheets->
파일생성 : link.css
.red {
color: rgb(200, 100, 100);
}
.blue {
color:rgb(50,100,200);
}html 파일 내 코드 -> HTML 폴더 내 ->
파일 생성 : link.html
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>link 태그</title>
<link href="resources/stylesheets/link.css" rel="stylesheet">❤경로는 Ctrl+spacebar 눌러서 찾기가능
</head>
<body>
<a class="red">I'm red</a>
<br>
<a class="blue">I'm blue</a>
</body>
</html>