HTML CSS3 HTML 파일명 규칙 케밥 표기법 (Kebab Case) 하이픈을 사용한 표기법케밥 표기법을 쓰는 것이 좋다.index.htmlcontact-us.htmluser-profile.htmlproduct-list.html 스네이크 표기법 (Snake Case)언더스코어를 사용한 표기법index.htmlcontact_us.htmluser_profile.htmlproduct_list.html 2024. 7. 1. Flexbox 웹 페이지 요소들을 쉽고 유연하게 배치할 수 있도록 도와주는 CSS 레이아웃 방식이다. Flexbox를 사용하면 화면 크기나 요소의 크기가 변해도 각 요소를 정렬하고 배치하는 것이 아주 간단하다. 주요 특징1. 유연한 배치 : 요소의 크기나 순서를 유연하게 조절할 수 있다.2. 간단한 정렬 : 복잡한 계산 없이 요소를 수평 및 수직으로 쉽게 정렬할 수 있다.3. 반응형 디자인 : 화면 크기가 변해도 레이아웃이 자동으로 조정된다. 주요 개념Flex 컨테이너 : Flexbox를 적용할 부모 요소Flex 아이템 : Flex 컨테이너 안에 있는 자식 요소들 FlexBox의 두 개의 축flexbox 레이아웃의 정렬을 이해하는데 가장 중요한 역할을 한다. 주축(main axis)의 방향과 교차축(cross axis.. 2024. 7. 1. HTML5 목차W3C HTML 설명란HTML 정의HTML 태그시멘틱 마크업 W3C HTML 설명란https://www.w3schools.com/html/공식 사이트에서 제공하는 공식 문서를 확인하는 습관을 들이면 좋다.어떤 코딩 언어든 그 언어가 왜 만들어졌는지 공부한다면 기본기를 다지기에 용이하고, 오류를 범할 가능성을 낮출 수 있다.HTML 정의‘Hyper Text Markup Language’ 를 줄여서 HTML 이라고 부른다. 웹 페이지를 만들 때 사용하는 기본언어이다. 집에 비유하자면 뼈대 혹은 구조에 해당한다. 시작하는 꺽새괄호 와 끝나는 꺽새괄호 를 태그라고 부른다. 이러한 태그를 이용하여 웹 페이지에 문자, 이미지, 링크 등을 출력할 수 있다.HTML 태그 ■ 주석문 ■ block 요소요소 자체.. 2024. 4. 13. 이전 1 다음