[멋쟁이사자] 백엔드 - 37일차 회고록
37일차학습 목표HTML의 시맨틱 태그를 활용하여 의미 있는 페이지 구조를 설계할 수 있다. ~ , , , , 등을 활용하여 텍스트와 리스트, 링크를 구성할 수 있다., , 등 기본 태그를 활용하여 실생활 페이지 구성을 시작할 수 있다.CSS 기본 선택자와 속성을 활용하여 텍스트, 배경, 레이아웃을 꾸밀 수 있다.HTML의 시맨틱 태그html은 간단하게 알고 있어서 footer, header 같은 개념만 알고 있었는데 이번 기회에 시맨틱 태그가 바로 이 footer, haeder와 같은 친구들이라는것을 알았다.그동안 시맨틱 태그란것도 모르고 그냥 html에 포함된 줄 알았는데 이번 학습을 통해 시맨틱 태그를 알게 되었고 다른 요소들도 학습하게 되었다.관련 내용은 블로그 글에 정리해뒀다.HTML의 기본..
[HTML] 기본 태그들
기본 태그들HTML에서 기본 태그는 부분에 들어가서 본문을 구성하게 된다.텍스트 구성 ~ , , , 리스트 구성, , 링크 연결이미지 삽입표(테이블) 작성, , , , , 입력 폼 만들기, , , , 사용 예시텍스트 구성 태그제목 태그: ~ 숫자가 작을수록 제목의 크기가 커진다.가장 큰 제목두 번째로 큰 제목세 번째 제목문단 태그: 본문 내용을 묶을 때 사용한다.줄 바꿈 없이 하나의 문단 단위로 출력된다.이것은 하나의 문단입니다.문단은 p 태그로 구분합니다.참고) 줄 바꿈을 원할 때는 태그를 사용한다.강조 태그: , : 중요한 내용을 굵게 강조: 의미적으로 강조 (기울임 처리)강조된 굵은 글자입니다.중요한 강조를 의미할 수 있습니다.2. 리스트 구성 태그정보를 나열할땐 리스트를 사용한다.순서 없는 ..