NaEun's Notes

표준 HTML 구조HTML 문서는 W3C(World Wide Web Consortium)에서 정한 표준을 따라 작성됩니다. 표준 구조는 문서의 일관성과 가독성을 높이고, 브라우저가 문서를 올바르게 해석할 수 있도록 도와줍니다.   1. 문서 유형 선언 : HTML5 문서를 선언합니다. 브라우저가 HTML5 표준을 따르도록 지시하는 역할을 합니다. 2.  태그HTML 문서의 루트 요소 : 모든 HTML 콘텐츠를 포함합니다.lang 속성 : 문서의 언어를 지정합니다. ex. lang="en" (영어), lang="ko" (한국어)3.  태그 메타데이터를 포함 : 문서에 대한 정보를 브라우저나 검색 엔진에 제공하며, 다음과 같은 요소를 포함할 수 있습니다: : ..

부트스트랩 (Bootstrap)부트스트랩은 HTML, CSS, JavaScript로 구성된 오픈소스 프레임워크입니다. 주요 컴포넌트 중 하나인 'Card 컴포넌트'는 정보나 콘텐츠를 깔끔하게 보여주는 데 사용되며, 제목, 텍스트, 이미지, 링크 등 다양한 요소를 포함할 수 있는 다용도 UI 요소입니다. 트위터에서 개발되었으며, 웹 애플리케이션의 디자인을 빠르게 구현할 수 있도록 다양한 구성 요소와 스타일을 제공합니다.특징 반응형 디자인 : 다양한 화면 크기와 디바이스에서 잘 동작하는 레이아웃을 제공합니다.CSS 구성 요소 : 버튼, 네비게이션 바, 카드 등 기본 스타일을 가진 UI 요소를 포함합니다.JavaScript 플러그인 : 모달, 드롭다운, 알림창 등 동적인 요소도 쉽게 추가할 수 있습니다.사용 ..

HTMLHTML(HyperText Markup Language)은 웹 페이지의 구조를 정의하는 마크업 언어입니다. 이를 통해 웹 브라우저가 내용을 어떻게 표시할지 이해할 수 있습니다.특징 구조 정의 : HTML은 웹 페이지의 제목, 단락, 목록, 링크, 이미지와 같은 요소를 정의합니다.태그 기반 : HTML은 , , 와 같은 태그를 사용하여 문서의 각 요소를 표시합니다.콘텐츠 중심 : HTML은 웹 페이지의 콘텐츠를 작성하는 데 초점을 맞춥니다.정적 문서 : 기본적으로 HTML은 정적인 페이지를 생성하지만, JavaScript와 결합하면 동적인 기능을 추가할 수 있습니다.예시 안녕하세요, HTML! 이것은 HTML의 예제입니다.CSS CSS(Cascading Style Sheets)는 웹 페..