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

HTMLページに画像を挿入する方法は？

画像はHTMLページの任意のセクションに簡単に挿入できます。 HTMLページに画像を挿入するには、タグを使用します。これは空のタグであり、終了タグは必要ないため、属性のみが含まれています。

…タグ内でタグを使用する必要があることに注意してください。 src属性は、画像ソース、つまり画像のURLを追加するために使用されます。 alt属性は、代替テキストを追加するためのものであり、幅は幅を追加するためのものであり、高さは画像の高さを追加するためのものです。

HTMLページに画像を挿入する方法は？

例

次のコードを試して、HTMLページに画像を挿入できます-

<!DOCTYPE html>
<html>
   <head>
      <title>HTML img Tag</title>
   </head>

   <body>
      <img src="https://www.tutorialspoint.com/html/images/test.png" alt="Simply Easy Learning" width="200" height="80">
   </body>
</html>
出力

HTMLページに画像を挿入する方法は？


  1. HTMLページで円を描く方法は？

    HTMLページで円を描くには、SVGまたはキャンバスを使用します。また、border-radiusプロパティを使用してCSSを使用して描画することもできます。 例 次のコードを実行して、HTMLで円を描く方法を学ぶことができます <!DOCTYPE html> <html>    <head>       <style>          #circle {            

  2. HTMLページからリダイレクトする方法は？

    ページリダイレクトは、URLをクリックしてページXに到達したが、内部的には別のページYにリダイレクトされた状況です。これはページリダイレクトが原因で発生します。 HTMLページからリダイレクトするには、METAタグを使用します。これで、http-equiv属性を使用して、content属性の値にHTTPヘッダーを提供します。コンテンツの値は秒数です。ページを後でリダイレクトする必要があります。 すぐに読み込む場合は、コンテンツ属性を0に設定します。 以下は、0秒後に現在のページを別のページにリダイレクトする例です。 例 <!DOCTYPE html> <html&