HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLクラス属性

HTMLのclass属性は、要素に1つ以上のクラス名を設定するために使用されます。指定されたクラス名を使用して、CSSを介して作業し、スタイルシートを指すことができます。

ここで、HTMLでクラス属性を実装する例を見てみましょう-

例

<!DOCTYPE html>
<html>
<head>
<style>
h2.demo {
   color: orange;
   background-color: black;
}
</style>
</head>
<body>
<h1>Resources</h1>
   <h2 class="demo">Text Tutorials</h1>
   <h2 class="demo">Video Tutorials</h1>
   <h2 class="demo">Interview Questions and Answers</h1>
   <h2 class="demo">Online Quiz</h1>
</body>
</html>

出力

HTMLクラス属性

上記の例では、要素

−

にクラス名を設定しています。 
<h2 class="demo">Text Tutorials</h1>
<h2 class="demo">Video Tutorials</h1>

これは、

要素-

のテキストと背景色を更新するスタイルで設定されます。 
h2.demo {
   color: orange;
   background-color: black;
}

  1. HTMLラップ属性

    HTML wrap属性は、フォームがHTMLドキュメントで送信されたときにテキスト領域のテキストをどのように折り返すかを定義します。 構文 以下は構文です- <textarea wrap=”hard | soft”></textarea> HTMLラップ属性の例を見てみましょう- 例 <!DOCTYPE html> <html> <style>    body {       color: #000;       height:

  2. HTMLドラッグ可能属性

    HTML DOMドラッグ可能属性は、要素がドラッグ可能かどうかを指定するブール値を返す/設定します。 注 −リンクと画像はデフォルトでドラッグ可能です。 HTMLドラッグ可能の例を見てみましょう 属性- 例 <!DOCTYPE html> <html> <head> <title>HTML DOM draggable</title> <style>    * {       padding: 2px;       margin:5px; &n