웹 개발의 구성 요소 중 HTML과 CSS는 필수 요소입니다.
백엔드 개발을 하신다면 HTML / CSS는 다루시는 일이 많으시지 않으실 텐데요.
웹 서비스를 직접 만드신다면 HTML / CSS 개발은 피할 수 없습니다.
태그 하나하나만 보면 그렇게 어려워 보이지 않지만, 웹 서비스를 만들고자 한다면 프런트 개발을 진행 못하고 있는 모습이에요.
그럼 도대체 HTML과 CSS를 어느 범위까지 알아야 될지, 리스트 정리를 하도록 하겠습니다.
적어도 이 정도는 알아야 프런트 개발을 하실 수 있으실 테니까요.
아래 내용들을 알고 있으신지 한번 확인을 해보세요 😀
HTML의 태그
구분 | 설명 | 태그 | 비고 |
1 | HTML 구조 | html, head, body | |
2 | head 내 태그에 사용할 수 있는 태그 | meta, title, script, link, style, base | |
3 | CSS를 연결하는 3가지 방법 | ||
4 | 문서의 구조를 잡아주는 태그 | div, header, article, nav, footer | |
5 | 블록 태그와 인라인 태그의 차이 | ||
6 | 네비게이션 만들기 패턴 | a, ul, li | |
7 | 이미지 입력하기 | img |
CSS 내용
1. CSS 선택자 (클래스 / 아이디 / 태그 선택자)
2. 박스 모델 (margin, border, padding)
99. float
99. position
99. flexbox
99. grid
내용은 지속적으로 추가가 되겠습니다 :)
'개발 기록 > HTML_CSS' 카테고리의 다른 글
CSS Grid 사용법 정리 (grid column, row에 이름 명시) (1) | 2023.12.29 |
---|---|
CSS Grid 사용법 정리 (grid-template-columns, grid-template-rows) (0) | 2023.12.15 |
div 태그의 특징 3가지 (HTML/CSS 내 레벨 확인) (1) | 2023.02.05 |