요소의 cite 속성은 인용문의 소스 URL을 설정하는 데 사용됩니다. 소스는 웹 페이지에 표시되지 않지만 스크린 리더에 유용합니다. 이제 요소 −의 cite 속성을 구현하는 예를 살펴보겠습니다. 예시 <!DOCTYPE html> <html> <body> <h2>What we want?</h2> <p>PETA states, <q cite="https://legacy.peta.org/why-give/">We
HTML의 q 태그는 짧은 인용문을 지정하는 데 사용됩니다. 인용 부호는 q 태그 내부에 설정된 텍스트 주위에 삽입됩니다. 즉, 인용입니다. 다음은 속성입니다 - 인용 :인용문의 소스 url을 설정합니다. 이제 태그 −를 구현하는 예를 살펴보겠습니다. 예시 <!DOCTYPE html> <html> <body> <h2>Thoughts</h2> <p>Warren Buffett quoted, <q>It&
요소의 크기 속성은 입력의 너비를 설정하는 데 사용됩니다. 너비가 클수록 너비가 더 큰 텍스트 상자가 나타납니다. 텍스트, 검색, 이메일, 비밀번호, 전화 및 URL과 같은 입력 유형에 대해 크기 속성을 설정할 수 있습니다. 다음은 구문입니다 - <input size="size_num"> 위에서 size_num은 숫자로 설정해야 하는 입력의 너비입니다. 기본값은 20입니다. 이제 요소 −의 크기 속성을 구현하는 예를 살펴보겠습니다. 예시 <!DOCTYPE html> <html>
요소의 너비 속성은 이미지에만 사용되며 -를 사용하여 추가된 이미지의 너비를 설정할 수 있습니다. <input type=”image”> 너비 속성은 HTML5에 도입되었으며 제출 버튼 역할을 합니다. 다음은 구문입니다 - <input width="pixels"> 위에서 너비는 픽셀 단위의 너비를 나타냅니다. 이제 너비가 입력 유형 이미지 -에 대해 설정된 요소의 너비 속성을 구현하는 예를 살펴보겠습니다. 예시 <!DOCTYPE html> <html&
태그는 키보드 입력을 정의하는 데 사용됩니다. 예를 들어 복사를 위한 단축키 Ctrl+C, 종료를 위한 Esc 등과 같이 사용자가 키보드로 입력하기를 원할 때 이것을 사용하십시오. 이제 태그 −를 구현하는 예를 살펴보겠습니다. 예시 <!DOCTYPE html> <html> <body> <h2>Shortcut Keys</h2> <p>Use the following shortcut keys − </p>
요소의 값 속성은 목록 항목의 값을 설정하는 데 사용됩니다. 값은 숫자이므로 HTML의 ol 요소(예:정렬된 목록)에 대해서만 설정됩니다. 다음은 구문입니다 - <li value="num"> 위에서 num은 정렬된 목록의 목록 항목 값입니다. 이제 요소 −의 값 속성을 구현하는 예를 살펴보겠습니다. 예시 <!DOCTYPE html> <html> <body> <h1>Subjects</h1> <p>Following are the sub
요소의 href 속성은 외부 리소스의 URL을 설정하는 데 사용됩니다. 다음은 구문입니다 - <link href="url"> 위의 url은 링크된 문서의 url입니다. 이제 요소 −의 href 속성을 구현하는 예를 살펴보겠습니다. 예시 <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="new.css"> </head&
태그는 웹 페이지에서 텍스트나 이미지를 세로 또는 가로로 스크롤하는 데 사용됩니다. 예를 들어, 속보, 인기 기사 등. 이러한 섹션은 일반적으로 왼쪽에서 오른쪽으로 스크롤하여 표시됩니다. 참고 :HTML5에서 더 이상 사용되지 않는 태그입니다. 다음은 속성입니다: 속성 값 설명 동작 스크롤 미끄러지 다 번갈아 하는 스크롤 유형을 정의합니다. bgcolor rgb(x,x,x) #xxxxxx 색상 이름 지원 중단 − 콘텐츠의 스크롤 방향을 정의합니다. 방향 위로 아래에 왼쪽
요소의 charset 속성은 HTML 문서의 문자 인코딩을 지정하는 데 사용됩니다. 및 요소에 charset 속성을 사용할 수 있습니다. 다른 문자 집합에는 ASCII, ANSI, ISO-8859-1, UTF-8 등이 포함됩니다. ISO-8859-1은 256개의 다른 문자 코드를 지원합니다. ASCII는 128개의 서로 다른 영숫자를 정의했습니다. HTML의 charset 속성은 와 함께 사용되어 문자 인코딩을 지정합니다. 이제 요소의 charset 속성을 구현하는 예를 살펴보겠습니다. 예시 <!DOCTYPE html
요소의 콘텐츠 속성은 HTML 문서의 메타 정보를 설정하는 데 사용됩니다. 이름 속성에 대한 설명 또는 키워드에 대한 정보일 수 있습니다. 다음은 구문입니다: <meta content="text"> 위의 텍스트는 메타 정보입니다. 이제 요소의 콘텐츠 속성을 구현하는 예를 살펴보겠습니다. 예시 <!DOCTYPE html> <html> <head> <meta name="description" content="Learn for free&q
요소의 값 속성은 게이지의 현재 값을 지정합니다. 필수 속성입니다. 다음은 구문입니다 - <meter value="num"> 위에서 num은 현재 값을 부동 소수점 숫자로 나타냅니다. 이제 요소 −의 값 속성을 구현하는 예를 살펴보겠습니다. 예시 <!DOCTYPE html> <html> <body> <h2>Result</h2> <p>Girls pass % <meter min=&quo
HTML의 요소는 HTML 문서에서 탐색 링크를 설정하는 데 사용됩니다. HTML5에 도입된 태그입니다. 이제 HTML에서 태그를 구현하는 예를 살펴보겠습니다 − 예시 <!DOCTYPE html> <html> <body> <nav> <a href="/tutorialslibrary/">Tutorials</a> | <a href="/programming_examples/">C
요소의 placeholder 속성은 특정 입력에서 예상되는 것에 대한 짧은 설명을 제공하는 입력에 대한 힌트를 설정하는 데 사용됩니다. 이 속성은 텍스트, URL, 검색, 이메일, 비밀번호 및 전화와 같은 입력 유형에 대해 작동합니다. HTML5에 도입되었습니다. 다음은 구문입니다 - 여기서 placeholder_text는 짧은 힌트, 즉 사용자가 해당 웹 페이지를 방문할 때마다 표시되는 자리 표시자입니다. 이제 요소 −의 placeholder 속성을 구현하는 예를 살펴보겠습니다. 예시 등록 ID − 비밀번호 − DOB
요소의 필수 속성은 양식을 제출하기 전에 채워야 하는 필드를 설정하는 데 사용됩니다. 필수 속성으로 설정된 필드가 채워지지 않은 경우 SUBMIT 버튼을 클릭하면 양식이 제출되지 않습니다. 다음은 구문입니다 - <input required> 이제 요소의 필수 속성을 구현하는 예를 살펴보겠습니다. 여기에서 필요에 따라 3개의 필드를 설정했습니다 - 예시 <!DOCTYPE html> <html> <body> <h2>Register</h2> <form action
HTML DOM 앵커 비밀번호 속성은 href 속성 값의 비밀번호 부분을 설정하거나 반환합니다. 비밀번호 부분은 사용자가 입력합니다. 표시하려면 사용자 이름 뒤와 호스트 이름 앞에서 볼 수 있습니다(예: https −//username −[email protected]). 다음은 비밀번호 속성을 설정하는 구문입니다 - anchorObj.password = password 다음은 비밀번호 속성을 반환하는 구문입니다 - anchorObj.password 이제 DOM Anchor 비밀번호 속성을 구현하는 예를 살펴보겠습니다
요소의 target 속성은 링크된 문서가 열리는 위치를 설정하는 데 사용됩니다. 문서가 새 창, 동일한 프레임, 상위 프레임 등에서 열리도록 설정할 수 있습니다. 다음은 구문입니다 - <a target="_blank|_self|_parent|_top| frame"> 여기, _공백 새 창이나 탭에서 링크된 문서를 여는 데 사용됩니다. _self 링크된 문서를 클릭했을 때와 같은 프레임에서 열고, _parent는 부모 프레임에서 문서를 열고, _top은 창의 전체 본문에서 링크된 문서를 열고, fram
요소의 alt 속성은 영역에 대한 대체 텍스트를 설정하는 데 사용됩니다. 이 대체 텍스트(예:alt)는 인터넷, 로딩 문제, 오류 등과 같은 이유로 이미지가 표시되지 않을 때 표시됩니다. 다음은 구문입니다 - <area alt="text"> 여기서 text는 설정할 대체 텍스트입니다. 이제 요소 −의 alt 속성을 구현하는 예를 살펴보겠습니다. 예시 <!DOCTYPE html> <html> <body> <h2>Learning</h2> <p
HTML DOM Anchor pathname 속성은 href 속성의 경로 이름을 설정하거나 반환하는 데 사용됩니다. 다음은 경로 이름 속성을 설정하는 구문입니다 - anchorObj.pathname = path 위의 경로는 URL의 경로 이름입니다. 다음은 경로 이름 속성을 반환하는 구문입니다 - anchorObj.pathname 이제 DOM Anchor 경로 이름 속성을 구현하는 예를 살펴보겠습니다 - 예시 <!DOCTYPE html> <html> <body> <h1>Company
HTML의 태그는 HTML 문서에서 머리글, 바닥글, 수업 등을 정의하는 데 사용되며, 이를 섹션이라고 합니다. 이제 태그 −를 구현하는 예를 살펴보겠습니다. 예 <!DOCTYPE html> <html> <body> <h1>Profile</h1> <h2>Educational Qualification</h2> <section> <h2>Graduation</h2> <select> <option value
HTML에서 요소의 autofocus 속성은 페이지가 로드될 때 드롭다운 목록에 포커스를 설정하는 데 사용됩니다. 다음은 구문입니다 - 이제 요소 −의 autofocus 속성을 구현하는 예를 살펴보겠습니다. 예시 프로필교육 자격졸업 BCA B.COM B.TECH 대학원 MCA M.COM M.TECH M.Sc2015년 7월부터 2019년 5월까지 ABC Corporation에서 기술 관리자로 근무했습니다. 출력 위의 예에서는 서로 다른 섹션 아래에 두 개의 드롭다운 목록이 있습니다. 졸업 BCA B.COM B.TEC