분류 전체보기

1. 배경색 관련 스타일 속성 17_background_color.html 배경 관련 스타일 속성 배경색을 설정해 보세요. 번호이름주소 1000홍길동서울시 강남구 2000임꺽정부산시 사하구 3000전우치수원시 팔달구 4000일지매부천시 강남구 5000장길산인천시 남동구 2. 배경이미지 관련 스타일 속성 18_background_image.html 배경 관련 스타일 속성 3. 배경이미지 위치 관련 스타일 속성 19_background_postion.html 배경 관련 스타일 속성 오늘은 월요일입니다. 이번주가 시작되는 날입니다. 4. 배경이미지 고정 관련 스타일 속성 20_background_attachment.html 배경 관련 스타일 속성 브라우저에 출력될 아주 중요한 내용입니다. 브라우저에 출력될 아..

1. 문장(텍스트 - Text)관련 스타일 속성 14_text.html 1) direction - 문장 쓰기 방향 브라우저에 출력될 아주 중요한 내용입니다. 브라우저에 출력될 아주 중요한 내용입니다. 2) text-align - 문장 정렬 브라우저에 출력될 아주 중요한 내용입니다. 브라우저에 출력될 아주 중요한 내용입니다. 브라우저에 출력될 아주 중요한 내용입니다. 브라우저에 출력될 아주 중요한 내용입니다. 3) text-shadow - 문장 그림자 HTML5와 CSS3를 배우고 있습니다. 4) overflow & text-overflow - 벗어난 문장 처리 HTML5와 CSS3를 배우고 있습니다. HTML5와 CSS3를 배우고 있습니다. HTML5와 CSS3를 배우고 있습니다. 5) text-deco..

1. 기본 글꼴 사용 09_font_family.html 글꼴 관련 스타일 속성 브라우저에 출력될 아주 중요한 내용입니다 브라우저에 출력될 아주 중요한 내용입니다 브라우저에 출력될 아주 중요한 내용입니다 브라우저에 출력될 아주 중요한 내용입니다 브라우저에 출력될 아주 중요한 내용입니다 2. 글꼴파일다운 & 구글폰트이용 1)글꼴파일 다운로드받아 사용하기 클라이언트에게 글꼴 파일 제공 후 글꼴 설정하는 것 권장 2) 구글폰트 이용하기 or @import @import 사용하려면 메인페이지에 딱 한번만 import 해주는 것을 권장 10_web_font.html 글꼴 관련 스타일 속성 브라우저에 출력될 아주 중요한 내용입니다. 브라우저에 출력될 아주 중요한 내용입니다. 브라우저에 출력될 아주 중요한 내용입니다..

https://flukeout.github.io/ CSS DinerA fun game to help you learn and practice CSS selectors.flukeout.github.io 1. 기본 선택자1) 전체 선택자모든 엘리먼트(Element - 태그)를 선택 - 비권장 전체 선택자 브라우저에 출력될 아주 중요한 내용입니다. 브라우저에 출력될 아주 중요한 내용입니다. 브라우저에 출력될 아주 중요한 내용입니다. 2) 태그 선택자태그명을 이용하여 엘리먼트 선택태그명이 같은 다수의 엘리먼트가 선택되어 동일한 스타일 적용 태그 선택자 브라우저에 출력될 아주 중요한 내용입니다. 브라우저..

https://cssreference.io/ CSS ReferenceCSS Reference is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples.cssreference.io 1. CSS의 등장1) 태그CSS를 사용하기 전에는 디자인 관련 HTML 태그와 속성을 사용하여 웹문서 작성 -  웹문서에 생산성 및 유지보수의 효율성이 낮음01_old.htmlOld Style브라우저에 출력될 아주 중요한 내용입니다.브라우저에 출력될 아주 중요한 내용입니다.브라우저에 출력될 아주 중요한 내용입니다.브라우저에 출력될 아주 중요한 내용입니다.브..

1. 입력폼 태그와  하이퍼링크 태그의 차이점1) 입력폼 태그 : submit이벤트 발생 시 동작됨서버에게 값 전달할 때 많이 사용 - 특히 사용자 입력값GET 방식으로 요청 : 쿼리스트링으로 전달 (= URL주소로 값이 전달됨)POST 방식으로 요청 : (오직form만이 가능) : 리퀘스트 메세지(Request Message)의 몸체부(body)에 저장하여 전달물론 사용자 입력값을 받지 않고 , 특정 값을 전달하고 싶을 수도 있음type = "hidden" 이용왜? 자바프로그램에서 사용한 결과값을 다른 프로그램에게 주고 싶어서2) 하이퍼링크 태그 : click이벤트 발생 시 동작됨단순히 연결된 링크에 들어갈 때 많이 사용GET 방식으로 요청 : 쿼리스트링으로 전달 (= URL주소로 값 전달할 수 있음)..

1. 하이퍼링크 태그1) 클릭 이벤트로 웹프로그램(웹문서)을 요청하기 위한 정보를 제공하는 태그클릭 이벤트를 이용하여 페이지 이동을 위해 사용 - 하이퍼 링크(Hyper Link) 기능a 태그의 내용( 텍스트 또는 이미지 )을 클릭한 경우웹브라우저 주소창의 URL 주소가 href 속성값으로 변경되고,URL 주소의 웹프로그램(웹문서)을 실행하여 응답결과를 제공받아 출력 - 페이지 이동target 속성웹자원을 요청하는 브라우저를 속성값으로 설정속성값_self (현재 브라우저 - 기본)blank (새로운 브라우저)_top (최상위 브라우저)_parent (부모 브라우저)_child (자식 브라우저)iframe 태그의 name 속성값 (내장 브라우저) 등특징1. 값 전달요청 URL 주소에 값 전달 함께 가능웹프..

1. 시맨틱 태그(Semantic Tag)웹문서를 구조적으로 표현하기 위해 의미를 부여한 태그 객실표 건물명방이름크기가격 바깥채 전체를 독채로 대여합니다. 요안도라유채방4인실20,000원 동백방2인실 가족실60,000원(최대 4인) 바깥채 전체를 독채로 대여합니다.