1. HTML 기본문법
<태그> 내용 </태그>
시작(열린)테그 요소의 내용 종료(닫힌)테그2. 부모와 자식 관계 이해
<body>
<div>
<div></div>
</div> 부모 안에 자식은 shift 를 눌러서 들여쓰기를 해야함
shift tab 하면 내어쓰기가 된다.
<body>
<div>
<div>
<div></div>
</div>
</div> 가운데가 자기 자신이다.
부모요소: 하나 위
상위(조상)요소: 부모요소 + 부모보다 더위에있는 요소들 전부
자식요소: 바로밑에 있는 요소
하위(후손)요소: 밑에 있는 모든 요소
3. 빈 태그
<meta charset="UTF-8">/> 가 없음. 열린태그이다.
<meta name="viewport" content="width=device-width, initial-scale=1.0">속성=값을 나타냄
<태그 속성="값">내용</태그>빈테그에는 속성과 값을 써야한다.
4. 글자와 상자
요소가 화면에 출력되는 특성 , 크게 2가지로 구분
1.인라인 요소: 글자를 만들기 위한 요소
<span>hello</span>
<span>world</span>
- 왼쪽에서 오른쪽으로 쌓임:
hello world
- 콘텐츠 영역을 설정하는 용도
가로: 포함하는 콘텐츠 크기만큼 줄어듦.
세로: 포함한 콘텐츠 크기만큼 줄어듦
<span><div></div></span>: 사용불가 - 글자안 상자 불가능
<span><span></span></span>: 사용가능
2.블록 요소: 상자를 만들기 위한 요소
<div>hello</div>
<div>world</div>-
위에서 아래로쌓임
hello
world -
콘텐츠 영역을 설정하는 용도
가로: 포함하는 콘텐츠 크기만큼 늘어남.
세로: 포함한 콘텐츠 크기만큼 줄어듦
<div><div></div></div>: 사용가능
<div><span></span></div>: 사용가능 
5. 핵심 요소 정리
ppt 참고 3. html 개요 핵심정리
6. 핵심 요소 출력연습
ppt 참고 3. html 개요 핵심정리
7. 주석
개발자가 작성한것 메모 보이지 않게 하는것
<!--- 애국가 --->라고작성하면 보이지 않음
이것은 'ctrl + / 하면 개발자들끼리만 볼수있음.
8. 전역속성
ppt 참고 3. html 개요 핵심정리
LET'S GO
0개의 댓글
