HTML - CSS
1.[ HTML ] HTML 기초
Hyper Text Markup Language 웹을 이루는 가장 기초적인 구성요소 웹 페이지 표시 위해 개발된 표준 마크업 언어웹 문서를 구성하는 명령어꺽새 안에 있는 정보를 정의하는 형식으로 시작태그와 종료 태그 두 종류종료 태그가 없는 <br /><h
2.[ HTML ] 시맨틱 요소
의미가 있는 요소를 말하며 브라우저와 개발자 모두에게 의미를 명확하게 설명함Semantic : <form>,<article>, <table> 등은 내용 명확하게 정의Non-Sementic : <div>, <span> 등은 내용에 대해 아무것도
3.[ HTML ] 문서 기본 구조
<!DOCTYPE html>HTML 문서 맨 처음에 반드시 명시해 이 문서의 버전 나타냄<html>이 문서가 html로 작성됐음을 브라우저에게 알림문서의 시작과 끝을 알리는 태그lang 속성으로 문서의 언어 설정 가능<head>메타 데이터와 타이틀을 넣
4.[ HTML ] 기본 태그
<h1>~<h6> 이며 주로 웹 페이지에 표시하려는 제목으로 사용<h1>은 하나의 페이지에서 제일 큰 주제를 위해 한 번만 쓰는게 좋음단락태그 <p>는 문단을 정의할 때 사용\-<pre> 태그는 미리 정의된 형식의 텍스를 정의할 때 사용요소
5.[ CSS ] CSS 기초
Cascading Style Sheets사용자에게 문서를 표시하는 방법을 지정하는 언어웹 사이트에서 화면에 표시하는 정보들을 꾸며주는 역할HTML은 문장 구조 만들고, CSS는 문장을 브라우저에게 어떻게 보여줄지 지정하는 언어 ( 구조 : HTML , 디자인 : CSS
6.[ HTML/CSS ] 간단한 버튼을 만들면서 HTML/CSS 배우기 (1)
CSS로 특정 요소를 대상으로 지정가능요소에 클래스를 추가여러 요소가 동일한 클래스를 가질 수 있음요소는 공백으로 구분된 클래스를 여러 개 가질 수 있음transition : <property> <duration>스타일 변경시 부드럽게 전환 (주로 호버링시
7.[ HTML/CSS ] 간단한 버튼을 만들면서 HTML/CSS 배우기 (2)
📒 John Ahn - https://inf.run/MzQn
8.[ HTML/CSS ] Flexbox
📌 Flexbox 요소를 효율적이고 동적으로 배열할 수 있는 레이아웃 모델 이 레이아웃은 1차원이며 공간이 균등하게 분산된 컨테이너 내부에 요소를 배치할 수 있음 - Main/Cross Axis Flexbox로 작업할 때 주축(Main Axis)과 교차축(Cross
9.[ HTML/CSS ] Grid | Display
📌 Grid CSS Grid는 2차원(행과 열)의 레이아웃 시스템을 제공 (행과 열 모두) Flexible Box는 단순한 1차우너 레이아웃(행, 열 중 하나)를 제공 - gap - grid-template-columns/rows : 공백으로 구분된 값 목록으로
10.[ CSS ] SECTION 0-3 by 생활코딩
CSS 다시공부한당