(강의용) 2025년, HTML + CSS 강의 자료 (강의용) HTML, CSS 강의를 위한 자료입니다.교재: (예제 중심의 웹 프로그래밍 입문) HTML & CSS for Beninner / 한빛아카데미 강의용 소스 다운로드비주얼스튜디오 코드(Visual Studio Code) 다운로드 및 설치https://visualstudio.microsoft.com/ko/downloads/ >> 2장 실습용 텍스트 >> 오디오/비디오 다운로드 https://coding-abc.kr/16 HTML_CSS 2025.03.04
(HTML CSS) float: 3단 레이아웃 만들기 CSS의 float 속성을 이용해서 만든 3단 레이아웃의 예제입니다. 우리회사 메뉴 MENU 1 MENU 2 MENU 3 MENU 4 MENU 5 우리회사 소개 여기에 내용을 작성합니다. Sidebar 여기에는 뭘 출력할까요? © Copyright 2023 coding-abc.kr. All rights reserved. HTML_CSS 2023.11.20
(HTML CSS) 구글 웹폰트 사용하기 HTML문서에 웹에서 제공하는 폰트를 사용할 수 있습니다. 다음은 구글에서 제공하는 웹폰트를 사용하는 방법을 설명합니다. 1. fonts.google.com에 연결합니다. 폰트를 검색하거나 아래 나열된 폰트를 선택합니다. 여기서는 무료 글꼴인 나눔 폰트를 검색해 보겠습니다. "nanum"을 입력합니다.원하는 글꼴을 선택합니다. 2. 웹에서 사용하는 2가지 방법 중 하나를 선택하게 합니다. 여기서는 2가지 방법을 모두 설명하겠습니다. 를 선택하고, 하단의 항목을 HTML 문서에 삽입합니다. font-family: 'Nanum Pen Script', cursive; 완성된 HTML 코드는 다음과 같습니다. 웹폰트를 사용하는 방법을 설명합니다. Explains how to use web fonts. 3. 이번.. HTML_CSS 2023.10.12
Visual Studio Code(VSC)에서 Live Server 설치 및 사용하기 라이브 서버(live server)는 비주얼스튜디오 코드에서 HTML 파일을 작성할 때 편리한 기능을 제공합니다. Live Server 설치 1. 비주얼스튜디오 코드를 시작합니다. 2. 왼쪽의 확장 기능을 선택하고, “Live Server”를 입력해서 설치합니다. 화면의 우측 하단에 “Go Live”가 나타나는 것을 볼 수 있습니다 – Live Server가 실행되고 있습니다. 3. HTML 파일을 생성해 보겠습니다. 맨 먼저 폴더를 선택합니다 – 작업 폴더가 없으면 폴더를 한 개 생성해서 이 폴더를 선택합니다. 파일을 선택하는 것이 아니라 작업할 폴더만 선택하는 것입니다. 4. HTML 파일 생성하기 “새 파일”을 선택하고, 파일명을 입력합니다. 빈 화면에서 “html:5”를 입력하거나 아래와 같이 선.. HTML_CSS 2023.09.21
(HTML5) 특수문자, 기호 사용하기 HTML에서 특수문자 목록입니다. https://html.spec.whatwg.org/multipage/named-characters.html HTML Standard HTMLLiving Standard — Last Updated 6 September 2023 ← 13.2 Parsing HTML documents — Table of Contents — 14 The XML syntax → 13.5 Named character references 13.5 Named character references This table lists the character reference names that are su html.spec.whatwg.org 사용 예 ◼안녕하세요...♥ 또는.. HTML_CSS 2023.09.08
HTML5 최신 표준 태그 HTML5의 최신 표준(standard) 태그를 알고 싶다면 아래 링크를 확인하십시오. https://w3.org/TR/html53 https://html.spec.whatwg.org/multipage/ HTML Standard HTML Living Standard — Last Updated 6 September 2023 html.spec.whatwg.org HTML_CSS 2023.09.07
(HTML CSS) 2단 레이아웃 예제 HTML과 CSS를 이용해서 2단 레이아웃을 구성했습니다. 가로 크기: 1000px 화면 가운데 정렬 사이드바(sidebar): 왼쪽 메뉴 바: 200px 컨텐츠 영역: 760px 2단 레이아웃 메뉴 메뉴1 메뉴2 메뉴3 메뉴4 메뉴5 ------------- 본문 내용 생략 ----------- 하단 (c) Copyright HTML@css HTML_CSS 2023.04.25
(HTML) 테이블(table) 태그와 스타일을 사용하는 예 C#에서 데이터베이스에서 가져온 자료로 보고서를 만들 때, 이 테이블의 모양의 코드를 사용하기 위해서 남긴 글입니다. 테이블(table) 태그와 스타일을 사용하는 예 KTX 열차 시간표 열차번호 출발 도착 출발시간 소요시간 123 서울 부산 21:00 02:44 125 서울 부산 21:30 02:38 211 서울 부산 22:00 02:42 HTML_CSS 2023.04.18