HTML 기본 문법
TAG
<태그 이름> : 시작 태그
</태그 이름> : 끝 태그
속성 Property
속성 이름="속성 값"
<a href="//naver.com">네이버</a>
<img src="icon.png">HTML 기본 구조
<head> 태그에는 페이지에 대한 정보
<body> 태그에는 페이지 내용
<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>
기본 태그 종류
<title> : 사이트 이름, <head> 태그에 사용
<meta> : 인코딩 정하기, <head> 태그에 사용
<head>
<meta charset="utf-8"> <!--한글을 지원하는 인코딩-->
...
</head><h1> ~ <h6> : 제목 (Heading)
<p> : 단락 (Paragraph)
<br> : 줄바꿈 (Break Line)
<a> : 링크, + href 속성
<a href="//naver.com">
더보기
</a><img> : 이미지, + src 속성
<img src="images/park-jae-bum.jpg">
<!--image라는 폴더 안에 있는 이미지 사용--><div> : 영역 나누기, 여러 태그
<span> : 영역 나누기, 택스트의 일부만
CSS 기본 문법
css 기본 속성
background-color: #272727 : 배경색
color: #ffffff : 글자색
font-family: Poppins, 'Noto Sans KR', sans-serif : 글꼴,
띄어쓰기 있는 경우에는 따옴표로 감싸줄 것!
font-size: 16px : 글자 크기
font-weight: 400 : 글자 굵기, 100 ~ 900
width: 560px : 너비
height: 380px : 높이
padding: 10px : 안쪽 여백, 세로 가로 10px
padding: 10px 20px : 안쪽 여백, 세로 10px 가로 20px
margin: 10px : 바깥 여백, 세로 가로 10 px
margin: 10px 20px : 바깥 여백, 세로 10px 가로 20px
margin: 10px auto : 바깥 여백, 세로 10px 가로 알아서 맞춰 넣기
auto 는 바깥여백(margin) 가로에서만 동작!
까먹지 말 것!!⭐️
<head>
<link rel="stylesheet" href="style.css">
...
</head>css 속성을 html에 적용하려면 ... 필수 사항⭐️⭐️
이거 안적어서 1시간동안 잘 적은 코드 계속 수정함
