onratechange 사용 HTML의 HTML에서 재생 속도가 변경될 때마다 스크립트를 실행하는 속성입니다. 예시 다음 코드를 실행하여 onratechange를 구현할 수 있습니다. 속성 - <!DOCTYPE html> <html> <body> <video id = "myid" width = "320" height = "176" controls onratechange = &
hreflang 사용 HTML에서 링크된 문서의 언어를 설정하는 속성입니다. 예시 다음 코드를 실행하여 hreflang을 구현할 수 있습니다. 속성 - <!DOCTYPE html> <html> <head> <title>HTML hreflang attribute</title> </head> <body> <p>
사용 http- 동등 HTML의 콘텐츠 속성 정보에 대한 HTTP 헤더를 가져오는 속성입니다. 예시 다음 코드를 실행하여 http - 동등 속성 - <html> <head> <title>HTML http-equiv attribute</title> <meta name = "keywords" content = "HTML, meta tag, metadata"
onmousedown 사용 요소에서 마우스 버튼을 눌렀을 때 스크립트를 실행하기 위한 HTML의 속성 예시 다음 코드를 실행하여 onmousedown을 구현할 수 있습니다. 속성 - <!DOCTYPE html> <html> <body> <h3 id = "myid" onmousedown = "mouseDown()" onmouseup = "mouseUp()"> &nbs
onfocus 사용 요소가 HTML에서 포커스를 받을 때 스크립트를 실행하는 속성입니다. 예시 다음 코드를 실행하여 onfocus를 구현할 수 있습니다. 속성 - <!DOCTYPE html> <html> <body> <p>Enter subject name below,</p> Subject: <input type = "text" id = "sname&
HTML 4.01과 달리 HTML 5는 태그를 지원하지 않습니다. 은 텍스트 글꼴 크기를 브라우저의 최소 글꼴 크기까지 한 크기 작게 만듭니다. 예를 들어, 글꼴 크기가 큰 텍스트에 태그를 사용하면 글꼴 크기가 중간으로 됩니다. HTML5에서 이 요소는 보조 주석과 작은 글씨를 나타내도록 용도가 변경되었습니다. 또한 HTML의 전역 속성 및 이벤트 속성을 지원합니다. 반대로, 태그는 텍스트가 텍스트의 실제 글꼴 크기보다 한 크기 크게 표시되도록 합니다. 이 태그는 사용되는 경우 HTML 5의 일부가 아니지만 일부 브라우저는 여
CSS에서 요소의 너비와 높이를 설정하면 종종 요소가 실제 크기보다 크게 나타납니다. 기본적으로 요소의 너비와 높이에 패딩과 테두리가 추가된 다음 요소가 표시되기 때문입니다. 상자 크기 속성은 요소가 실제 크기보다 크게 나타나지 않도록 실제 너비와 높이로 요소의 패딩 및 테두리를 포함합니다. 이 속성을 사용하는 형식은 box-sizing:box-border입니다. 예시 다음 코드를 실행하여 텍스트를 정렬하고 동일한 너비로 상자를 선택할 수 있습니다. − <html> <head>
drawImage() 메서드는 캔버스에 이미지, 캔버스 및 비디오를 그리는 데 사용됩니다. 또한 이미지의 일부를 그리거나 이미지 크기를 늘리거나 줄일 수 있습니다. 예시 예를 들어 보겠습니다 - //context grabbed from your destination canvas ctx = destinationCanvas.getContext('2d'); //drawImage() called passing the source canvas directly dCtx.drawImage(sourceCanvas, 0, 0);
globalAlpha 속성은 도면의 투명도 값을 반환합니다. 이 속성의 값 1.0은 투명도를 지정하지 않고 이 속성의 값 0.0은 전체 투명도를 지정합니다. 따라서 globalAlpha 속성을 0.0으로 설정하면 투명한 캔버스를 얻을 수 있습니다. 예시 다음 코드를 실행하여 투명한 캔버스를 만들 수 있습니다. − <!DOCTYPE html> <html> <body> <canvas id = "idCanvas" widt
지금까지 흐름 메뉴에 숨겨져 있던 새로 고침 버튼이 크롬의 풀다운-새로고침 기능으로 대체되었습니다. 그러나 일부 사용자는 애플리케이션에서 이 기능이 필요하지 않습니다. body { // disables pull-to-refresh // allows overscroll glow effects overscroll-behavior-y: contain; } CSS의 오버스크롤 동작 속성은 끌어서 새로 고침 작업을 비활성화합니다. 위의 주어진 코드에서 우리는 대화 상자 데모에서 애니메이션을 새
유형 사용 요소의 유형을 설정하려면 HTML에서 속성을 지정하십시오. 유형을 사용하여 사용자 입력을 받는 데 도움이 되는 태그에 대해 알아보겠습니다. 기인하다. 속성은 텍스트 입력, 체크박스, 라디오 등과 같은 양식 요소와 함께 사용됩니다. 예시 다음 코드를 실행하여 유형을 구현할 수 있습니다. 속성 - <!DOCTYPE html> <html> <head> <title>HTML Forms</title>
oncanplaythrough 사용 HTML에서 버퍼링을 위해 일시 중지하지 않고 파일을 끝까지 재생할 수 있을 때 스크립트를 실행하는 속성입니다. 예시 다음 코드를 실행하여 oncanplaythrough를 구현할 수 있습니다. 속성 - <!DOCTYPE html> <html> <body> <video id = "myVideo" width = "400" height = "200&q
값 사용 HTML에서 요소의 값을 추가하는 속성입니다. , , , , , , 요소와 함께 작동합니다. 예시 다음 코드를 실행하여 값 을 구현할 수 있습니다. 속성 - <!DOCTYPE html> <html> <body> <head> <title>HTML value attribute</title> </he
랩 사용 HTML에서 텍스트 줄 바꿈을 설정하는 속성입니다. 다음 코드를 실행하여 wrap을 구현할 수 있습니다. 속성 - 예시 <!DOCTYPE html> <html> <body> <form action = ""> <textarea rows = "2" cols = "12" name = "details
usemap 사용 HTML에서 클라이언트 측 이미지 맵으로 이미지를 지정하는 속성. 다음 코드를 실행하여 usemap을 구현할 수 있습니다. 속성 - 예시 <!DOCTYPE html> <html> <head> <title>HTML map Tag</title> </head> <body> <img src = &qu
HTML onafterprint 사용 문서가 인쇄되거나 인쇄된 후 스크립트를 실행하기 위한 속성입니다. 예시 다음 코드를 실행하여 onafterprint를 구현할 수 있습니다. 속성 - <!DOCTYPE html> <html> <body onafterprint = "display()"> <script> function display() { &nb
진행 중 사용 브라우저가 미디어 데이터를 HTML로 가져오는 과정에 있을 때 스크립트를 실행하기 위한 속성입니다. 예시 다음 코드를 실행하여 진행 중을 구현할 수 있습니다. 속성 - <!DOCTYPE html> <html> <body> <video id = "myVideo" width = "320" height = "176" controls onprogress = "
컨텍스트 메뉴 사용 컨텍스트 메뉴가 실행될 때 스크립트를 실행하기 위한 HTML5의 속성. 사용자가 마우스 오른쪽 버튼을 클릭하면 컨텍스트 메뉴가 생성됩니다. 예시 다음 코드를 실행하여 contextmenu를 구현할 수 있습니다. 속성 - <!Doctype html> <html> <head> <title>HTML menuitem Tag</title> </head> &nbs
클릭 시 사용 HTML에서 요소를 클릭할 때 스크립트를 실행하는 속성입니다. 예시 다음 코드를 실행하여 onclick을 구현할 수 있습니다. 속성 - <!DOCTYPE html> <html> <body> <button onclick = "display()">Click</button> <p id = "test"></p> &n
href 사용 HTML에서 링크가 이동하는 페이지의 URL을 지정하는 속성입니다. 예시 다음 코드를 실행하여 href를 구현할 수 있습니다. 속성 - <!DOCTYPE html> <html> <head> <title>HTML href attribute</title> </head> <body> <figure>