<img src="" alt="">
src -> 이미지 위치, 경로
alt 대체 텍스트 속성
이미지를 못불러왔을 때 이미지를 대신할 텍스트
이미지 크기는 별도 css 스타일 태그가 아닌 html이미지 태그의 속성 단위에서 설정하는 것이 일반적
ex) <img width="100px" height="500px" src="" alt="">
용량 때문에 비디오, 오디오 태그를 직접 사용하는 것은 요즘 추세가 아님
iframe -> html에 새로운 html을 갖다 넣는 것
ex) 유튜브를 통해서 동영상을 인폴트 해오는 방법을 사용함
1. div: division / 가상의 경계, 가상의 레이아웃
특히 공통적인 영역을 나눌 때 유용하게 쓰임
p태그 처럼 display block 속성을 갖고 있음
2. span:
3. nav: 주요 페이지로 가는 링크 모아놓음
일단 div 태그로 구역을 나누자!
why?
1. 유지보수가 편하다
2. 협업이 쉬워짐
3. div에 태그를 특정할 수 있는 class or id이름을 직관적으로 네이밍 하자.
ex. header-search
ex. HeaderSearch
부모태그에서 크기를 부여되면
자식태그는 퍼센트로 부모태그의 일정 비율로 크기를 설정할 수 있음
ex)
.parent {
width: 200px;
height: 200px;
}
.child {
width: 70%;
height: 70%;
제로베이스 프론트엔드 스쿨 html기본태그 css레이아웃 수강하며 작성한 메모입니다.