wecode 사전스터디 1주차(7/16) 로그

위코드 개강(8/17) D-32

 

1. 배운 것/개발한 것 : freecodecamp.org css 추가 강의

 

1) html img태그의 alt 속성

img 태그의 alt 속성은 이미지가 성공적으로 로드되지 않았을 경우에 해당 이미지에 대한 설명으로 대체하기 위해 존재하는 요소이며, 아래와 같은 형식으로 이루어짐

<img src="importantLogo.jpeg" alt="company logo">

2) html5의 새로운 태그들 : main, header, footer, nav, article, section 등

• main태그는 문서 내에서 한 번만 사용할 수 있음
• section, article, div의 차이

<div> - groups content 
<section> - groups related content 
<article> - groups independent, self-contained content

• header 태그 : html 문서의 상단 내 문서 타이틀 정보, 메타정보를 가지고 있는 영역
• nav 태그 : html 문서의 여러 메뉴를 포함하고, 다른 메뉴로 손쉽게 이동하기 위한 영역

3) audio 태그 : html 문서 내 음성을 포함하기 위한 태그

• controls 요소 : 음성 파일 대상 브라우저의 기본 기능 제공 (재생, 멈춤 등) 

<audio id="meowClip" controls>      
	<source src="audio.meow.mp3" type="audio/mpeg" />
</audio>

4) figure 태그 : html5에서 새로 소개된 태그로, 삽화, 다이어그램, 이미지, 동영상, 음원 등의 요소를 삽입하는데 사용됨

• figurecaption 태그 : figure에 대한 제목으로 출력됨

2. 개발할 것

 1) 노마드코더 JS 강의 재수강

 2) codewars javascript 문제 풀기 (3문제 도전)

 3) freecodecamp 'applied accesibility' 강의 (계속)

 

3. 회고

html, css에 대한 기본을 지루하다고 느끼지 말고 계속 복습과 기록.