3.15 오전
html 회원가입 사이트 만들기
코드 정리 줄맞춰서 잘하기 중요
<div> </div> <!-- div tag or element-->
<h1></h1><!-- h1 tag or h1 element-->
<input type=""><!-- 여기서 type부분을 attribute or 속성값 이라고 함-->
<!-- html은 꺽쇠로 이뤄져있고 시작 하는 태그가 있다면 닫는것도 있다.
<>안에 태그 or 엘리먼트 값 말고 다른 내용이 들어간다면 그것은 속성값이다.>
예외 태그도 있음 --
<input> 태그- 닫기 필요 없음. 인라인임
<br/>도 열닫 필요x
<2교시>
블록과 인라인
기본적으로는 옆으로 붙으려는 속성있음. 블록을 쓰면 옆에 붙을 공간이 없기 때문에 밑줄로 떨어지는것임.
(블록- 한 줄 공간을 다 차지/ 인라인- 해단 내용 만큼만 공간을 차지)
<!--닫는 태그는 대부분 인라인 이다.-->
html 시작할때
꺽쇠로 쓰지말고 그냥
html:5 치고 엔터 누르면 자동으로 설정됨
class 는 여러개 사용 가능 id는 하나만 사용가능
.은 class를 명시할 때 사용 #은 id값을 명시할 때 사용.-> 중요. 맞춰서 쓰지 않으면 실행 안됨
<!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>Document</title>
<style>
.top{
background:blue;
}
#bottom{
background: red;
}
</style>
</head>
<body>
<div class="top">
top
</div>
<div id="bottom">
bottom
</div>
</body>
</html>