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

元の要素がHTMLで表示されない場合に、代替テキストを含めるにはどうすればよいですか？

altを使用 画像の代替テキストを追加する属性。ユーザーがそれを表示できない場合（読み込みの問題）、同じテキストが表示されます。さらに、この属性は、スクリーンリーダーがコンテンツをユーザーに読み上げるのに役立ちます。

例

次のコードを実行して、HTMLにalt属性を実装してみてください-

<!DOCTYPE html>
<html>
   <head>
      <title>HTML alt attribute</title>
   </head>
   <body>
      <p>Simple Image Insert</p>
      <img src = “https://www.tutorialspoint.com/videotutorials/images/tutorial_library_home.jpg” alt = "Tutorials Library" />
   </body>
</html>

  1. ユーザーがHTML要素の上にマウスを移動したときにテキストを表示する方法

    この超高速チュートリアルでは、ユーザーが画像やリンクなどの要素にカーソルを合わせたときに、簡単な説明テキスト（ツールチップなど）を表示する方法を学習します。 ツールチップを追加する方法は数秒かかりますHTMLタイトル属性titleを使用するだけです 。 ホバー（要素の上にマウスを置く）にテキストを表示する これは、ルービックキューブの画像の基本的な例です。この画像の上にマウスを移動すると、数秒以内にルービックキューブに関する追加情報がポップアップ表示されます。 上記の画像要素のHTMLマークアップは次のとおりです。 ユーザーがリンク/アンカー要素の上にマウスを移動したときにツールチ

  2. 要素のコンテンツがHTMLで切り取られているときにスクリプトを実行しますか？

    ユーザーが要素のテキストを切り取ると、 oncut HTMLでの属性トリガー。 例 次のコードを実行して、 oncutを実装してみてください。 属性- <!DOCTYPE html> <html>    <body>       <input type = "text" oncut = "display()" value = "Cut me">       <h2 id = "test&