HTML
1. "<"와 ">"사이에 명령어(tag, element) 작성
2. 시작태그와 종료태그로 구성
3. 태그는 중첩 가능하며 종료태그는 나중에 작성한 태그먼저 작성
- <div><p><a></div></p></a> (X)
- <div><p><a></a></p></div> (O)4. 종료태그가 없거나 생략 가능한 태그
- 종료태그가 없는 태그: br, img, hr, meta, input...
- 종료태그 생략 가능한 태그: 주석, p, option...
5. 반드시 종료 선언(xhtml)
- 종료태그가 없는 태그: 태그 뒤에 "/"vyrl
ex)<br>------------><br />
<img src="">-----------><img src="" /> - 종료태그 생략 가능한 태그: 반드시 종료태그 작성
6. 디버깅을 하지 않음
7. 반드시 대소문자 구분(xhtml)
- 모든 태그와 속성은 소문자로만 작성
8. 문서 상단에 반드시 DOCTYPE 선언
속성의 특징
1. 태그와 속성, 속성과 속성은 공백으로 구분
ex) <a href="#"> --> O / <ahref="#"> --> X
2. 여러 개의 속성을 사용할 수 있지만(A)
같은 속성을 두 번 이상 사용 불가(B)
ex) A: <img src="/" width="길이" height="높이"> --> O
ex) B: <img src="/" width="300" width="400"> --> X
3. 하나의 속성에는 값을 한 개만 지정
ex) <img src="/" width="300, 400"> --> X
4. 속성값은 원래의 이름이 한글인 경우를 제외하고 한글 사용 불가
ex) <img width="300"> --> O / <img width="삼백"> --> X
예외 태그: meta
<meta name="keywords" content="영화, 한국영화, 외국영화">
5. 속성값에는 "" 생략 가능
(xhtml에서는 생략 불가)
과제
제출한 과제 수정해서 가져오기
새로해도 상관없음 2개!
엉망진창