온라인 멘토와 함께하는 공부/HTML43 [스타일시트] 전자책 편집을 위한 스타일시트 전자책 편집을 위한 스타일시트 CSS란? CSS(Cascading Style Sheets)는 문서의 스타일을 정의하는 언어입니다. 전자책에서도 텍스트 스타일, 레이아웃, 색상 등을 조절하기 위해 사용됩니다. 전자책에서 중요한 CSS 속성 글자와 폰트 1. `font-family`: 글자의 폰트를 지정합니다. body { font-family: "Times New Roman", serif; } 2. `font-size`: 글자 크기를 설정합니다. p { font-size: 16px; } 3. `font-weight`: 글자의 두께를 설정합니다. strong { font-weight: bold; } 4. `line-height`: 줄 간격을 조정합니다. p { line-height: 1.5; } 문단과 여백.. 2023. 10. 21. [스타일시트] 스타일시트 기초와 활용 방법 스타일시트 기초와 활용 방법 스타일시트란 무엇인가? 스타일시트는 웹 페이지의 디자인과 레이아웃을 정의하는 언어입니다. 대표적으로 CSS(Cascading Style Sheets)가 있으며, HTML과 함께 웹 페이지를 꾸미는 데 사용됩니다. 스타일시트의 필요성 재사용성: 한 번 정의한 스타일을 여러 페이지에서 재사용할 수 있습니다. 유지 보수: 스타일시트를 수정하면 연결된 모든 페이지의 디자인이 변경됩니다. 구조와 스타일 분리: HTML은 내용과 구조를, CSS는 디자인과 레이아웃을 담당합니다. 기본 문법 CSS의 기본 문법은 아래와 같습니다. 선택자 { 속성: 값; } 선택자: 스타일을 적용할 HTML 요소를 선택합니다. 속성: 변경하고 싶은 스타일의 종류입니다. 값: 해당 속성에 적용할 값입니다. 예.. 2023. 10. 20. [코딩] 자바는 compilejava 자바는 compilejava 자바는 '자바 스크립트'와 이름은 유사하지만 전혀 다른 프로그램입니다. 자바 스크립트는 웹 프론트엔드에서 많이 사용되는 프로그래밍 언어이지만, 자바는 스프링 프레임워크와 함께 '웹 백엔드'에서 많이 사용되는 언어입니다. 자바와 자바스크립트의 차이 '자바'와 '자바스크립트'는 이름이 비슷하지만, 서로 다른 프로그래밍 언어입니다. 1. 출시 시기 및 목적 - '자바'는 1995년에 선보여진 객체 지향 프로그래밍 언어로, 웹 애플리케이션, 모바일 애플리케이션, 서버 측 애플리케이션 등 다양한 플랫폼에서 실행될 수 있습니다. - '자바스크립트'는 1995년에 웹 페이지의 상호작용을 증가시키기 위해 Netscape에 의해 개발되었습니다. 2. 실행 환경 - '자바'는 자바 가상 머신(.. 2023. 8. 29. [코딩] Windows 폰트 확인 방법 Windows 폰트 확인 방법 Windows 탐색기에서 폰트 파일을 직접 열어 '폰트 패밀리' 이름을 확인하는 방법은 다음과 같습니다: 1. 폰트 폴더 열기 - `C:\Windows\Fonts` 디렉터리로 이동합니다. 2. 폰트 파일 확인 - 원하는 폰트 파일을 찾습니다. 폰트 파일은 주로 `.ttf` (TrueType Font) 또는 `.otf` (OpenType Font) 확장자를 가집니다. 3. 폰트 미리보기 - 폰트 파일을 더블 클릭하여 미리보기를 엽니다. 4. 폰트 패밀리 이름 확인 - 미리보기 창의 상단에 표시된 폰트 이름이 '폰트 패밀리' 이름입니다. 이 이름을 CSS에서 `font-family` 속성 값으로 사용할 수 있습니다. 5. 창 닫기 - 폰트 패밀리 이름을 확인한 후 미리보기 창을.. 2023. 8. 28. [코딩] HTML과 CSS, 자바스크립는 Jsfiddle 웹사이트 Jsfiddle 웹사이트 JSFiddle는 "Code Playground"라는 슬로건을 가진 웹사이트로, 사용자들이 JavaScript, CSS, HTML 또는 CoffeeScript를 온라인에서 테스트하고 편집할 수 있는 코드 에디터를 제공합니다. 주요 특징 및 기능은 다음과 같습니다: 1. 다양한 프레임워크 및 라이브러리 지원: jQuery, Vue, React, TypeScript, CoffeeScript, SCSS 등 다양한 프레임워크와 라이브러리를 지원하여 사용자가 원하는 환경에서 코드를 작성하고 테스트할 수 있습니다. 2. 실시간 코드 협업: 사용자들은 JSFiddle을 통해 실시간으로 코드를 공유하고 협업할 수 있습니다. 3. 코드 스니펫 호스팅: 코드 예제나 스니펫을 호스팅하여 다른 사용자.. 2023. 8. 27. [HTML] 웹을 이루는 기본 뼈대, HTML HTML HTML (HyperText Markup Language)은 웹 페이지의 구조와 내용을 정의하는 표준 마크업 언어입니다. 웹 브라우저는 HTML 문서를 해석하여 사용자에게 시각적으로 표시합니다. HTML은 "태그"라는 특별한 요소를 사용하여 텍스트나 이미지와 같은 콘텐츠의 다양한 부분을 감싸고 구조화합니다. 마크업 언어 마크업 언어는 텍스트나 데이터의 구조와 의미를 설명하는 태그나 기호를 사용하여 문서나 데이터를 표현하는 방식입니다. 이러한 태그는 원래의 텍스트 내용과는 별개로, 어떻게 표시되거나 처리되어야 하는지에 대한 정보를 제공합니다. 마크업 언어의 가장 대표적인 예는 HTML (HyperText Markup Language)입니다. 웹 페이지의 구조와 내용을 정의하는데 사용되는 HTML은.. 2023. 8. 26.
