[1주차 BS] 송지현

[jihyun41]

✨ 과제 내용

시맨틱 태그를 이용한 자기소개 페이지를 제작하는 것

📸 스크린샷(필수)

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

아래의 시맥틱 태그들을 사용하며 시맨틱 태그들의 종류와 사용법에 대해 알게되었다.
header : 로고, 제목, 기타 정보가 포함된 페이지 상단 부분을 정의한다
main : 웹사이트의 본문을 나타내는 부분을 정의한다.
footer : 연락처 정보, 사이트에 대한 링크와 같은 추가 링크 등이 포함되며 페이지 하단 부분을 정의한다.
figure : 일러스트, 사진, 다이어그램, 코드 목록 등과 같은 자체 포함된 콘텐츠를 지정한다.
figcaption : figure 요소에 대한 캡션을 정의하며 문서에서 사진의 설명을 추가하기 위해 사용된다.
nav : 웹사이트의 메뉴, 탭, 탐색경로 등 탐색 링크가 포함된 페이지 부분을 정의한다.
article : 독립적인 글을 다루는데 사용되는 태그로 블로그 게시물, 뉴스 기사, 제품 리뷰 등 독립적으로 배포하거나 재사용할 수 있는 독립형 콘텐츠를 정의한다.

그 외의 사용하며 알게된 태그들
br : 줄바꿈 (닫는태그X)
p: 단락
img : 이미지 삽
h1~h6 : 제목 태그
a : 웹페이지 외부 사이트 연결

궁금한 점은 페이지의 내용이 아래로 쭉 이어지는 것이 아니라 예시처럼 가로로 이어지도록 하고 싶은데 그렇게 하기 위해서는 css를 수정해서 제작해야 하는 것인지 궁금합니다!