[1주차 BS] 홍예빈

[binsm24]

✨ 과제 내용

시맨틱 태그를 이용하여 자기소개 페이지 만들기

📸 스크린샷(필수)

📚 새로 알게된 내용 혹은 궁금한 점

HTML 문서의 구조

1. !DOCTYPE html : 문서 유형을 선언, 해당 문서가 HTML5로 작성되었음을 명시
2. html : HTML 문서의 최상위 요소, 모든 다른 HTML 요소를 포함하는 부모 요소
3. head : 메타데이터와 외부 리소스에 대한 정보를 포함, 브라우저에 보이지X
4. title : 문서의 제목을 지정, 브라우저의 탭 제목이나 북마크 목록에 표시
5. body : 문서의 실제 내용을 담고 있는 부분, 웹 페이지에 실제로 표시되는 내용이 작성

시맨틱 태그

1. header : 페이지 상단에 로고 혹은 메뉴바 등이 담겨있는 영역
2. nav : 메뉴바처럼 여러가지 링크들을 모아놓은 영역
3. main : 제목이나 본문처럼 페이지의 가장 중요한 영역
4. footer : 카피라이트나 회사 정보 등이 담겨있는 페이지의 하단 영역
5. aside : 본문과 별개의 내용을 포함하는 사이드에 위치한 영역
6. article : 독립적으로 배포 가능하거나 재사용할 수 있는 콘텐츠를 묶는 영역
7. section : 문서, 애플리케이션의 일반적인 섹션을 나타내는 영역

추가로 찾아본 HTML 요소

1. figure : 독립적인 콘텐츠 표현
2. figcaption : 부모 figure 요소가 포함하는 다른 콘텐츠에 대한 설명
3. p : 문단을 나타냄
4. a : href 특성을 통해 URL로 연결할 수 있는 하이퍼링크 작성
5. br : 줄바꿈 생성, 닫는 태그X

궁금한 점

예시처럼 콘텐츠를 가운데에 나열하는 방법이 궁금합니다!