HTML Window top 속성은 현재 창의 최상위 브라우저 창을 반환합니다. 구문 다음은 구문입니다 - window.top HTML 창 상단 속성의 예를 살펴보겠습니다 - 예시 <!DOCTYPE html> <html> <style> body { color: #000; height: 100vh; background-color: #8BC6EC; &nb
HTML 창 자체 속성은 브라우저의 현재 창을 반환합니다. 구문 다음은 구문입니다 - window.self HTML 창 자체 속성의 예를 살펴보겠습니다 - 예시 <!DOCTYPE html> <html> <style> body { color: #000; height: 100vh; background-color: #8BC6EC;
HTML 창 sessionStorage 속성을 사용하면 한 세션에 대해서만 웹 브라우저에 키/값 쌍 데이터를 저장할 수 있습니다. 즉, 브라우저 탭이 닫힐 때 데이터가 삭제됩니다. 구문 다음은 구문입니다 - window.sessionStorage HTML 창 sessionStorage 속성의 예를 살펴보겠습니다 - 예시 <!DOCTYPE html> <html> <style> body { color: #000; &
HTML 양식 작업 속성은 양식이 HTML 문서로 제출될 때 양식 데이터를 보낼 위치를 정의합니다. 구문 다음은 구문입니다 - <form action=”URL”></form> HTML Form action Attribute의 예를 살펴보겠습니다 - 예시 <!DOCTYPE html> <html> <style> body { color: #000; height:
HTML5 시맨틱은 HTML 페이지에 의미를 제공하는 시맨틱 태그를 말합니다. HTML5에서 태그는 시맨틱과 비시맨틱의 두 가지 범주로 나뉩니다. HTML5는 HTML에 몇 가지 새로운 의미 태그를 제공합니다. 일부 HTML5 시맨틱 태그는 - 태그 설명 그림 다른 형식의 이미지를 지정합니다. 기사 독립적인 자체 포함 기사를 지정합니다. 네비 탐색 링크를 위한 컨테이너를 지정합니다. 제쳐두고 주요 콘텐츠(사이드바 등) 이외의 콘텐츠에 대한 태그를 지정합니다. 섹션 문서의 섹션을 나타냅니다. 세부정보 추가 세부 사항에
HTML Window innerHeight 속성은 HTML 문서에서 창의 콘텐츠 영역 높이를 반환합니다. 구문 다음은 구문입니다 - window.innerHeight HTML 창 innerHeight 속성의 예를 살펴보겠습니다 - 예시 <!DOCTYPE html> <html> <style> body { color: #000; height: 100vh; backgr
HTML Window innerWidth 속성은 HTML 문서에서 창의 콘텐츠 영역 너비를 반환합니다. 구문 다음은 구문입니다 - window.innerWidth HTML 창 innerWidth 속성의 예를 살펴보겠습니다 - 예시 <!DOCTYPE html> <html> <style> body { color: #000; height: 100vh; backgroun
HTML Window outerHeight 속성은 모든 인터페이스 요소를 포함하는 브라우저 창의 높이를 반환합니다. 구문 다음은 구문입니다 - window.outerHeight HTML 창 outerHeight 속성의 예를 살펴보겠습니다 - 예시 <!DOCTYPE html> <html> <style> body { color: #000; height: 100vh;
HTML Window outerWidth 속성은 모든 인터페이스 요소를 포함하는 브라우저 창의 너비를 반환합니다. 구문 다음은 구문입니다 - window.outerWidth HTML 창 outerWidth 속성의 예를 살펴보겠습니다. - 예시 <!DOCTYPE html> <html> <style> body { color: #000; height: 100vh; ba
HTML 창 이름 속성은 창의 이름을 반환하고 수정합니다. 구문 다음은 구문입니다 - 1. 반환 이름 window.name 2. 이름 추가 window.name=”text” HTML 창 이름 속성의 예를 살펴보겠습니다 - 예시 <!DOCTYPE html> <html> <style> body { color: #000; height: 100vh; &nbs
HTML Window screenLeft 속성은 화면을 기준으로 창의 수평 좌표를 반환합니다. 파이어폭스 브라우저에서는 지원하지 않습니다. 구문 다음은 구문입니다 - window.screenLeft HTML 창 screenLeft 속성의 예를 살펴보겠습니다 - 예시 <!DOCTYPE html> <html> <style> body { color: #000; height: 100vh; &nb
HTML Window screenTop 속성은 화면을 기준으로 창의 수직 좌표를 반환합니다. 파이어폭스 브라우저에서는 지원하지 않습니다. 구문 다음은 구문입니다 - window.screenTop HTML 창 screenTop 속성의 예를 살펴보겠습니다 - 예시 <!DOCTYPE html> <html> <style> body { color: #000; height: 100vh;
HTML Window screenX 속성은 화면을 기준으로 창의 수평 좌표를 반환합니다. 모든 브라우저에서 지원됩니다. 구문 다음은 구문입니다 - window.screenX HTML Window screenX 속성의 예를 살펴보겠습니다 - 예시 <!DOCTYPE html> <html> <style> body { color: #000; height: 100vh; b
HTML 창 screenY 속성은 화면을 기준으로 창의 수평 좌표를 반환합니다. 모든 브라우저에서 지원됩니다. 구문 다음은 구문입니다 - window.screenY HTML 창 screenY 속성의 예를 살펴보겠습니다 - 예시 <!DOCTYPE html> <html> <style> body { color: #000; height: 100vh; background-
HTML 창 pageXOffset 속성은 현재 문서가 왼쪽 모서리에서 수평으로 스크롤된 값을 픽셀 단위로 반환합니다. 구문 다음은 구문입니다 - window.pageXOffset HTML 창 pageXOffset 속성의 예를 살펴보겠습니다 - 예시 <!DOCTYPE html> <html> <style> body { color: #000; height: 100vh;
HTML DOM Ins 개체는 HTML 문서의 요소를 나타냅니다. 객체 생성 구문 다음은 구문입니다 - document.createElement(“INS”); ins 객체의 속성 속성 설명 인용 HTML 문서에서 ins 요소의 cite 속성 값을 반환하고 변경합니다. 날짜/시간 HTML 문서에서 ins 요소의 cite 속성 값을 반환하고 변경합니다. ins 객체의 예를 살펴보겠습니다- 예시 <!DOCTYPE html> <html> <style> &nb
HTML DOM HR 개체는 HTML 문서의 요소를 나타냅니다. hr 객체 생성- 구문 다음은 구문입니다 - document.createElement(“HR”); hr 개체의 예를 살펴보겠습니다- 예시 <!DOCTYPE html> <html> <style> body { text-align: center; background-color: #fff; &n
HTML DOM Variable Object는 HTML 문서의 요소를 나타냅니다. var 객체 생성- 구문 다음은 구문입니다 - document.createElement(“VAR”); var object의 예를 살펴보겠습니다- 예시 <!DOCTYPE html> <html> <style> body { text-align: center; background-color: #fff;
HTML DOM KeyboardEvent altKey 속성은 ALT HTML 문서에서 키 이벤트가 발생했을 때 키가 눌렸는지 여부. 구문 다음은 구문입니다 - event.altKey HTML KeyboardEvent altKey 속성의 예를 살펴보겠습니다- 예시 <!DOCTYPE html> <html> <style> body { color: #000; height: 100vh; &nbs
HTML DOM Aside Object는 HTML 문서의 요소를 나타냅니다. 따로 개체 만들기- 구문 다음은 구문입니다 - document.createElement(“ASIDE”); 옆 개체의 예를 살펴보겠습니다- 예시 <!DOCTYPE html> <html> <style> body { text-align: center; background-color: #fff;