본문 바로가기

분류 전체보기

(518)
XML//table//DOM을 이용한 파씽
XML// 기본 *XML = eXtensible Markup Language 확장 표시 언어 목적 : Data를 공유하기 위한 목적. 예) 교통정보, 노선(버스)의 정보 Setup(셋팅)을 위한 코드. User Tag(유저 지정태그 사용) Parsing : 원하는 데이터를 취득. -> Parser(파싱 프로그램) *Bigdata Data 수집-> 분석 -> 시각화(차트) : web, app R, Python *HTML = Web을 표현하기 위한 언어 :Standard Tag(표준태그 사용) *File 입출력 방식: java, javaScrpt(웹에 표현), jquery HTML의 p Tag가 test.txt 파일 안의 문구로 바뀜 ->> index1 p Tag 내용변경 test.txt 안녕하세요 Hello 你好
배경 이미지가 웹 브라우저의 크기에 맞고 폰트를 반투명으로 하라. Weiqing 블로그에 오신것을 환영합니다
CSS파일// js파일과 html호출하여 테이블 셋팅하기 includeJS.html NewFile.html(table 형식) hello world hi good includeHtml.js( function includeHTML() { var z, i, elmnt, file, xhttp; /*loop through a collection of all HTML elements:*/ z = document.getElementsByTagName("*"); for (i = 0; i < z.length; i++) { elmnt = z[i]; /*search for elements with a certain atrribute:*/ file = elmnt.getAttribute("w3-include-html"); if (file) { /*make an HTTP request..
CSS 테이블 다루기 2,3번에 들어가는 CSS파일 : 멜론 zip: 1. 번호이름나이 1홍길동24 2성춘향16 3일지매21 2. 테이블 타입1 제목 비번 파일 내용 3. 테이블 타입2 번호 제복 작성자 조회수 작성일 1 제목입니다 id명ㅎ 5 2020-11-06 2 답변 : 답변입니다. 일지매 3 2020-11-16
CSS div 다루기 /* 왼쪽정렬 */ #fullscreen{ float: left; } /* 왼쪽 바깥쪽 여백 */ #leftup{ margin-left: 10px; } /* 테두리 줄을 1개로 */ table{ border-collapse: collapse; } /* 안쪽여백 */ td{ padding: 15px;/* 안쪽여백 */ } /* 큰 원으로 찍히는 선(도트선) */ border: 3pc dotted; /* 밑라인만 그어줌 */ border-bottom: 1px solid; margin margin-top (상단 여백) margin-right (오른쪽 여백) margin-bottom (아래 여백) margin-left (왼쪽 여백) [4면 한꺼번에 margin 지정하기] table { margin: 5px 7p..
CSS파일// .css파일 적용하기 City Gallery London Paris Seoul London 1888년 런던주(州)가 설치되었고, 1899년 시티오브런던을 제외한 지역을 28개의 행정구로 구분하여 런던 주청(州廳)이 통할하였다. 다만 런던 경시청(스코틀랜드 야드)은 주변의 여러 주에 미치는 수도경찰관구를 관할하였다. 1963년 런던 행정법에 의해서 1965년 런던 주청이 폐쇄되고, 대신 시티오브런던을 포함한 32개의 행정구로 구성된 그레이터런던 주청이 설치되었다. Paris 프랑스의 수도이자 가장 인구가 많은 도시로 프랑스 북부 일드프랑스 지방의 중앙에 있다. 센강 중류에 있으며, 행정 구역은 1~20구로 나뉘어 있다. 센강을 기준으로 우안과 좌안으로 나뉜다. 17세기 이후 파리는 유럽의 금융, 외교, 상업, 패션, 과학, 예..
단어 여백설정, 정렬 /*헤드에서 태그 정렬설정*/ #p1{ text-align: center; } /* 단어별 사이에 공간주기 */ .p2{ word-spacing: 30px; } /* 문자 하나당 공간주기 */ .p3{ letter-spacing: 20px; } /* 글자(문장)사이의 높이 조절 */ .p4{ line-height: 1.7em; } /* a태그에 링크 밑줄라인 제거 */ a{ text-decoration: none; } /* 방문 한 사이트의 색상을 다르게 줌 */ a:visited { color: #0000ff; } /* 마우스를 가져다 댔을경우 색이 바뀜 */ a:hover { color: #ffff00; background-color: #000; } /* 클릭하면(클릭한상태유지시) 색상이 바뀜 */ ..