Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

태그를 사용하여 외부 리소스에 대한 관계를 정의하는 방법은 무엇입니까?


태그는 HTML에서 외부 리소스에 대한 관계를 정의하는 데 사용됩니다. 외부 스타일 시트를 연결하는 데 사용됩니다. … 태그 안에 추가되지만 닫는 태그는 없습니다. 여기에 외부 CSS 파일을 정의합니다.

별도로 생성된 CSS 파일에는 모든 CSS 코드가 들어 있습니다. href 속성은 CSS 파일 링크를 추가합니다.

 link  태그를 사용하여 외부 리소스에 대한 관계를 정의하는 방법은 무엇입니까?

다음 코드를 실행하여 HTML에 외부 CSS를 포함할 수 있습니다. CSS 파일 style.css에 대한 링크와 함께 HTML 파일이 여기에 있습니다.

예시

<!DOCTYPE html>
<html>
   <head>
      <link rel="stylesheet" href="mystyles.css">
   </head>
   <body>
      <h1>Heading</h1>
      <p>This is demo content.</p>
   </body>
</html>

CSS 코드가 포함된 CSS 파일 mystyles.css

h1
 { color: green; }
p
 { font-size: 14px; }