HTML CSS 자바스크립트 무작정 따라하기

Slides:



Advertisements
Similar presentations
비즈쿨 - 정 성 욱 - - 금오공고 비즈쿨 - 정 성 욱 1. 나는 각 단원들의 활동들에 성실하게 참여 하겠습니다. 우리의 다짐 2. 나는 나와 전체의 발전을 위해 각 멘토들의 지도에 순종하겠습니다. 3. 나는 각 단원들을 숙지함으로써 비즈니스 마인드를 함양하고 자신의.
Advertisements

HTML.  Hyper Text Markup Language  Hyper Text : Link  Markup :  전용 브라우저 (IE, Netscape, Opera..)  프로그램 + 실행 환경 ( 실행기 )
HTML + JavaScript UIT Series [Chapter 3] HTML 을 이용한 회원 정보 입력 양식 만들기.
6 스마트폰 레이아웃.
조준희 (Cho, Junhee) TCP/IP 조준희 (Cho, Junhee)
HTML5 웹 프로그래밍 입문 (개정판) 3장. 링크와 멀티미디어.
웹 페이지.
2002/3/20 HTML 2002/3/20
06장. <A> 태그로 하이퍼링크 설정하기
CHAPTER 4. CSS 스타일시트 기초.
10장 동적 HTML (Dynamic HTML)
HTML & CSS 겉핥기 2012 SUMMER SPARCS.
HTML과 CGI 프로그래밍 PHP 웹 프로그래밍 (PHP Web Programming) 문양세
프로젝트2 Web Programming 강의노트: vrlab.suwon.ac.kr/mwlee
1 HTML5 개요.
Python Bottle Web Framework
PART 01 개념 컴퓨터 네트워크 Chapter 3 OSI 참조모델과 인터넷 임효택.
이 름: 정홍도 (과장) 팀 명: 개발사업팀 일 자:
기본학습 3: 자바스크립트 변수, 연산자, 사용자 정의 함수, 제어문과 내장 함수
9장 자바스크립트.
JavaScript.
18장. window, screen, document, link, anchor 객체
JavaScript 객체 전 혜 영.
CHAPTER 5. CSS 박스모델과 응용.
audio/video Chapter 3 Part 1
HTML CSS 자바스크립트 무작정 따라하기
학습목표 학습목차 Table 태그를 이용하여 표 만들기를 이해할 수 있습니다.
CSS – 개요 Cascading Style Sheets의 약자 “계단형 스타일시트”라고 한다.
Lesson 10. 애플릿과 그래픽.
홈페이지 만들기 HTML HyperText Markup Language 홈페이지를 만들 때 사용하는 언어
군산대학교 부서통계 시스템 사용자 매뉴얼 Version v1.0 작성자 칸테크 작성일자
Choi Seong Yun 와이어샤크 Choi Seong Yun
PART 01 개념 컴퓨터 네트워크 Chapter 3 OSI 참조모델과 인터넷 임효택.
6부 WML/WML2.0 언어배우기 6-1 WML에 대해서 6-2 WML 기본 태그 6-3 글과 그림 삽입에 관련된 태그
5부 mHTML/KUN언어 배우기 5-1 mHTML과 KUN에 대해서 5-2 mHTML 기본태그
09장. 재미있게 활용할 수 있는 태그 <EMBED> 태그로 멀티미디어 홈페이지 만들기
낮과 밤 알아보기 슬기로운 생활 2학년 1학기 4. 빛과 그림자>낮과 밤( 4/8 )
HTML.
CSS Layout Chapter 6 Part 1
HTML CSS 자바스크립트 무작정 따라하기
1. 하나투어 프로모션 페이지 수정사항 정리 – 리오타노 이태리 세미극세사 차렵이불_그레이
Chapter07 CSS3 글꼴과 문자 HTML5 Programming.
HTML CSS 자바스크립트 무작정 따라하기
11강_CSS 속성-II margin 및 padding 속성 box-sizing 속성 border 속성
칼빈의 생애와 개혁자로의 변모 사학과 김종식.
HTML CSS 자바스크립트 무작정 따라하기
키타노카시쇼쿠닌(北の菓子職人) - 「오호츠크의 소금 맛」
SMIL.
명품 웹 프로그래밍.
국제의료관광 관련 법, 제도.
게임웹사이트운영 [3] 블록과 목록.
1장. HTML5 소개 To Flash 정보영재세미나 1 김태영교수님 홍창의.
문서작성에 사용되는 기본태그 MARQUEE, A.
컴퓨터 그래픽 I 영화 홍보 사이트 분석 과목 : 컴퓨터 그래픽 I 담당교수 : 손애경 교수님 학과 : 정보처리과 1반(A1)
이행점검/현장점검관리.
윤성우의 열혈 TCP/IP 소켓 프로그래밍 윤성우 저 열혈강의 TCP/IP 소켓 프로그래밍 개정판
GVRL(Gale Virtual Reference Library) 이용 매뉴얼
12장 하이퍼텍스트와 하이퍼미디어 12.1 간략한 역사 12.2 하이퍼텍스트의 특징 12.3 브라우징과 탐색
Chapter03 HTML 포토앨범 만들기
CHAPTER 9-1 한국의 사회복지정책 - 사회보험제도 -
2-5 그림 삽입하기 [그림] 도구 무선 인터넷 프로그래밍.
1 개인과 공동체 04. 사회적 약자 보호 정책 및 지역 격차 해소 정책 사회적 약자 보호 정책 지역 격차 해소 정책
문서 작성에 사용되는 기본태그 HR, PRE, B, I, U, S.
거래처 매뉴얼 리 얼 시 스 템 주 식 회 사.
홈페이지 제작 HTML5 + CSS3 + Javascript.
주요공지로 정할 글을 올립니다. 제목과 주소를 복사해둡니다
거래처 매뉴얼 리 얼 시 스 템 주 식 회 사.
코 칭 결 과 센 터 구성센터 (모바일) 코칭대상 프로 (엔지니어) 코칭일시
JSP Programming with a Workbook
경찰학 세미나 제 5 강 경찰관직무집행법 2조 5호의 의미 신라대학교 법경찰학부 김순석.
Presentation transcript:

HTML CSS 자바스크립트 무작정 따라하기

Chapter 15. document 객체

HTML CSS 자바스크립트 무작정 따라하기 학습목표 document 객체를 이용하여 웹 문서와 관련된 여러 정보를 알아낼 수 있다. anchor 객체와 link 객체를 이용하여 웹 문서의 링크 정보를 활용할 수 있다. image 객체를 이용하여 웹 문서에 삽입된 이미지의 다양한 정보를 알 수 있다. HTML CSS 자바스크립트 무작정 따라하기

document 객체 window 객체의 하위 객체이며 웹 문서와 관련된 여러 정보를 가지고 있다. 프로퍼티 설명 anchors 책갈피 layers 레이어 applets 웹 문서 안의 자바 애플릿 lastModified 웹 문서 최종 수정일 cookies 쿠키 값 저장 links 링크 domain 현재 서버의 도메인 location 현재 문서의 주소 embeds 플러그인 설정 referrer 현재 문서를 호출한 페이지 주소 forms 폼 title 현재 문서의 제목 images 이미지 URL

document 객체 document 객체의 메서드 메서드 설명 clear() 문서 안의 내용을 깨끗이 지운다. close() open() 메서드를 통해 기록하기 시작한 문서의 기록을 종료한다. open() 문서에 무엇인가를 기록하기 시작한다. write() 문서에 내용을 표시한다. writeln() 문서에 내용을 표시하는데 메서드를 적용할 때마다 새로운 줄에 표시한다. HTML CSS 자바스크립트 무작정 따라하기

anchor 객체 document의 하위 객체로, 문서 안의 앵커(anchor) 정보를 가지고 있다. 웹 문서에는 앵커가 여러 개이기 때문에 앵커 정보는 배열 형태로 저장해야 하고, 문서에 삽입된 순서대로 저장된다. 기본형식 document.anchors(인덱스) anchor 객체의 프로퍼티 length 프로퍼티에 문서 안의 앵커 개수 정보가 있다. HTML CSS 자바스크립트 무작정 따라하기

link 객체 웹 문서 안의 모든 링크 정보를 가지고 있다. 하나의 웹 문서에 링크가 여러 개이기 때문에 링크 정보는 links 라는 배열 형태로 저장된다. 기본형식 document.links(인덱스) link 객체의 프로퍼티 length 프로퍼티에는 문서 안의 앵커 개수 정보가 있다. 프로퍼티 설명 hash 표식 이름 port 포트 번호 host 링크에 연결된 URL과 호스트 이름, 포트 번호 protocol 프로토콜 종류 hostname 링크에 연결된 URL과 호스트 이름 search 검색엔진을 불러온다. href 링크에 연결된 URL target 지정된 URL 문서를 어디에 보여줄 것인지 표시한다. pathname 폴더 경로 HTML CSS 자바스크립트 무작정 따라하기

image 객체 웹 문서에 삽입된 모든 이미지를 탐색하여 이미지의 src와 크기, 기타 다른 정보들을 넘겨받고 저장한다. 기본형식 document.images(인덱스) document.이미지명 image 객체의 프로퍼티 프로퍼티 설명 align 이미지의 정렬 방법 lowsrc 저해상도 이미지 경과 border 이미지의 테두리선 name 이미지에 대한 이름 complete 이미지 전송 완료 여부 (true/false) src 이미지의 소스 파일 height 이미지의 세로 길이 vspace 이미지의 상하 여백 hspace 이미지 좌우의 여백 width 이미지의 너비 길이 HTML CSS 자바스크립트 무작정 따라하기