[멋쟁이사자] 백엔드 - 37일차 회고록

37일차

학습 목표

1. HTML의 시맨틱 태그를 활용하여 의미 있는 페이지 구조를 설계할 수 있다.
2. <h1> ~ <h6>, <p>, <ul>, <ol>, <a> 등을 활용하여 텍스트와 리스트, 링크를 구성할 수 있다.
3. <img>, <table>, <form> 등 기본 태그를 활용하여 실생활 페이지 구성을 시작할 수 있다.
4. CSS 기본 선택자와 속성을 활용하여 텍스트, 배경, 레이아웃을 꾸밀 수 있다.

HTML의 시맨틱 태그

html은 간단하게 알고 있어서 footer, header 같은 개념만 알고 있었는데 이번 기회에 시맨틱 태그가 바로 이 footer, haeder와 같은 친구들이라는것을 알았다.

그동안 시맨틱 태그란것도 모르고 그냥 html에 포함된 줄 알았는데 이번 학습을 통해 시맨틱 태그를 알게 되었고 다른 요소들도 학습하게 되었다.

관련 내용은 블로그 글에 정리해뒀다.

HTML의 기본 태그들

HTML의 기본 태그들을 작성해서 어떻게 동작하는지 학습했다.

해당 내용은 블로그 글에 정리해뒀다.

CSS의 기본 선택자와 속성

CSS를 사용하면 HTML의 스타일을 꾸밀 수 있다.

당장 지금 이 블로그만해도 CSS를 수정했다.

CSS의 경우 기반 지식이 어느정도 있어서 그냥 잘못알고 있는게 있는지 점검하는 시간이었던것 같다.

자세한 내용은 블로그 글https://lold2424.tistory.com/256로 정리해뒀다.