Development Study/Frontend

HTML + CSS 파일 연동하는 방법

728x90

주로 HTML과 CSS를 웹페이지를 만드는 데에 많이 쓰곤 한다

그리고 이 두 파일을 연동하는 방법은 생각보다 간단하다

1. main.html 생성

2. style.css 생성

3. <head> 안에 link tag를 이용하여 경로 지정

참고

[HTML] 태그 정리 (<body> tag)

Ctrl+f를 통해 관련 내용으로 이동할 수 있습니다 더보기 body br p b i h# a img table span li form +들어가기 전에 기본적으로 css 태그는 다음과 같이 정의내려진다 태그이름 { 속성1: 속성값1; 속성2: 속성

time-map-installer.tistory.com

4. 작성 코드 예(main.html)

<html>
    <head>
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
        안녕하세요
    </body>
</html>

5. style.css에 속성 아무거나 지정 후 작동되는 지 확인

body{
    color: aqua;
}

728x90

[TypeScript] TypeScript Grammar - 01 (0)	2023.01.07
[TypeScript] Differences between .ts & .tsx (0)	2023.01.07
[배경지식] CSS 프레임워크를 알아보자 (1)	2022.12.31
[배경지식] JavaScript? TypeScript? 이 둘의 차이는 무엇일까? (0)	2022.12.31
[HTML] 태그 정리 (<body> tag) (0)	2022.11.20

Contents

새소식