HTMLの要素の使用方法
HTMLのの使用方法を学ぶ 要素。
HTMLの elementは、テキストをマークアップするために使用される一般的なインラインコンテナ要素です。多くの場合、別の要素の内部で使用されます。
<スパン> テキストの一部を他の部分とは異なって見えるようにするためによく使用されます。
例：
<p>My hat is <span style="color:red">red.</span></p>
を使用することもできます classを介して同じスタイリング属性値を共有する要素をグループ化する 。
たとえば、レシピを書いていて、テキストブロック内の特定の色の材料単語であるすべての単語を強調したいとします。
<p>
To make my delicious garlic butter you need just four ingredients,
<span class="ingredient">butter</span>,
<span class="ingredient">garlic</span>,
<span class="ingredient">salt</span> and
<span class="ingredient">black pepper.</span>
</p>次に、CSSクラスを次のように作成できます。
.ingredient {
color: green;
}
再利用可能なクラスを使用することの賢い点は、ある時点で材料の単語が視覚的にどのように見えるかについて気が変わった場合、その .ingredientで一度だけスタイルを変更できることです。 クラス、および効果はすべての で発生します このクラスを使用する要素。
たとえば、材料を強調するために色ではなく太字のフォントを使用したいとします。
.ingredient {
font-weight: bold;
}
<スパン> 要素の一般的な性質により、非セマンティック エレメント。したがって、この要素は、使用するのに意味のある要素が他にない場合にのみ使用する必要があります。
HTMLの必須属性が使用されますoフォームを送信する前に、要素を入力する必要があることを指定します。フィールドに入力せずに送信ボタンをクリックすると、エラーが発生し、フォームの送信に失敗します。エラーは「このフィールドに入力してください」になります。 必要な属性は、input、select、およびtextarea要素で使用できます。 例 次のコードを実行して、HTMLで必要な属性を使用する方法を学ぶことができます。 <!DOCTYPE html>
<html>
<head>
<t
値を使用 HTMLの要素の値を追加する属性。次の要素で動作します-、、、、、、。 例 次のコードを実行して、 valueを実装してみてください。 属性- <!DOCTYPE html>
<html>
<body>
<head>
<title>HTML value attribute</title>
</head>
&nbs <スパン> 要素は はインライン要素であり、 ブロックレベルの要素です。ただし、CSSを使用して要素のデフォルトのスタイルをオーバーライドできます。