본문 바로가기

web

(71)
0506 / basic_code_05_reset.css DOCTYPE html> 웹 기초 /* css */ 영역을 확인 list_001 list_002 list_003 list_004
0504 / basic_code_04_setting.html DOCTYPE html> (비표준브라우저) (익스플로러-마지막버전) (안드로이드 o, 아이폰 x) 반응형웹에 필수! (meta:웹 정보 정리) (검색에 관련된 색인) (누가 제작했는지, 어디서 제작했는지) (link:like style 추후 style -> link로) 웹 기초 /* css */ 현재사용하고 계신 브라우저는 js 기능이 올바르게 동작하지 않습니다. 최신브라우저 설치 후 사용
0503 / basic_code_03.html (table 구조와 그 예시) DOCTYPE html> 웹 기초 - 테이블 구조 /* css */ .table_module { width:700px; height:auto; margin:auto; margin-bottom:10px; padding:20px; background-color: #ddd; } table { width:100%; height:auto;} table > caption { width:100%; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#171717; } table, table tr, table td, table th { border-width:1px; border-style:solid; border-color:#03a; bor..
0429 / basic_code_02.html DOCTYPE html> 웹기초 - 리스트 /* css */ /* border : 외곽선 */ h2 { border-width:2px; background-color: #ac8; } #listSet { border-color:#669; border-style:dotted; } #moreListSet { border-color:#eac; border-style:dashed; } div { background-color: #ffa; border-width:1px; border-style:solid; border-color:#777; } .list_box { background-color: #caf; border-width: 5px; border-color: #a7f; padding:30px; } .margi..
0428 / basic_code_01.html 웹기초 - 제목 및 내용 /* css */ div {background-color:#b2 f58 b;}background-color:#b2f58b;} (공간을 분리하는 박스) title="목차로 돌아가기" 웹페이지 내에서 가장 중요한 제목 하나의 페이지에는 h1 한 번만 사용. (a요소는 링크를 위해 만든 것) 웹페이지 내에서 두번째로 중요한 제목 웹페이지 내에서 세번째로 중요한 제목 웹페이지 내에서 네번째로 중요한 제목 웹페이지 내에서 다섯번째로 중요한 제목 웹페이지 내에서 제목의 구분중 가장 낮은 제목 (화제가 전환되었을때 구분하기 위해서 쓰임, 칸막이) 문서내에서의 내용을 뜻하는 것으로, 연속 띄어쓰기 줄바꿈처리는 모두 한칸 띄어쓰기만 된다. 원하는 대로 띄어쓰기,줄바꿈 가능 (실무:코드의 삽입기능..
html 조건부주석 - IE10 미만에서만 작동하는 조건문. IE 브라우저별로 기능이나, 파일, 디자인 등을 삽입하는 용도. - 조건부 * ! : 아니다 / ex. [if !ie] ie가 아니라면~ * lt : 작다 / ex. [if lt ie 9] ie9보다 작다면~ * lte : 작거나 같다 / ex. [if lte ie 8] ie8보다 작거나 같다면~ * gt : 크다 / ex. [if gt ie 7] ie7보다 크다면~ * gte : 크거다 같다 / ex. [if gte ie 8] ie8보다 크거나 같다면~ * () : 우선처리 * & : 그리고 / ex. [if (gte ie 8) & (lt ie 9) ie] ie8이상이고 ie9 미만이라면~ * l : 또는 / ex. [if (ie 7) l (ie 8)] ie7이..
0419 ~ 0427 내용 정리 #1 0419 - vscode를 이용, html 작성 - html 코드 작성 ( 주석 : 실제화면에 나오지 않음. 해당하는 내용을 설명) #2 0420 - vscode를 이용, html 작성 2 - 요소명(Element)과 속성(Attribute), 속성명(Property), 값(value) #3 0421 - vscode를 이용, html 작성 3 - favicon.png(or jpg) 해당제목에 아이콘 삽입 #4 0422 - vscode를 이용, html 작성 4 / html 간단한 기본 용어 정리 - inline요소, block요소 #5 0427 - vscode를 이용, html 작성 4 / CSS 선택자 / html 요소 - css 선택자 우선순위 - html : inline요소와 block 요소