반응형
CSS파일 연결 방법:
<link rel="stylesheet" href="./파일 이름">
JS파일 연결 방법
<script src="./파일 이름">script>
경로, 파일 이름을 잘 맞춰주는 것이 중요!!
Head 태그안에 선언
예제
HTML
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="./main.css">
<script src="./main.js"></script>
<style>
div {
text-decoration: underline;
}
</style>
<script>
console.log('직접입력');
</script>
</head>
<body>
<div>Hello World!</div>
</body>
</html>
CSS
div {
color: red;
font-size: 100px;
}
JS
console.log('DreamDog!');
확인
<meta />는 HTML 문서(웹페이지)의 제작자, 내용, 키워드 같은, 여러 정보를
검색엔진이나 브라우저에게 제공
name: 정보의 종류, content: 정보의 값
<meta name="viewport" content="width=device-width, initial-scale=1.0">
charset: 문자인코딩 방식 (거의 UTF-8방식 사용)
<meta charset="UTF-8">
반응형
'프론트엔드 > HTML' 카테고리의 다른 글
| JSTL 사용해서 넘어오는 데이터에 따라 태그 속성 비활성화 시키기<c:if> (0) | 2022.03.23 |
|---|---|
| a 태그를 이용하여 페이지 이동 (0) | 2021.04.11 |
| 상대경로, 절대경로 예시 (이미지 파일 넣기) (0) | 2021.04.11 |
