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

HTMLのさまざまな状況で使用する画像のURLを指定するにはどうすればよいですか？

srcsetを使用する HTMLのさまざまな状況で使用する画像のURLを指定する属性。

例

次のコードを実行して、 srcsetを実装してみてください。 属性。ブラウザのサイズを変更して、さまざまな画像が読み込まれるようにします-

<!DOCTYPE html>
<html>
   <head>
      <meta name = "viewport" content="width=device-width, initial-scale = 1.0">
   </head>
   <body>
      <picture>
         <source media = "(min-width: 550px)" srcset = "https://www.tutorialspoint.com/assets/videotutorials/courses/3d_animation_online_training/380_course_211_image.jpg">
         <source media = "(min-width: 400px)" srcset = "https://www.tutorialspoint.com/assets/videotutorials/courses/html_online_training/380_course_216_image.jpg">
         <img src = "https://www.tutorialspoint.com/videotutorials/images/tutorial_library_home.jpg" alt = "Tutorials Library" style = "width:auto;">
      </picture>
   </body>
</html>

  1. HTMLでURL入力タイプを使用するにはどうすればよいですか？

    URL入力タイプは、を使用してHTMLで使用されます。これを使用して、ユーザーがURL入力タイプを追加できるようにします。一部のブラウザでは、入力されたURLが検証されます。つまり、URLの追加中に.comを見逃した場合、フォームは送信されず、「URLを入力してください」というエラーが表示されます。 例 次のコードを実行して、HTMLでURL入力タイプを使用する方法を学ぶことができます- <!DOCTYPE html> <html>    <head>       <title>HTML i

  2. HTMLで必要な属性を使用するにはどうすればよいですか？

    HTMLの必須属性が使用されますoフォームを送信する前に、要素を入力する必要があることを指定します。フィールドに入力せずに送信ボタンをクリックすると、エラーが発生し、フォームの送信に失敗します。エラーは「このフィールドに入力してください」になります。 必要な属性は、input、select、およびtextarea要素で使用できます。 例 次のコードを実行して、HTMLで必要な属性を使用する方法を学ぶことができます。 <!DOCTYPE html> <html>    <head>       <t