HTML 개체는 HTML 문서의 요소를 나타냅니다. HTML 개체에 액세스하는 방법을 살펴보겠습니다 - 구문 다음은 구문입니다 - document.getElementsByTagName(“HTML”) HTML 개체의 예를 살펴보겠습니다 - 예시 <!DOCTYPE html> <html> <head> <style> body{ text-align:center; }
HTML DOM iframe 객체는 HTML 문서의 요소를 나타냅니다. 이제 iframe 객체를 생성해 보겠습니다 - 구문 다음은 구문입니다 - document.createElement(“IFRAME”); 속성 다음은 iframe Object의 속성입니다 - 속성 설명 내용문서 iframe HTML 요소에 의해 생성된 문서 객체를 반환합니다. 콘텐츠창 iframe HTML 요소에 의해 생성된 창 개체를 반환합니다. 높이 iframe HTML 요소의 height 속성 값을
HTML DOM 이미지 개체는 HTML 문서의 요소를 나타냅니다. img 객체를 만들어 봅시다 - 구문 다음은 구문입니다 - document.createElement(“IMG”); 속성 다음은 이미지 개체의 속성입니다 - 속성 설명 alt 이미지 HTML 요소의 alt 속성 값을 반환하고 수정합니다. 완료 브라우저가 HTML 웹 페이지에서 이미지 로드를 완료했는지 여부를 반환합니다. crossOrigin 이미지 HTML 요소의 CROS 설정을 반환하고 수정합니다. 높
HTML 문서를 만들 때마다 문서 유형이 문서에 가장 먼저 배치됩니다. 이 페이지가 작성된 HTML 버전에 대해 웹 브라우저에 전달합니다. 대소문자를 구분하지 않습니다. 맨 위에 DOCTYPE을 표시하는 예를 살펴보겠습니다. − 예시 <!DOCTYPE html> <html> <head> <title>Document Title comes here</title> </head> <body> <h1> Demo Heading &l
YouTuvbe에서 웹페이지로 쉽게 동영상을 가져올 수 있습니다. 동영상을 퍼가기만 하면 됩니다. 처음에는 비디오 ID를 가져옵니다 - 1단계 :동영상으로 이동하여 마우스 오른쪽 버튼을 클릭합니다. 괴짜 통계를 선택하십시오 - 클릭하면 통계를 표시하는 다음 대화 상자가 나타납니다 - 위에서 비디오 ID가 F6m0ghjadlw인 것을 볼 수 있습니다. 이제 ID를 사용하여 동일한 비디오를 삽입합니다 - 예시 <!DOCTYPE html> <html> <head> &l
HTML DOM 개체 유형 속성은 개체의 유형 속성 값을 설정하거나 반환하는 데 사용됩니다. 단, type 속성은 객체와 같은 미디어 유형을 설정하는 데 사용됩니다. 다음은 유형 속성을 설정하는 구문입니다 - obj.type = type_of_media 위에서 type_of_media는 표준 미디어 유형(예:image/bmp, image/tiff, image/tff 등)입니다. 다음은 유형 속성을 반환하는 구문입니다 - obj.type 이제 DOM 개체 유형 속성을 구현하는 예를 살펴보겠습니다. - 예시 <!DOCTYP
HTML DOM paddingLeft 속성은 HTML 요소에 왼쪽 패딩을 반환하고 추가합니다. 구문 다음은 구문입니다 - 1. 왼쪽 패딩 반환 object.style.paddingLeft 2. 왼쪽 패딩 추가 object.style.paddingLeft=”value” 값 여기서 값은 다음과 같을 수 있습니다. - 값 세부정보 길이 길이 단위로 값 패딩을 정의합니다. 초기 기본값으로 패딩을 정의합니다. 상속 이 패딩은 부모 요소에서 상속됩니다. 백분율(%) 부모
HTML DOM id 속성을 반환하고 HTML 요소의 id를 설정할 수 있습니다. 구문 다음은 구문입니다 - 1. 아이디 반환 object.id 2. 아이디 설정 object.id=”value” 여기에서 가치 는 요소의 ID를 나타냅니다. 예시 id 속성의 예를 살펴보겠습니다 - <!DOCTYPE html> <html> <head> <style> p{ background-color:#347924; &
HTML DOM innerHTML 속성을 반환하고 요소의 내부 HTML을 수정할 수 있습니다. 내부 HTML은 콘텐츠입니다. 구문 다음은 구문입니다 - 1. innerHTML 반환 object.innerHTML 2. 내부 HTML 설정 object.innerHTML=”value” 여기에서 가치 는 콘텐츠 또는 중첩된 HTML 요소를 나타냅니다. 예시 innerHTML 속성의 예를 보자 - <!DOCTYPE html> <html> <head> <style> &n
HTML DOM innerText 속성은 HTML 요소의 내부 텍스트 콘텐츠를 반환하고 수정할 수 있도록 합니다. 구문 다음은 구문입니다 - 1. 내부 텍스트 반환 object.innerText 2. 내부 텍스트 설정 object.innerText=”text” 예시 innerText 속성의 예를 살펴보겠습니다 - <!DOCTYPE html> <html> <head> <style> body{ text-a
HTML DOM 입력 버튼 유형 속성은 입력 버튼의 유형, 즉 버튼, 제출 또는 재설정 유형인지 여부를 반환합니다. 구문 다음은 구문입니다 - object.type 예시 입력 버튼 유형 속성의 예를 살펴보겠습니다 - <!DOCTYPE html> <html> <head> <title>HTML DOM type Property</title> <style> body{ text-align:center;
HTML DOM 값 속성은 입력 버튼의 값 속성 내용을 반환하고 수정합니다. 구문 다음은 구문입니다 - 1. 반환 값 object.value 2. 값 수정 object.value=”text” 예시 가치 속성의 예를 살펴보겠습니다. <!DOCTYPE html> <html> <head> <title>HTML DOM value Property</title> <style> body{ te
HTML DOM name 속성은 HTML에서 입력 버튼의 name 속성 값을 반환하고 변경합니다. 구문 다음은 구문입니다 - 1. 반환 이름 object.name 2. 이름 수정 object.name=”text” 여기에서 텍스트 는 입력 버튼의 새 이름을 나타냅니다. 예시 이름 속성의 예를 살펴보겠습니다 - <!DOCTYPE html> <html> <head> <title>HTML DOM name Property</title> <style>
HTML 캔버스의 stroke() 메서드는 경로를 그리는 데 사용됩니다. 이 경로는 moveTo() 및 lineTo() 메서드로 그려집니다. 요소를 사용하면 JavaScript를 사용하여 웹 페이지에 그래픽을 그릴 수 있습니다. 모든 캔버스에는 캔버스의 높이와 너비, 즉 각각 높이와 너비를 설명하는 두 가지 요소가 있습니다. 다음은 구문입니다 - ctx.stroke() 이제 캔버스의 stroke() 메서드를 구현하는 예를 살펴보겠습니다 - 예시 <!DOCTYPE html> <html> <body>
주소 개체를 사용하여 요소를 나타냅니다. −를 생성하는 예를 살펴보겠습니다. 예시 <!DOCTYPE html> <html> <body> <h2>Heading Two</h2> <p>Create address element</p> <button onclick="display()">Display</button> <script> function display() {
HTML 캔버스의 shadowOffsetY 속성은 모양에서 그림자의 수직 거리를 설정하는 데 사용됩니다. 요소를 사용하면 JavaScript를 사용하여 웹 페이지에 그래픽을 그릴 수 있습니다. 모든 캔버스에는 캔버스의 높이와 너비, 즉 각각 높이와 너비를 설명하는 두 가지 요소가 있습니다. 다음은 구문입니다 - context.shadowOffsetY=num; 여기서 num은 수직 거리를 픽셀 단위로 나타냅니다. 이제 캔버스의 shadowOffsetY 속성을 구현하는 예를 살펴보겠습니다 - 예시 <!DOCTYPE htm
의 disabled 속성은 옵션 그룹을 비활성화하는 데 사용됩니다. 그 후에는 옵션 그룹을 클릭할 수 없게 됩니다. 다음은 구문입니다 - <optgroup disabled> 이제 요소 −의 disabled 속성을 구현하는 예를 살펴보겠습니다. 예시 <!DOCTYPE html> <html> <body> <h2>Water Levels</h2> <p>Impurity Level <meter min="0" low="50"
HTML DOM 스타일 lineHeight 속성은 텍스트에서 줄 사이의 거리인 줄 높이를 설정하는 데 사용됩니다. 다음은 lineHeight 속성을 설정하는 구문입니다 - object.style.lineHeight 다음은 lineHeight 속성을 반환하는 구문입니다 - object.style.lineHeight = "normal|number|length|%|initial|inherit" 위의 값은 아래에 설명되어 있습니다. - 정상: 일반 라인 높이. 기본값입니다. 숫자: 줄 높이를 설정하기 위해 현재 글
HTML 캔버스의 shadowBlur 속성은 그림자의 흐림 수준을 설정하는 데 사용됩니다. 기본값은 0입니다. 요소를 사용하면 JavaScript를 사용하여 웹 페이지에 그래픽을 그릴 수 있습니다. 모든 캔버스에는 캔버스의 높이와 너비, 즉 각각 높이와 너비를 설명하는 두 가지 요소가 있습니다. 다음은 구문입니다 - ctx.shadowBlur=num; 위의 숫자는 그림자의 흐림 수준을 나타냅니다. 이제 캔버스의 shadowBlur 속성을 구현하는 예를 살펴보겠습니다 - 예시 <!DOCTYPE html> <ht
HTML에서 요소의 필수 속성은 방문자에게 이 텍스트 영역 필드가 양식을 제출하기 전에 채워져야 함을 알리는 데 사용됩니다. 방문자가 필수 속성으로 설정된 텍스트 영역을 채우지 않고 제출을 클릭하면 양식이 제출되지 않습니다. 다음은 구문입니다 - <textarea required> 이제 요소 −의 필수 속성을 구현하는 예를 살펴보겠습니다. 예시 <!DOCTYPE html> <html> <body> <h2>Subject-wise rank</h2> <form