[Develop] 23.04.12 개발공부일지

요약: 시맨틱 태그 학습

일시: 23.04.12(수)

장소: 경기도 수원시 팔달구 갓매산로 38 다성빌딩 3층 더휴먼컴퓨터아트아카데미

배운 점

1. 웹의 구조

012

<article>: 본문

<aside>: 사이드

<footer>: 하단

 

웹을 구성할 때, 구조적인 것은 ID, 디자인적 요소는 CLASS

 

2. CSS

• margin: 0(top) auto (right) (bottom) (left); → 반복은 생략 가능
• header, nav는 # 생략가능
• 웹 기본 폰트사이드 16px
• 맨 마지막 속성값은 세미콜론 안쓰기
• width: 넓이
• height: 깊이
• background: 뒷배경
• margin: 여백
• font-size: 글자크기
• font-weight: 글자 가중치
• text-align: 텍스트 조정
• line-height: 행간 조절
• padding: 안쪽 여백
• float

 

3. HTML 문법

• <figure>
• <figcaption>
• <audio>→<audio src="./media/music.mp3" controls></audio>
• <video>
• <a>