HTML기본태그, CSS레이아웃

bible_k_·2023년 2월 19일
0
		<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레이아웃 수강하며 작성한 메모입니다.

profile
후론트엔드 개발자

0개의 댓글