높이 사용 요소의 높이를 설정하는 HTML 속성 , , , , 등의 요소와 함께 속성을 사용할 수 있습니다. 예시 다음 코드를 실행하여 높이 를 구현할 수 있습니다. HTML의 속성 - <!DOCTYPE HTML> <html> <body> <video width = "300" height = "200" controls autoplay> &nb
드래그 가능 사용 드래그 가능한 단락을 생성하는 속성. 활성화 또는 비활성화 true 값을 사용한 드래그 및 거짓 . 예시 다음 코드를 실행하여 드래그 가능 을 구현할 수 있습니다. 요소 및 요소 드래그 - <!DOCTYPE HTML> <html> <head> <style> .drag {
숨겨진 HTML5에서 속성을 사용하여 HTML5에서 숨겨진 단락, 즉 더 이상 관련이 없는 요소를 생성합니다. 예시 다음 코드를 실행하여 숨겨진 HTML5의 속성 - <!DOCTYPE html> <html> <body> <h2>Heading</h2> <p>This is a demo paragraph and visible.</p> &n
키업 사용 기인하다. onkeyup 속성은 사용자가 키를 놓을 때 트리거됩니다. 예시 다음 코드를 실행하여 키를 놓을 때 스크립트를 실행할 수 있습니다. − <!DOCTYPE html> <html> <body> <p>Press a key inside the textbox.</p> <input type = "text" onkeydown = "displ
HTML에서 dir 속성을 사용하여 오른쪽에서 왼쪽 방향으로 단락을 설정합니다. 오른쪽에서 왼쪽으로 배치할 텍스트의 dir 속성에 값 rtl을 추가합니다. 예시 다음 코드를 실행하여 dir 을 구현할 수 있습니다. 속성 - <!DOCTYPE html> <html> <body> <p dir="rtl">This is demo paragraph. This is demo paragraph. &n
onload 사용 요소 로드가 완료되면 스크립트를 실행하는 속성입니다. 예시 다음 코드를 실행하여 onload 속성을 구현할 수 있습니다. − <!DOCTYPE html> <html> <head> <script> function display() { alert("Welcome!");
언어 HTML의 속성을 사용하면 영어 이외의 언어에 대한 콘텐츠를 설정할 수 있습니다. 다음 코드를 실행하여 lang 을 구현할 수 있습니다. 속성. 예시 여기에 프랑스어와 스페인어 콘텐츠도 추가했습니다. 영어 데모 텍스트입니다. 프랑스어 Ceci est un texte de démonstration 스페인어 Este es un texto de demostración
ID 사용 요소의 고유 ID를 추가하려면 HTML의 속성을 사용하세요. 예시 다음 코드를 실행하여 id 구현을 시도할 수 있습니다. 속성 - <html> <body> <h1>Tutorialspoint</h1> <p id = "myid">We provide Tutorials!</p> <button onclick
미디어 데이터가 로드될 때 스크립트를 실행하려면 onloaddata 이벤트를 사용하십시오. onloaddata 이벤트를 구현하기 위해 다음 코드를 실행할 수 있습니다 - 예시 다음 코드는 동영상이 로드될 때 경고 상자를 생성합니다 - <!DOCTYPE html> <html> <body> <video controls onloadeddata = "display()">
지연 사용 페이지가 HTML에서 구문 분석을 완료했을 때 스크립트를 실행하기 위한 속성입니다. 먼저 js 파일을 추가합니다. 이름을 지정하겠습니다. new.js , function sayHello() { alert("Hello World") } 예시 이제 HTML 코드를 추가하고 위의 스크립트를 실행해 봅시다 - <html> <head> <script src = "new.js" defe
디렉토리 이름 사용 속성을 사용하면 텍스트 방향을 제출할 수 있습니다. 값은 입력 이름 뒤에 .dir이 옵니다. 예시 <!DOCTYPE html> <html> <body> <h2>Student Contact Form</h2> <form action = "mailto:[email protected]" method = "post" enct
disabled 속성을 사용하여 요소를 비활성화합니다. 속성은 , , , 등의 요소에 사용할 수 있습니다. 예시 disabled 속성을 구현하기 위해 다음 코드를 실행할 수 있습니다 - <!DOCTYPE html> <html> <body> <p>Which sports do you like?</p> <form action = "" method = "g
디렉토리 사용 HTML의 속성을 사용하여 요소의 내용에 대한 텍스트 방향을 설정합니다. 다음 코드를 실행하여 dir 을 구현할 수 있습니다. 속성 - 예시 <!DOCTYPE html> <html> <body> <p>This is demo text from left-to-right.</p> <p dir = "rtl">This is demo text from
다운로드 사용 하이퍼링크 클릭 시 다운로드할 파일을 설정하는 속성입니다. 속성 값을 다운로드한 파일의 이름(예:이미지)으로 설정합니다. 예시 <!DOCTYPE html> <html> <body> <h3>if statement in Java</h3> <p>The following is an image explaining the concept if <b>if-st
드래그 가능 사용 요소를 끌 수 있는지 여부를 설정하는 속성입니다. true 및 false 값을 사용하여 설정합니다. . 예시 다음 코드를 실행하여 드래그 가능 을 구현할 수 있습니다. 요소 및 요소 드래그 - <!DOCTYPE HTML> <html> <head> <style> .drag { float: left; &n
드롭존 사용 드래그한 데이터의 복사, 이동, 링크 여부를 설정하는 속성입니다. 복사 - 드롭하면 드래그한 요소의 복사본이 생성됩니다. 이동 - 드래그한 요소가 새 위치로 이동됩니다. 링크 - 드래그한 데이터에 대한 링크를 생성합니다. JavaScript에서 dropzone 속성을 사용하려면 다음을 시도하십시오 - <div dropzone="copy"> </div> 현재 이 속성을 지원하는 브라우저는 없습니다.
enctype 사용 HTML의 속성을 사용하여 서버에 제출하는 동안 양식 데이터를 인코딩해야 하는지 여부를 설정합니다. 예시 다음 코드를 실행하여 enctype을 구현할 수 있습니다. 속성 - <!DOCTYPE html> <html> <body> <p>Which sports do you like?</p> <form action = "" method =
onkeydown 사용 기인하다. onkeydown 속성은 사용자가 키를 누를 때 트리거됩니다. 예시 다음 코드를 실행하여 키를 누를 때 스크립트를 실행할 수 있습니다 - <!DOCTYPE html> <html> <body> <p>Press a key inside the textbox.</p> <input type = "text" onkeydown = &q
데이터-* 사용 속성을 사용하여 사용자 지정 데이터 속성을 포함합니다. 이 속성은 대문자를 포함해서는 안 되며 data 뒤에 접두사를 붙여야 합니다. . 예시 <!DOCTYPE html> <html> <head> <script> function display(rank) { var myRank =
bgcolor 사용 HTML의 속성을 사용하여 요소의 배경색을 표시합니다. HTML 요소의 배경, 특히 페이지 본문 및 테이블 배경을 제어하는 데 사용됩니다. 참고 − 이 속성은 HTML5에서 지원되지 않습니다. 예시 다음 코드를 실행하여 bgcolor 구현 방법을 배울 수 있습니다. HTML의 속성 - <!DOCTYPE html> <html> <head> <title>HTML Background Colors</title