HTML属性
属性は、画像やキャンバスの幅や高さなどの要素のプロパティを設定するために使用されます。すべての要素は属性を持つことができ、より多くの情報を提供します。属性には名前と値があります-
例-
<canvas id=”newCanvas” width=”400” height=”300”>
他の例には-
が含まれます<img alt=”alternate text”>
HTML5標準によれば、属性の前後に引用符を含めることは必須ではありませんが、引用符を含めることは常に良い習慣です。
HTMLでの属性の使用例をいくつか見てみましょう-
HTML開始属性
- 要素のstart属性は、最初のリスト項目の開始値を設定するために使用されます。
構文
以下は構文です-
<ol start="num">
上記のnumは、最初のリストアイテムの開始値に設定された数値です。
例
- 要素-のstart属性を実装する例を見てみましょう。
<!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>
出力
これにより、次の出力が生成されます-
-
HTMLに必要な属性
HTML必須属性は、HTMLドキュメントでフォームを送信する前にHTML要素に入力する必要があることを定義します。 入力に適用できます 、選択 、および textarea HTML要素。 構文 以下は構文です- <tagname required></tagname> 例 HTMLに必要な属性の例を見てみましょう- <!DOCTYPE html> <html> <style> body { color: #000; he
-
HTMLパターン属性
HTMLパターン属性は、HTML要素の値がHTMLドキュメントで一致する正規表現を定義します。 構文 以下は構文です- <input pattern=”regular expression”> HTMLパターン属性の例を見てみましょう- 例 <!DOCTYPE html> <html> <style> body { color: #000; height: 100vh;