[1주차 BS] 박윤지

[yunji28]

✨ 과제 내용

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

📸 스크린샷(필수)

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

HTML 문서의 구조와 문서를 이루는 요소에 대해서 알게 되었습니다.

추가로 찾아본 내용

• <article> 과 <section> 의 차이점
  : 가장 핵심은 독립성 으로, 다른 곳으로 분리했을 때 독립적인 콘텐츠로서 의미를 가질 수 있는지를 기준으로 구분한다.

• <a> : href 속성을 통해 하이퍼링크를 만든다. <a> 안의 콘텐츠는 링크 목적지의 설명을 나타내야 한다.

• <h> 태그 : heading(제목)을 의미하는 태그로, 구획단계에 따라 1~6을 붙여 사용한다.

• <b>, <i> 태그 : 텍스트 스타일을 변경하는 태그로, 각각 bold, italic 을 의미한다.

• <br> 태그 : 단락 내에서 줄바꿈을 하기 위해 사용한다.

궁금한점

• 예시 사진처럼 가로로 정렬하기 위해 관련 속성을 찾아 봤습니다. 해당 부분이 CSS를 통해 구현하는 영역이며, HTML만으로 구현하는 방식은 HTML5 에서 일부 속성이 폐지되어 권장되지 않는다고 이해하여 별도로 적용하지 않았습니다. HTML 만으로 구현 가능한 레이아웃의 범위가 어디까지인지 궁금합니다.

• 이번 코드에서는 단순히 보기 좋아서 article 태그로 영역을 나누었습니다. 다만, article 은 독립된 콘텐츠를 감쌀 때 사용한다고 알고 있어서, section 태그를 사용하는게 더 적절했던 것인지 궁금합니다.