href 속성은 링크, 즉 페이지의 URL을 설정하는 데 사용됩니다. 구문 다음은 구문입니다 - <a href="URL"> 위의 URL은 언급해야 하는 URL이며 상대 링크, 절대 링크, 스크립트, 프로토콜 등이 될 수 있습니다. 예시 이제 요소 −의 href 속성을 구현하는 예를 살펴보겠습니다. <!DOCTYPE html> <html> <body> <h2>Learning is Fun</h2> <p> Learn the concepts
태그는 테이블에 있는 하나 이상의 열 그룹입니다. 모든 열의 스타일을 설정합니다. 다음은 태그의 속성입니다 - 범위 − 열 그룹이 확장되어야 하는 열의 수는 span 속성으로 설정됩니다. 예시 이제 태그 −를 구현하는 예를 살펴보겠습니다. <!DOCTYPE html> <html> <head> <style> table, th, td { border: 2px solid black; } </sty
HTML의 태그는 현재 콘텐츠를 번역하여 기계가 읽을 수 있도록 설정하는 데 사용됩니다. 구문 다음은 구문입니다 - <data value=””> 위의 값은 기계가 읽을 수 있는 콘텐츠 형식을 설정합니다. 예시 이제 태그 −를 구현하는 예를 살펴보겠습니다. <!DOCTYPE html> <html> <body> <h2>Subjects covered in Schools</h2> <p>Associating the subject name
HTML DOM 입력 재설정 양식 속성은 지정된 재설정 버튼이 포함된 양식 참조를 반환하는 데 사용됩니다. 재설정 버튼이 양식 외부에 있으면 단순히 NULL을 반환합니다. 이 속성은 읽기 전용입니다. 구문 다음은 입력 재설정 양식 속성에 대한 구문입니다. resetObject.form 예시 입력 재설정 양식 속성의 예를 살펴보겠습니다 - <!DOCTYPE html> <html> <body> <h1>Input reset form Property</h1> <form id=&
블록 요소 블록 요소는 앞뒤에 줄 바꿈이 있는 것처럼 화면에 나타납니다. 또한 사용 가능한 전체 너비를 차지합니다. 일부 블록 요소에는 ~ , , , , <!DOCTYPE html> <html> <body> <h2>Coding Ground</h2> <h3>Compilers for Programming Languages and Web Technologies</h3> <p>Click on the individual links to work on o
웹 페이지에 캔버스를 그리려면 HTML5 캔버스 요소를 사용합니다. 요소를 사용하면 JavaScript를 사용하여 그래픽을 그릴 수 있습니다. 캔버스를 사용하여 선, 직사각형, 베지어 곡선 등을 그립니다. 모든 캔버스에는 캔버스의 높이와 너비, 즉 각각 높이와 너비를 설명하는 두 가지 요소가 있습니다. 이를 통해 아래 코드 스니펫과 같이 캔버스에 대한 ID도 설정해야 합니다. <canvas id = "newCanvas" width = "100" height = "100&quo
요소의 disabled 속성은 요소를 비활성화하는 데 사용됩니다. 요소가 비활성화되면 클릭할 수 없게 됩니다. 명백한 이유로 비활성화된 입력 요소는 제출되지 않습니다. 구문 다음은 구문입니다 - <input disabled> 이제 요소 −의 disabled 속성을 구현하는 예를 살펴보겠습니다. 예시 <!DOCTYPE html> <html> <body> <h2>Details</h2> <form> <p>These are the new detai
HTML의 태그는 추가된 텍스트(예:새 콘텐츠, 업데이트된 가격 등)를 표시하는 데 사용됩니다. 다음은 태그의 속성입니다 - 인용 − 새 텍스트가 언제 추가되었는지 알려주는 URL 날짜/시간 − 텍스트가 삽입된 날짜 및 시간. 예시 이제 HTML에서 요소를 구현하는 예를 살펴보겠습니다 − <!DOCTYPE html> <html> <body> <h2>Player Details with Reporting Time</h2> <form> <p>These
요소의 for 속성은 레이블이 있는 요소를 설정하는 데 사용됩니다. 구문 다음은 구문입니다 - 위의 id는 연결된 요소 id입니다. 예시 이제 요소 −의 for 속성을 구현하는 예를 살펴보겠습니다. 마지막 학기 결과결과학생:제목: 순위: 출력 이것은 다음과 같은 출력을 생성합니다 - 위의 예에서 일부 필드가 있는 양식이 있습니다 - 결과학생:제목:순위: 요소의 속성을 사용하여 필드의 레이블을 설정했습니다(예:−). 학생: 이제 stinfo가 인 입력 유형 텍스트는 −에 대한 레이블로 설정했기 때문에 Studen
HTML DOM에서 id와 class는 모두 요소 선택자이며 이러한 매개변수에 할당된 이름을 기반으로 요소를 식별하는 데 사용됩니다. 다음은 Id와 Class의 중요한 차이점입니다. Sr. 아니요. 키 ID 클래스 1 구문 요소 ID 이름은 HTML에서 # 기호로 시작하고 뒤에 고유한 이름이 할당됩니다. 반면에 요소에 할당된 클래스는 이름이 .로 시작합니다. 뒤에 클래스 이름이 옵니다. 2 선택기 요소에는 하나의 ID 선택기만 연결할 수 있습니다. 여러 클래스 선택기를 요소에 연결할 수 있습니다. 3 고유성 Id는 페이지에
HTML의 태그는 요소의 캡션을 설정하는 데 사용됩니다. fieldset의 역할은 버튼, 입력, 라디오 등과 같은 요소를 그룹화하는 데 사용됩니다. 구문 다음은 구문입니다 - <fieldset> <legend> Set caption </legend> </fieldset> 예시 이제 태그 −를 구현하는 예를 살펴보겠습니다. <!DOCTYPE html> <html> <body> <h2>Subject-wise rank</h2> <
요소의 min 속성은 의 하한을 설정하는 데 사용됩니다. 단, 요소는 데이터를 측정하기 위해 수질 불순물 정도와 같은 주어진 범위를 사용하며 min, max 속성을 사용하여 설정합니다. 구문 명백한 이유로 최소값은 최대값보다 작습니다. 기본값은 0입니다. 다음은 구문입니다 - <meter min="num"> 위의 숫자는 요소의 최소 속성을 설정하는 부동 소수점 숫자입니다. 예시 이제 요소 −의 min 속성을 구현하는 예를 살펴보겠습니다. <!DOCTYPE html> <html&
요소의 disabled 속성은 옵션 목록에서 비활성화된 옵션을 설정하는 데 사용됩니다. 그 후에는 비활성화된 옵션을 클릭할 수 없습니다. 구문 다음은 구문입니다 - <option disabled> 예시 이제 요소 −의 disabled 속성을 구현하는 예를 살펴보겠습니다. <!DOCTYPE html> <html> <body> <h2>Impurity level of Water</h2> <p>Impurity Level <meter min="0&
HTML DOM 입력 범위 최소 속성은 범위 슬라이더 컨트롤의 최소 속성 값을 설정하거나 반환하는 데 사용됩니다. 이 속성은 슬라이더 컨트롤의 최소값을 나타내는 데 사용되며 슬라이더가 이동할 수 있는 값 범위를 만들기 위해 min 속성과 함께 자주 사용됩니다. 구문 다음은 −의 구문입니다. 범위 최소 속성 설정 - rangeObject.min = number 여기서 숫자는 최소 슬라이더 제어 값을 나타냅니다. 예시 입력 범위 최소 속성 -에 대한 예를 살펴보겠습니다. <!DOCTYPE html> <h
HTML DOM 입력 범위 이름 속성은 입력 범위 필드의 이름 속성을 설정하거나 반환하는 데 사용됩니다. name 속성은 양식 데이터가 서버에 제출된 후 식별하는 데 도움이 됩니다. JavaScript는 나중에 조작하기 위해 양식 요소를 참조하기 위해 name 속성을 사용할 수도 있습니다. 구문 다음은 −의 구문입니다. 이름 속성 설정 - rangeObject.name = name 예시 여기서 name은 범위 슬라이더 컨트롤 이름을 지정하기 위한 것입니다. 범위 이름 속성에 대한 예를 살펴보겠습니다 - <!DOCTYPE
HTML DOM 입력 범위 개체는 범위 유형의 요소와 연결됩니다. 각각 createElement() 및 getElementById() 메서드를 사용하여 유형 범위를 가진 입력 요소를 만들고 액세스할 수 있습니다. 속성 다음은 입력 범위 개체의 속성입니다 - Sr.No 속성 및 설명 1 자동 완성 범위 컨트롤의 자동 완성 속성 값을 설정하거나 반환합니다. 2 자동 초점 페이지가 로드될 때 범위 슬라이더 컨트롤이 자동으로 포커스를 받아야 하는지 여부를 설정하거나 반환하려면 3 기본값 범위 슬라이더 컨트롤 기본값을
HTML DOM 입력 범위 단계 속성은 슬라이더 제어 단계 속성 값을 설정하거나 반환하는 데 사용됩니다. 슬라이더가 움직일 때마다 얼마나 움직일 것인지 지정합니다. 최대 및 최소 속성을 단계 속성과 함께 사용하여 유효한 값 범위를 정의할 수 있습니다. 구문 다음은 −의 구문입니다. 단계 속성 설정 - rangeObject.step=number 여기서 number는 슬라이더 컨트롤의 이동 크기를 지정합니다. 기본값은 1입니다. 예시 입력 범위 단계 속성에 대한 예를 살펴보겠습니다 - <!DOCTYPE html> &l
HTML DOM 입력 범위 stepDown() 메서드는 슬라이더 컨트롤 값을 지정된 숫자만큼 감소시키는 데 사용됩니다. 공백으로 두면 1만큼 감소합니다. 단계 속성이 지정되면 stepdown() 메서드는 그 배수로 감소합니다. 예:step=”20”이면 stepDown(2)이 20*2=40만큼 감소합니다. 구문 다음은 Range stepDown() 메서드의 구문입니다. - rangeObject.stepDown(number) 여기서 number는 슬라이더 제어 감소 값을 지정하기 위한 필수 매개변수입니다. 공백으로 두면 1씩 감소합
HTML DOM 입력 범위 stepUp() 메서드는 슬라이더 컨트롤 값을 지정된 숫자만큼 증가시키는 데 사용됩니다. 공백으로 두면 1씩 증가합니다. 단계 속성이 지정되면 stepUp() 메서드는 그 배수로 증가합니다. 예:step=”20”이면 stepUp(2)이 20*2=40씩 증가합니다. 구문 다음은 Range stepUp() 메서드의 구문입니다. - rangeObject.stepUp(number) 여기서 number는 슬라이더 제어 증가 값을 지정하기 위한 필수 매개변수입니다. 공백으로 두면 1씩 증가합니다. 예시 범위 s
HTML DOM 입력 범위 유형 속성은 해당 유형이 범위인 입력 요소와 연결됩니다. 항상 입력 범위 요소에 대한 범위를 반환합니다. 구문 다음은 범위 유형 속성의 구문입니다 - rangeObject.type 예시 범위 유형 속성의 예를 살펴보겠습니다 - <!DOCTYPE html> <html> <body> <h1>Input range type Property</h1> <form> VOLUME <input type="range" id="