속성은 이미지 또는 캔버스의 너비 및 높이와 같은 요소의 속성을 설정하는 데 사용됩니다. 모든 요소는 속성을 가질 수 있으며 더 많은 정보를 제공합니다. 속성에는 이름과 값이 있습니다. -
예를 들어 -
<canvas id=”newCanvas” width=”400” height=”300”>
다른 예는 다음을 포함합니다 -
<img alt=”alternate text”>
HTML5 표준에 따라 속성 주위에 따옴표를 포함하는 것은 필수는 아니지만 항상 따옴표를 포함하는 것이 좋습니다.
이제 HTML에서 속성을 사용하는 몇 가지 예를 살펴보겠습니다.
HTML 시작 속성
- 요소의 시작 속성은 첫 번째 목록 항목의 시작 값을 설정하는 데 사용됩니다.
구문
다음은 구문입니다 -
<ol start="num">
위의 num은 첫 번째 목록 항목의 시작 값으로 설정된 숫자입니다.
예시
이제
- 요소 −의 시작 속성을 구현하는 예를 살펴보겠습니다.
<!DOCTYPE html> <html> <body> <h1>Last Semester MCA Result</h1> <h2>Rank from 1-5</h2> <ol> <li>Steve</li> <li>David</li> <li>Kane</li> <li>William</li> <li>John</li> </ol> <h2>Rank from 5-10</h2> <ol start="5"> <li>Tom</li> <li>Jack</li> <li>Will</li> <li>Harry</li> <li>Tim</li> </ol> </body> </html>
출력
이것은 다음과 같은 출력을 생성합니다 -
HTML
구문
다음은 구문입니다 -
<textarea autofocus>
예시
이제
<!DOCTYPE html> <html> <body> <h2>Interview Questions</h2> <p>Why do you want go for the Technical Writer Job Profile? (100 words)</p> <textarea rows="6" cols="70" autofocus> Write the answer in 100 words only... </textarea> <p>What are your strengths? (50 words)</p> <textarea rows="4" cols="70" autofocus> Write the answer in 50 words only... </textarea> </body> </html>
출력
이것은 다음과 같은 출력을 생성합니다 -