<style> 태그 사용
<!DOCTYPE html>
<html>
<head>
<style> 직접입력
body {background-color: powderblue;}
h1 {color: blue;}
p {color: red;}
</style>
</head>
<body>
<h1>여기에 제목을 </h1>
<p>여기에 내용을 .</p>
</body>
</html>
<html>
<head>
<link rel="stylesheet" href="styles.css"> 링크
</head>
<body>
<h1>여기에 제목을</h1>
<p>여기에 제목을.</p>
</body>
</html>
-------------------------------------------------------------------------
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
color: blue;
font-family: verdana;
font-size: 300%;
}
p {
color: red;
font-family: courier;
font-size: 160%;
}
</style>
</head>
<body>
<h1>여기에 제목을</h1>
<p>여기에 제목을.</p>
</body>
</html>
위에 처럼 html 헤드와 헤드사이에
스타일을 직접 쓸수도 있습니다.
--------------------------링크로 스타일 불러오기
<link rel="stylesheet"
href="https://www.주소.com/html/styles.css">
위에 처럼 css파일에 스타일을 작성하고 css파일 링크만 헤드사이에 넣어도 됩니다.
<link rel="stylesheet" href="styles.css"> 같은 폴더에 있을때는 이렇게 해도 됩니다.
참고하세요
'HTML5 tag 기본태그' 카테고리의 다른 글
| HTML5 링크 태그 (0) | 2019.07.10 |
|---|---|
| html5 색상 태그 (0) | 2019.07.10 |
| html5 기본태그 (0) | 2019.07.10 |
| HTML5 Tag 기본 페이지 구조 (0) | 2019.07.09 |
| html5 video tag 비디오 태그 (0) | 2019.07.09 |
