#6 HTML 코딩 연습 <비쥬얼 스튜디오>

부모요소와 자식요소의 개념을 정리하고, id와 class의 선언문에 대해 알아본다.

 

선언방법

 

1. 기본요소사용 ex) div

2. id 사용(#)

3. class사용(.)

4. 기본요소 + id + class  <-타인의 작업물을 수정하는 경우를 제외하고 웬만하면 사용하지말 것.

 

---

실습 1.

 

 

#dog span 또는 div span 선언문

 

#dog .ani .ani-sub .cat .to선언문

 

 

---

 

HTML: Hypertext Markup Language

html(프론트엔드 개발자/디자이너/퍼블리셔)
디자이너 : 디자인만 하는 회사 or 코딩도 하는 회사
퍼블리셔 : 퍼블리셔가 별도 있는 회사 or 없는 회사
/*
웹개발 언어(백엔드 개발자)
개발자 : 개발 or 개발+데이터베이스
서버관리자 : 서버
*/
웹을 이루는 가장 기초적인 구성 요소 > 프로그램 전 단계
확장자 html 페이지를 > 웹개발 언어로 프로그램(jsp, asp, php)
index.html > index.jsp
about.html > about.jsp
phone.html > phone.jsp

웹문서 : 글자 + 링크(하이퍼텍스트)
마크업

요소의 중첩
괄호 법칙을 기억해서 요소의 중첩을 사용한다.
- 괄호 법칙 [{()}]
- 대괄호 []
- 중괄호 {}
- 소괄호 ()

선택자 선택방법 4가지
1. 기본요소
2. id(#)
3. class(.)
4. 기본요소+id 혹은 class
예)
<div="dog"> --> #dog
div #dog --> <div><div id="dog">

주석
html
<!-- 내용 -->
css
/* 내용 */