HTML웹사이트 만들기 A
웹사이트 만들기 (HTML/CSS 시작!)
Naver Blog
https://blog.naver.com › taknineball
2021. 3. 11. — 여기서 .html은 웹페이지 전반적인 구성을 짤 수 있고, .css는 각 구성을 원하는대로 꾸밀 수 있다.
1-1. 홈페이지 만들기: html로 구조짜기 (header 부분)
Tistory
https://dewworld27.tistory.com › entry › 1-1-홈페이...
2021. 8. 26. — 1-1. 홈페이지 만들기: html로 구조짜기 (header 부분) · 1. Span 태그 (inline) 인라인 태그인지 · 2. Div 태
그 (block) 블록 태그인지 · 3. css 파일 ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>글자색을 바꾸기</title>
<!-- box icons -->
<link href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css" rel="stylesheet" />
<!-- custom css -->
<link rel="stylesheet" href="css/style.css" />
<style>
</style>
<body>
<! -- Header -->
<header class="header">
<nav class="nav">
<a href="#" class="nav_logo">CodingLab</a>
<ul class="nav_items">
<li class= "nav_item">
<a href="#" class="nav_link">Home</a>
<a href="#" class="nav_link">Product</a>
<a href="#" class="nav_link">Services</a>
<a href="#" class="nav_link">Contact</a>
</li>
</ul>
<button class="button">Login</button>
</nav>
</header>
</body>
</html>
index_CSS5 tab
<style>
/* lmportt Google font - poppins */
@import url("https://fonts.googleapis.com/
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: "poppins", sans-serif;
}
.header {
position: fixed;
height: 80px;
width: 100%;
background: grey;
z-index: 100;
padding: 0 20px;
}
</style>
index_JaSing tab
<svrS
HTML웹사이트 만들기 A
첫댓글 https://www.w3schools.com/js/tryit.asp?filename=tryjs_whereto_head