HTML카테고리 글 목록

CSS로 글자와 배경 꾸미기

color, font-size, font-weight, line-height, background-color, background-image처럼 글자와 배경을 꾸밀 때 자주 쓰는 CSS 속성을 정리합니다.

content, padding, border, margin, box-sizing으로 이루어진 CSS 박스 모델의 핵심 개념을 초보자 기준으로 정리합니다.

hover, focus, first-child 같은 가상 클래스와 before, after 같은 가상 요소의 차이와 사용법을 정리합니다.

자식 선택자, 하위 선택자, 인접 형제 선택자, 일반 형제 선택자의 의미와 차이를 초보자 기준으로 정리합니다.

전체 선택자, 태그 선택자, class 선택자, id 선택자의 의미와 차이를 초보자 기준으로 정리합니다.

인라인 스타일, 내부 스타일, 외부 CSS 파일 방식의 차이와 외부 CSS 파일을 많이 사용하는 이유를 정리합니다.

CSS가 왜 필요한지와 선택자, 속성, 값으로 이루어진 기본 문법을 초보자 기준으로 정리합니다.

HTML에서 대부분의 태그에 공통으로 사용할 수 있는 글로벌 속성 id, class, style, title, data-*의 역할을 정리합니다.

HTML에서 header, nav, main, section, article, aside, footer 같은 시맨틱 태그를 사용해 웹페이지 구조를 설계하는 방법을 정리합니다.

HTML에서 img, video, audio, source 태그를 사용해 이미지, 영상, 오디오를 넣는 방법을 정리합니다.

HTML에서 table, tr, th, td 태그를 사용해 표를 만드는 방법과 표를 사용할 때 주의할 점을 정리합니다.

HTML에서 사용자 입력을 받을 때 사용하는 form, input, label, button, textarea, select 태그의 기본 역할을 정리합니다.

HTML에서 텍스트를 강조할 때 사용하는 strong, em, b, i 태그의 차이를 의미와 디자인 관점에서 정리합니다.

HTML에서 링크를 만드는 a 태그와 이미지를 넣는 img 태그의 기본 사용법을 정리합니다.

HTML에서 목록을 만들 때 사용하는 ul, ol, li 태그와 순서 있는 목록, 순서 없는 목록의 차이를 정리합니다.

HTML에서 div와 span의 차이, 블록 요소와 인라인 요소의 개념, 그룹을 나누는 이유를 정리합니다.

HTML에서 텍스트를 작성할 때 사용하는 제목, 문단, 줄바꿈, 인용 태그를 정리합니다.

HTML 문서를 구성하는 <!DOCTYPE html>, html, head, body, title 태그의 역할을 초보자 기준으로 정리합니다.

HTML을 처음 공부할 때 알아두면 좋은 대소문자, 공백 처리, 의미에 맞는 태그 사용, 브라우저 해석 방식의 기본 특징을 정리합니다.

HTML을 처음 배울 때 헷갈리기 쉬운 태그, 요소, 속성, 콘텐츠, 주석의 차이를 초보자 기준으로 정리합니다.

index.html 파일을 만들고 기본 HTML 구조를 작성한 뒤 브라우저에서 결과를 확인하는 과정을 초보자 기준으로 정리합니다.

HTML을 처음 공부하기 전에 필요한 VS Code 설치, HTML 파일 생성, 브라우저 실행, Live Server 사용 방법을 정리합니다.

웹페이지를 만들 때 사용하는 HTML, CSS, JavaScript가 각각 어떤 역할을 하는지 초보자 기준으로 정리합니다.