HTML DOM 개체 너비 속성은 개체의 너비를 설정하거나 반환하는 데 사용됩니다. 이 너비는 픽셀로 설정됩니다. 다음은 객체의 너비를 설정하는 구문입니다 - objObject.width 다음은 객체의 너비를 반환하는 구문입니다 - objObject.width = pixels 위의 픽셀은 개체의 너비에 대해 설정된 값입니다. 이제 DOM 개체 너비 속성을 구현하는 예를 살펴보겠습니다. - 예시 <!DOCTYPE html> <html> <body> <object id=
요소의 datetime 속성은 기계가 읽을 수 있는 날짜 시간을 표시하는 데 사용됩니다. 다음은 구문입니다 - <time datetime="YYYY-MM-DDThh:mm:ssTZD"> 위에서 datetime 속성은 datetime을 표시합니다 - YYYY - 연도 MM - 월 DD - 날짜 헉 - 시간 mm - 분 - 초 TZD - 시간대 지정자 PTDHMS −를 설정할 수도 있습니다. 피 - 기간 접두사 D - 일 접두사 으 - 시간 접두사 남 - 분 접두어 S - 초 접두어 이제
HTML 캔버스의 shadowColor 속성은 그림자의 색상을 설정하는 데 사용됩니다. 기본값은 #000000입니다. 다음은 구문입니다 - ctx.shadowColor=color; 위에서 그림자 색상을 설정합니다. 이제 캔버스의 shadowColor 속성을 구현하는 예를 살펴보겠습니다 - 예시 <!DOCTYPE html> <html> <body> <canvas id="newCanvas" width="600" height=&quo
HTML의 cols 속성은 와 요소 모두에 사용됩니다. 태그는 HTML5에서 지원되지 않으므로 cols 속성에 대해 작업합니다. 요소의 cols 속성은 텍스트 영역의 너비를 설정하는 데 사용됩니다. 열이 설정하고 너비가 텍스트 영역 자체 아래에 표시됩니다. 다음은 구문입니다 - <textarea cols="num"> 위에서 num은 텍스트 영역의 너비입니다. 기본값은 20입니다. 이제 요소 −의 cols 속성을 구현하는 예를 살펴보겠습니다. 예시 <!DOCTYPE html> &
HTML의 colspan 속성은 테이블에서 셀이 확장되어야 하는 열 수를 설정하는 데 사용됩니다. 또는 요소에 colspan 속성을 사용하세요. 요소 colspan 속성 HTML에서 요소의 colspan 속성은 셀이 확장되어야 하는 열 수를 정의합니다. 다음은 구문입니다 - <td colspan="num"> 위에서 num은 셀이 확장되어야 하는 열의 개수입니다. 이제 요소 −의 colspan 속성을 구현하는 예를 살펴보겠습니다. 예시 <!DOCTYPE html> <html&
HTML의 콘텐츠 속성은 이름 또는 http-equiv와 함께 값을 표시하는 데 사용됩니다. 요소와 연결되어 있습니다. 요소의 콘텐츠 속성은 HTML 문서의 메타 정보를 설정하는 데 사용됩니다. 이름 속성에 대한 설명 또는 키워드에 대한 정보일 수 있습니다. 다음은 구문입니다 - <meta content="text"> 위의 텍스트는 메타 정보입니다. 이제 요소 −의 content 속성을 구현하는 예를 살펴보겠습니다. 예시 <!DOCTYPE html> <html> <
HTML DOM Anchor hreflang 속성은 링크의 hreflang 속성 값을 설정하거나 반환하는 데 사용됩니다. 다음은 hreflang 속성을 설정하는 구문입니다 - anchorObj.hreflang = language_code 위에서 language_code는 링크된 문서의 언어를 나타냅니다. 이 언어 코드 예에는 영어의 경우 en, 벵골어의 경우 bn, 힌디어의 경우 hi, 프랑스어의 경우 fr, 라틴어의 경우 la, 러시아어의 경우 ru 등이 있습니다. 다음은 hreflang 속성을 반환하는 구문입니다 - anc
요소의 type 속성은 대상 URL의 MIME(Multipurpose Internet Mail Extensions) 유형을 설정합니다. 다음은 구문입니다 - <area type="type_of_media"> 위에서 type_of_media는 링크된 문서의 표준 미디어 유형(예:image/bmp, image/tiff, image/tff 등)입니다. 이제 요소 −의 type 속성을 구현하는 예를 살펴보겠습니다. 예시 <!DOCTYPE html> <html> <body>
요소의 href 속성은 모든 상대 URL에 대한 기본 URL을 설정합니다. 예를 들어 기본 URL은 https://example.com/tutorials입니다. /html, /java, /jquery 등과 같은 모든 상대 URL에 대해 ., 결국 - https://example.com/tutorials/html https://example.com/tutorials/java https://example.com/tutorials/jquery 다음은 구문입니다 - <base href="absolute_URL"&
요소의 type 속성은 버튼의 유형을 설정하는 데 사용됩니다. 다음은 구문입니다 - <button type="button|submit|reset"> 위에서 우리는 버튼 요소에 대해 설정된 다양한 유형을 보여주었습니다. 예:submit − 버튼: 클릭 가능한 버튼 제출: 제출 버튼(양식 데이터 제출) 재설정: 초기값으로 재설정하는 재설정 버튼입니다. 이제 HTML에서 버튼 요소의 유형 속성을 구현하는 예를 살펴보겠습니다 - 예시 <!DOCTYPE html> <html> <
요소의 너비 속성은 캔버스의 너비를 픽셀 단위로 설정하는 데 사용됩니다. 다음은 구문입니다 - <canvas width="pixels_val"> 위에서 pixel_val은 픽셀 단위로 설정된 너비입니다. 이제 요소 −의 너비 속성을 구현하는 예를 살펴보겠습니다. 예시 <!DOCTYPE html> <html> <body> <canvas id="newCanvas" width="400" height="200" sty
HTML의 contenteditable 속성은 부울 값 true 또는 false를 사용하여 콘텐츠가 편집 가능한지 여부를 설정하는 데 사용됩니다. 이 속성은 전역 속성이므로 모든 요소와 함께 사용할 수 있습니다. 다음은 구문입니다 - <element contenteditable =”true|false”> 위에서 요소를 편집 가능하게 하려면 true를 설정하고 그렇지 않으면 false를 설정합니다. 이제 HTML에서 contenteditable 속성을 구현하는 예를 살펴보겠습니다 - 예시 <
HTML의 currentTarget 이벤트 속성은 이벤트 리스너가 이벤트를 트리거한 요소를 가져오는 데 사용됩니다. 다음은 구문입니다 - event.currentTarget 이제 currentTarget 이벤트 속성을 구현하는 예를 살펴보겠습니다. - 예시 <!DOCTYPE html> <html> <body> <h2>Get the element</h2> <p onclick="myFunction(event)">Click on this line to
HTML 캔버스의 fillRect() 메서드는 웹 페이지에 채워진 사각형을 만드는 데 사용됩니다. 기본 색상은 검정색입니다. 요소를 사용하면 JavaScript를 사용하여 웹 페이지에 그래픽을 그릴 수 있습니다. 모든 캔버스에는 캔버스의 높이와 너비, 즉 각각 높이와 너비를 설명하는 두 가지 요소가 있습니다. 다음은 구문입니다 - context.fillRect(p,q,width,height); 위, p :사각형의 왼쪽 위 모서리의 x 좌표 q :사각형의 왼쪽 위 모서리의 y 좌표 너비 :직사각형의 너비 높이 :직사각형의 높이
HTML 캔버스의 fillStyle() 속성은 그림의 색상이나 그라디언트 또는 패턴을 설정하는 데 사용됩니다. 기본값은 #000000입니다. 요소를 사용하면 JavaScript를 사용하여 웹 페이지에 그래픽을 그릴 수 있습니다. 모든 캔버스에는 캔버스의 높이와 너비, 즉 각각 높이와 너비를 설명하는 두 가지 요소가 있습니다. 다음은 구문입니다 - ctx.fillStyle=color|gradient|pattern; 위의 값에는 -가 포함됩니다. 색상: CSS 색상인 드로잉의 채우기 색상입니다. 기울기: 그림을 채울 선형 또는
요소의 readonly 속성은 텍스트 영역을 읽기 전용으로 설정하는 데 사용됩니다. 읽기 전용으로 설정된 경우 방문자는 텍스트 영역의 텍스트를 변경할 수 없습니다. 그러나 방문자는 해당 콘텐츠를 복사할 수 있습니다. 다음은 구문입니다 - <textarea readonly> 이제 요소 −의 읽기 전용 속성을 구현하는 예를 살펴보겠습니다. 예시 <!DOCTYPE html> <html> <body> <h2>Interview Questions</h2> <p>
HTML의 요소는 웹 페이지에서 날짜와 시간을 설정하고 표시하는 데 사용됩니다. HTML5에 도입된 태그입니다. 다음은 속성입니다 - 날짜/시간 :표시할 날짜-시간입니다. 이제 HTML에서 태그를 구현하는 예를 살펴보겠습니다 − 예시 <!DOCTYPE html> <html> <body> <h2>Schedule</h2> <p>Exams begins from next <time datetime="06-15">Saturday</t
HTML 캔버스의 rect() 메서드는 사각형을 만드는 데 사용됩니다. 요소를 사용하면 JavaScript를 사용하여 웹 페이지에 그래픽을 그릴 수 있습니다. 모든 캔버스에는 캔버스의 높이와 너비, 즉 각각 높이와 너비를 설명하는 두 가지 요소가 있습니다. 다음은 구문입니다 - context.fillRect(p,q,width,height); 위, p: 직사각형의 왼쪽 위 모서리의 x 좌표 q: 직사각형의 왼쪽 위 모서리의 y 좌표 너비: 직사각형 너비 높이: 직사각형의 높이 이제 캔버스의 rect() 메서드를 구현하는 예
onmouseover 속성을 사용하면 마우스 포인터를 요소 위로 이동할 때 스크립트를 설정할 수 있습니다. 배경색을 변경하려면 HTML DOM backgroundColor 속성을 사용하십시오. onmouseover 속성을 구현하고 배경색을 변경하는 예를 살펴보겠습니다 - 예시 <!DOCTYPE html> <html> <body> <h2>Heading Two</h2> <a onmouseover="document.body.style.backgr
HTML의 checked 속성은 페이지가 로드될 때 요소가 미리 선택되도록 설정하는 데 사용됩니다. 이것은 입력 유형 라디오 및 확인란에 대해 작동합니다. 체크박스의 checked 속성, 즉 입력 유형 체크박스에 대해 작업해 보겠습니다. 다음은 구문입니다 - <input type=”checkbox” checked> 위에서 웹 페이지가 로드될 때 체크박스가 선택되기를 원했기 때문에 체크박스로 설정했습니다. 이제 요소 −의 checked 속성을 구현하는 예를 살펴보겠습니다. 예시 <!DOC