Skip to content

[1주차 BS] 곽민성#8

Open
cherrybong70 wants to merge 1 commit intoAPPS-sookmyung:mainfrom
cherrybong70:main
Open

[1주차 BS] 곽민성#8
cherrybong70 wants to merge 1 commit intoAPPS-sookmyung:mainfrom
cherrybong70:main

Conversation

@cherrybong70
Copy link

✨ 과제 내용

시맨틱 태그를 이용해서 자기소개 페이지를 만들었다.
예시로 보여준 자기소개 페이지와는 다르게 내 자기소개는 세로로 되어있길래 style.css에서 article의 diplay를 flex로 설정해 가로로 보이도록 바꾸었다. 엇 근데 작성하면서 생각난건데 혹시 css는 건드리면 안되는건가요..?

📸 스크린샷(필수)

스크린샷 2026-03-23 오후 1 48 36

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

새로 알게된 내용

  • <nav>: 내비게이션 영역을 나타내는 태그. 사이트 이동용 링크 묶음, 메뉴, 목차 같은 부분에 사용
  • <a>: 하이퍼링크를 만드는 태그. 다른/같은 페이지의 특정 위치, 파일, 이메일 주소 등으로 연결할 수 있음
    • 주로 href(Hypertext Reference)속성과 같이 많이 씀
  • <figure>: 독립적인 시각 자료나 부가 자료를 묶는 태그. 이미지, 도표, 코드, 예제, 삽화 등을 담을 수 있음.
  • <figcaption>: figure에 대한 설명이나 캡션
  • <section>: 주제별 구획을 나누는 태그.
  • <section> <div>의 차이:
    • <section>: 의미 있는 내용 구획
    • <div>: 의미 없이 묶는 용도. 주로 스타일/레이아웃용
  • <iframe>: 다른 웹페이지나 외부 콘텐츠를 현재 페이지 안에 삽입하는 태그.

궁굼한 점

  • iframe으로 유튜브 영상을 삽입할 때, 어떤 영상은 재생되고 어떤 영상은 제한되는 이유가 궁굼합니다.
  • 또 제가 가로 레이아웃으로 css를 통해서 변경했는데, html만으로도 가능한지 궁굼합니다.

@cherrybong70 cherrybong70 changed the title Feat: 1주차 과제 및 실습 코드 [1주차 BS] 곽민성 Mar 23, 2026
@chaeeah chaeeah self-requested a review March 23, 2026 11:55
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant