요소의 다운로드 속성은 사용자가 하이퍼링크를 클릭할 때 다운로드할 파일의 이름을 설정하는 데 사용됩니다. 다음은 구문입니다 - <area download="file"> 파일은 다운로드할 파일 세트의 이름입니다. 이제 요소 −의 다운로드 속성을 구현하는 예를 살펴보겠습니다. 예시 <!DOCTYPE html> <html> <body> <h2>Learning</h2> <p>Learn these technologies with ease...
HTML 캔버스의 strokeRect() 메서드는 웹 페이지에 사각형을 만드는 데 사용됩니다. 요소를 사용하면 JavaScript를 사용하여 웹 페이지에 그래픽을 그릴 수 있습니다. 모든 캔버스에는 캔버스의 높이와 너비, 즉 각각 높이와 너비를 설명하는 두 가지 요소가 있습니다. 다음은 구문입니다 - context.strokeRect(p,q,width,height); 위, p − 직사각형의 왼쪽 상단 모서리의 x 좌표 q − 직사각형의 왼쪽 상단 모서리의 y 좌표 너비 − 직사각형의 너비 높이 − 직사각형의 높이 이제 캔
태그는 HTML 문서의 제목을 정의합니다. - 제목을 그룹화하는 데 사용됩니다. 참고 − HTML5에서 도입 및 사용되지 않는 태그. W3C HTML5 사양에서 삭제되었습니다. 다음은 구문입니다 - <hgroup> <h1></h1> <h2></h2> <h3></h3> <h4></h4> <h5></h5> <h6></h6> </hgroup> 이제 HTML에서 요소를 구현하는 예
HTML의 태그는 HTML 문서의 내용을 구분하는 줄을 추가합니다. 주제별 구분은 HTML5의 태그로 정의됩니다. 종료 태그가 없습니다. 이제 태그 −를 구현하는 예를 살펴보겠습니다. 예시 <!DOCTYPE html> <html> <head> <title>Document Title</title> </head> <body> <h1>Products</h1> <p>Here are
HTML의 태그는 HTML 페이지 또는 문서의 루트이며 다른 모든 HTML 요소의 컨테이너로 간주됩니다. 이제 태그 −를 구현하는 예를 살펴보겠습니다. 예시 <!DOCTYPE html> <html> <head> <title>Document Title comes here</title> </head> <body> <h1> Heading comes here </h1> Content comes
HTML의 태그는 텍스트의 일부를 기울임꼴로 설정하는 데 사용됩니다. 태그 사용은 ,, 등의 의미 요소가 없는 경우에만 고려되어야 합니다. 이제 태그 −를 구현하는 예를 살펴보겠습니다. 예시 <!DOCTYPE html> <html> <head> <title>HTML i tag</title> </head> <body> <h1> Products </h1&
요소의 autocomplete 속성을 사용하면 입력에 대한 자동 완성을 켜거나 끌지 여부를 설정할 수 있습니다. 자동 완성이 켜져 있으면 웹 브라우저에서 값을 자동으로 채웁니다. 이것은 사용자가 이전에 이미 값을 입력한 경우에만 발생합니다. 다음은 구문입니다 - <input autocomplete="on|off"> 위,에 | 끄기 값은 자동 완성의 표시 여부를 설정해야 합니다. 브라우저가 이전에 입력한 값을 기반으로 항목을 완료하도록 하려면 설정하고 해제는 항목을 완료하는 것을 허용하지 않습니다.
HTML DOM Anchor 프로토콜 속성은 href 속성에서 링크의 프로토콜을 설정하거나 반환하는 데 사용됩니다. 다음은 프로토콜 속성을 설정하는 구문입니다 - anchorObj.protocol = protocol_url 위의 protocol_url은 URL의 프로토콜입니다. 값은 http, https, ftp 등일 수 있습니다. 다음은 프로토콜 속성을 반환하는 구문입니다 - anchorObj.protocol 이제 DOM Anchor 프로토콜 속성을 구현하는 예를 살펴보겠습니다 - 예시 <!DOCTYPE html>
Bezier 곡선을 그리려면 HTML에서 BezierCurveTo() 메서드를 사용합니다. 먼저 구문을 살펴보겠습니다 − ctx.bezierCurveTo(cp1x,cp1y,cp2x,cp2y,x,y); 여기, cp1x − 첫 번째 베지어 제어점의 x 좌표를 나타냅니다. cp1y − 첫 번째 베지어 제어점의 y 좌표를 나타냅니다. cp2x − 두 번째 베지어 제어점의 x 좌표를 나타냅니다. cp2y − 두 번째 Bexier 제어점의 y 좌표를 나타냅니다. x − 끝점의 x 좌표를 나타냅니다. 예 − 끝점의 y 좌표를 나타냅니다.
다른 문자 집합에는 ASCII, ANSI, ISO-8859-1, UTF-8 등이 포함됩니다. ISO-8859-1은 256개의 다른 문자 코드를 지원합니다. ASCII는 128개의 서로 다른 영숫자를 정의했습니다. HTML의 charset 속성은 와 함께 사용되어 문자 인코딩을 지정합니다. 다음은 구문입니다 - <meta charset="char_set"> 위의 char_set은 HTML 문서의 문자 인코딩을 지정하기 위한 문자 집합입니다. 이제 HTML 문자 인코딩을 구현하는 예를 살펴보겠습니다
요소는 HTML에서 약어를 표시하는 데 사용됩니다. 약어 개체는 이 요소를 나타냅니다. 아래 예에서 우리는 약어 객체에 접근하는 방법을 배울 것입니다 - 예시 <!DOCTYPE html> <html> <body> <h2>Demo Heading</h2> <abbr id="myid" title="Board of Control for Cricket in India">BCCI</abbr> <button onclick=&q
요소의 max 속성은 의 최대값을 설정하는 데 사용됩니다. min과 max는 모두 숫자, 날짜, 날짜 시간, 범위 등의 유형을 가진 입력 요소의 값 범위를 설정하는 데 사용됩니다. HTML5에서 도입되었습니다. 이제 요소의 man 속성을 구현하는 예를 살펴보겠습니다. 여기서는 최대값을 10으로 설정하였으므로 사용자는 1개 이상의 ID를 입력할 수 없습니다 - 예시 <!DOCTYPE html> <html> <body> <h2>Log in to your account</h2> &
HTML의 캡션 태그는 테이블의 캡션을 만드는 데 사용됩니다. 테이블에 대해 하나의 캡션만 정의할 수 있습니다. 기본 캡션은 테이블 위에 가운데 정렬됩니다. 이제 HTML에서 캡션 태그를 구현하는 예를 살펴보겠습니다 - 예시 table, th, td { border − 2px 단색 파란색; } 비용 도메인 비용 제품 개발 500000 마케팅 500000 서비스 100000 지원 100000 유지보수 100000 총 예산 =INR 1300000 출력 위의 예에서는 열이 있는 테이블을 만들었습니다. 캡
요소의 hreflang 속성은 해당 영역의 url 언어를 설정하는 데 사용됩니다. 다음은 구문입니다 - <area hreflang="language_code"> 위의 코드는 언어에 대해 설정된 ISO 언어 코드입니다. 예를 들어 영어는 en, 프랑스어는 fr, 일본어는 js 등입니다. 이제 요소 −에 대한 hreflang 속성을 구현하는 예를 살펴보겠습니다. 예시 <!DOCTYPE html> <html> <body> <h2>Learning</h2>
태그는 HTML 문서의 코드 형식을 지정하는 데 사용됩니다. 예를 들어 Java 코드를 작성하고 형식을 올바르게 지정하려면 HTML에서 요소를 사용하십시오. 이제 HTML에서 요소를 구현하는 예를 살펴보겠습니다 - 예시 <!DOCTYPE html> <html> <body> <h1>Header Files</h1> <h2>C++</h2> <code> #include <iostream> </code>
요소의 cite 속성은 텍스트를 삽입하는 이유를 지정하는 URL을 설정하는 데 사용됩니다. 다음은 구문입니다 - 위에서 텍스트를 삽입하는 이유를 설명하는 문서의 주소인 url을 설정했습니다. 이제 요소 −의 cite 속성을 구현하는 예를 살펴보겠습니다. 예시 데모 제목텍스트가 삽입되었습니다. 출력 위의 예에서 요소 −를 사용하여 텍스트를 삽입했습니다. 텍스트가 삽입되었습니다. 위에서 cite 속성을 사용하여 삽입 이유를 설정했습니다 - cite=new.htm
태그는 태그에 대해 미리 정의된 옵션을 설정하는 데 사용됩니다. 사용자가 에 마우스 커서를 놓을 때마다 이러한 사전 정의된 옵션이 모두 표시되어야 합니다. 이제 HTML에서 태그를 구현하는 예를 살펴보겠습니다 − 예시 <!DOCTYPE html> <html> <body> <p>Favorite Subject</p> <form action="" method="get"> <input list="s
태그는 HTML에서 설명 목록에서 용어를 정의하는 데 사용됩니다. 설명 세부 요소라고 합니다. 이제 태그 −를 구현하는 예를 살펴보겠습니다. 예시 <!DOCTYPE html> <html> <body> <h2>Topics to Learn</h2> <dl> <dt>JavaScript</dt> <dd>A scripting language.</dd> <dt
요소의 cite 속성은 HTML 문서에 대한 URL을 설정하고 특정 텍스트가 삭제된 이유를 나타냅니다. 다음은 구문입니다 - <del cite="url"> 여기에서 url은 텍스트가 삭제된 이유가 지정된 문서의 주소를 표시하는 링크입니다. 이제 요소 −의 cite 속성을 구현하는 예를 살펴보겠습니다. 예시 <!DOCTYPE html> <html> <body> <h2>Subjects to Learn</h2> <dl> &n
웹 페이지에 컴퓨터 코드를 표시하기 위해 일부 요소가 HTML로 제공됩니다. 그 요소들을 하나씩 살펴보자 - <!DOCTYPE html> <html> <body> <h2>Shortcut Keys</h2> <p>Use the following shortcut keys −</p> <p><strong>Cut</strong> − <kbd>CTRL</kbd>+<KBD>X</