3주차 계획

• [x] HTML 기초 사용법
• [ ] CSS 기초 사용법
• [ ] 간단한 세로 레이아웃 만들기

3주차 회고

HTML 파일의 기본 구조

1. 문서의 타입이 html임을 명시
2. html 파일의 모든 태그의 부모 태그는 html태그
3. html의 두 자식 태그는 각각 head 태그, body 태그

head 태그

• html 문서에 대한 정보가 들어간다 ex) title 태그
• 이때 이 정보들은 웹브라우저 화면에서는 확인할 수 없음 (메타 데이터)

body 태그

• 웹 브라우저를 통해 직접 확인할 수 있는 내용

<자주 사용되는 태그>

1. div 태그

→ 상자의 역할을 한다 (상위 div요소를 이동하면 하위 div요소들도 함께 이동하게 된다)

이때, 스타일 속성을 적용할 수 있는데

속성명:속성값;

1. p 태그

→ 단락을 설정하는 태그

글씨를 삽입할 때 사용 위아래로 약간의 여백이 생긴다

1. br 태그

→ 줄바꿈을 위한 태그, 종료 태그 없이 사용할 수 있다

1. table 태그

→ 표를 삽입하는 태그

행 : tr태그

열 : td태그

1. ul 태그 (순서가 없는 list)

항목 : li 태그 (글을 작성하면 리스트가 만들어진다)