HTML CSS

html5doc Joandora 가장 제주다운 수산리집 이용 안내 객실 소개 예약 방법 예약 하기 요안도라 소개 요안도라는 게스트 하우스(Guset House) 형식의 농어촌 민박입니다. Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas accusantium ad laboriosam impedit autem nihil atque molestias vero placeat, ratione voluptate quasi, obcaecati quis repellat nostrum deserunt quo excepturi illo. Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas accusan..

box-sizing box-sizing = "content-box" box-sizing = "border-box" float float_1 바쁜 3,4학년을 위한 빠른 분수 3,4학년이 꼭 알아야 할 분수를 한 권에 모았어요! 한국 교육과정평가원이 최근 발표한 보고서에 따르면 '수포자'는 초등 3학년때 분수를 배우면서 시작된다고 합니다. float_2 박스1 박스2 박스3 박스4 float_3 박스1 박스2 박스3 박스4 absolute fixed fixed 값을 사용하는 요소 역시 absolute 값을 사용하는 요소처럼 문서 흐름과는 상관없이 좌표로 위치를 결정하지만, 기준이 되는 요소가 부모 요소가 아니라 브라우저 창이 기준이 됩니다. (이하생략) fixed 값을 사용하는 요소 역시 absolute ..

inline-block 시간이란... 내일 죽을 것처럼 오늘을 살고 영원히 살 것처럼 내일을 꿈꾸어라. width-height display display_1 display_2 애완견 종류 입양하기 건강돌보기 더불어기 display_3 애완견 종류 입양하기 건강돌보기 더불어살기 border border-1 border-2 border-3 박스 모델 박스 모델은 실제 콘텐츠 영역, 박스와 콘텐츠 영역 사이의 여백인 패딩(padding), 박스의 테두리(border), 그리고 여러박스 모델 간의 여백인 마진(margin) 등의 요소로 구성되어 있습니다. redius redius_1 redius_2 box-shadow margin margin-center margin-overlap padding 패딩(padd..

color 2 HTML+CSS3 HTML+CSS3 HTML+CSS3 HTML+CSS3 bg-color Document 초콜릿(Chocolate) 초콜릿은 카카오 콩을 재료로 가공한 식품이다. 초콜릿은 카카오 콩을 재료로 가공한 식품이다. 초콜릿은 카카오 콩을 재료로 가공한 식품이다. 초콜릿은 카카오 콩을 재료로 가공한 식품이다. 초콜릿은 카카오 콩을 재료로 가공한 식품이다. bg-clip 토마토: 토마토는 비타민 A,C가 풍부할 뿐 아니라 희귀한 성분이 비타민 H와 P까지 포함된 과일이다. 토마토는 비타민 A,C가 풍부할 뿐 아니라 희귀한 성분이 비타민 H와 P까지 포함된 과일이다. 토마토는 비타민 A,C가 풍부할 뿐 아니라 희귀한 성분이 비타민 H와 P까지 포함된 과일이다. 토마토는 비타민 A,C가 풍..

font-size 브라우저의 크기를 가진 단락 1em 크기를 가진 단락 2em 크기를 가진 단락 3em 크기를 가진 단락 1px 크기를 가진 단락 16px 크기를 가진 단락 1080px 크기를 가진 단락 font-vary Document 세계3대미항 시드니(Sydney),호주 리우데자네이루(Rio de Janeiro),브라질 나폴리(Naples),이탈리아 font-style 세계3대미항 시드니(Sydney),호주 리우데자네이루(Rio de Janeiro),브라질 나폴리(Naples),이탈리아 font 여러 요소가 함께 사용된 웹 문서 안에서 텍스트가 눈에 뜨게 하려면 내용에 맞는 글꼴과 글자크기, 그리고 글자색을 선택하는 것이 중요합니다. 여러 요소가 함께 사용된 웹 문서 안에서 텍스트가 눈에 뜨게 하려..

CSS 내부 스타일 CSS 웹 문서의 디자인과 내용을 분리합니다. 웹 표준에 의한 웹 문서는 디자인과 내용이 분리되어 있습니다. 내용은 HTML을 이용해 구성하고, 디자인은 CSS를 이용해 꾸미는 것입니다. CSS 외부 스타일 inline 블루베리 블루베리는 항산화제인 안토시아닌과 폴리페놀을 다량 포함하고 있습니다. 블루베리는 항산화제인 안토시아닌과 폴리페놀을 다량 포함하고 있습니다. tag - selector selector 회사 소개 사람을 구체적으로 도와주는 책 이지스퍼블리싱의 책에는 사람들에게 구체적으로 도움이 되는 책을 만든다는 출판 가치가 담겨 있습니다. 이지스퍼블리싱의 책에는 사람들에게 구체적으로 도움이 되는 책을 만든다는 출판 가치가 담겨 있습니다. 이지스퍼블리싱의 미션 이지스퍼블리싱의 책..

map form withlabel 수강분야(다수 선택 가능) 문법 작문 독해 수강분야(1과목만 선택 가능) 영어회화 중국어회화 일어회화 fieldset 개인정보 이름 메일주소 로그인 정보 아이디 비밀번호 id-pw 아이디: 비밀번호: number-range 등록 정보 참여인원(최대10명) 지원물품(1인당 5개) 희망단계(하,중,상) date 날짜 입력 time 검사시간을 선택하세요(오늘) 시작시간 종료시간 검사시간을 선택하세요(다른 날짜) 시작 시간 종료 시간 submit - reset 메일링 리스트 등록 메일 주소1 메일 주소2 submit - image 아이디 비밀번호 attribute 여름방학 특강 신청 수강과목 영어회화(초급) 신청자 이름 학번 학과 건축공학과 기계공학과 산업공학과 전기전자공학과 ..

dl 올레 1코스 코스: 시흥 초등학교 옆 - 광치기 해변 거리: 14.6km(4~5시간) 올레 2코스 코스: 시흥 초등학교 옆 - 온평 포구 거리: 14.5km(4~5시간) table table - 만들기 1행 1열(제목) 1행 2열 1행 3열 2행 1열(제목) 2행 2열 2행 3열 3행 1열(제목) 3행 2열 3행 3열 table - 셀 합치기 이름 연락처 주소 자기소개 table - caption / figcaption 브라우저 제조업체 다운로드 크롬(Chrome) Google https://www.google.com/chrome/ 파이어폭스(Firefox) Mozilla https://www.mozilla.org/ko/firefox 엣지(Edge) Microsoft https://www.micro..

단축키 윈도우 + e : 파일 탐색기 열기 윈도우 + r : 찾기 VS코드 단축키 ctrl + / : 주석처리 shift + alt + 방향키 (상 하) : 한 줄 복사 ctrl + alt + 방향키 (좌 우) : 화면 분리 합치기 ctrl + b : vscode 메뉴 확장 끄기/켜기 ctrl + alt + 방향키 (상하) : 열 모드 ctrl + k + w : 열려있는 페이지 닫기 alt + 방향키 (상하) : 이동 ctrl + space : 자동완성 VS코드 확장 프로그램 LIVE SERVER : 변경사항 즉시 출력 OPEN IN BROWSER : Alt + b : 기본설정 브라우저 바로 실행 SHIFT +ALT + B - 브라우저 선택 실행 수업자료