HTML 挿入画像の例 (HTML 追加画像)
|
HTML に画像を挿入するには、画像を表示するための HTML タグが必要です。これは、img タグを使用して実現できます。 1. HTML画像タグ構文 コードをコピー コードは次のとおりです。<img src="divcss5-logo-201305.gif" 幅="165" 高さ="60" /> 画像紹介: srcの後に画像パスアドレスが続きます 幅 画像の幅を設定する 高さ 画像の高さを設定する 2. 具体的なHTML画像表示例 - TOP HTML ソース コードに 3 つの画像を挿入します。1 つは元のサイズ、1 つは幅と高さが小さいもの、1 つは幅と高さが大きいものになります。 1. 例の完全な HTML コード: コードをコピー コードは次のとおりです。<!DOCTYPE html> <html> <ヘッド> <メタ文字セット="utf-8" /> <title>画像挿入 HTML オンライン デモ <a href="http://www.vcss.com</title">www.vcss.com</title</a>> </head> <本文> <p>元の大きな画像</p> <p> <img src="divcss5-logo-201305.gif" 幅="165" 高さ="60" /> </p> <p>小さい画像</p> <p> <img src="divcss5-logo-201305.gif" 幅="105" 高さ="30" /> </p> <p>画像を拡大する</p> <p> <img src="divcss5-logo-201305.gif" 幅="365" 高さ="120" /> </p> </本文> </html> 2. HTMLに画像を挿入する例のスクリーンショット
HTML 画像挿入表示例のスクリーンショット |
<<: Windows で Nginx を使用して https サーバーとリバース プロキシを構成する際の問題
推薦する
CSSはフロートをシミュレートして、画像の左右を囲む中央テキストの効果を実現します。
画像の周囲にテキストを折り返すとは何ですか?これは次の図の効果です。 エフェクトのCSSコードはここ...
MySQL DEFINER の使用方法の詳細な説明
目次序文： 1.DEFINERの簡単な紹介2. いくつかの注意点要約:序文： MySQL データベー...
MySQLコマンドプロンプトで入力エラーが発生したときに前のコマンドを修正する方法
目次現在の問題解決プロセス具体的な手順解決した事件現在の問題MySQL コマンド プロンプトに複数行...
MySQLトランザクションを実行するための構文とプロセスの詳細な説明
概要: MySQL は、トランザクションをサポートするためにさまざまなストレージ エンジンを提供しま...
Linux カーネル デバイス ドライバー proc ファイル システム ノート
/***************** * proc ファイルシステム***************...
Vue の関連ページへのマルチレベルジャンプ (ページドリルダウン) 機能の完全な例
背景プロジェクト開発プロセスでは、前のページから次のページにジャンプする必要に迫られることがよくあり...
色の16進数カラーコード表表示と16進値の比較表示で簡単に検索できます
さまざまな色の16進コード表[パート1] 赤とピンク、およびそれらの 16 進コード。 ＃99003...
HTML webpackプラグインの使用に関する簡単な分析
html-webpack-pluginプラグインを使用してページを開始すると、htmlページをメモリ...
MySQL 8.0.17 インストール グラフィック チュートリアル
この記事では、参考までにMySQL 8.0.17のインストールグラフィックチュートリアルを紹介します...
MySQL は正常に起動するがポートをリッスンしない場合の解決策
問題の説明MySQL が正常に起動しました。以下に示すように、 ps -ef |grep mysql...
sysbenchツールによるMySQLデータベースのパフォーマンステストの実装方法
1. 背景Sysbench は、システムのハードウェア パフォーマンスをテストできるストレス テスト...
モバイルアダプティブスタイルで@mediaを使用する方法
一般的な携帯電話のスタイル: @media all および (orientation : 縦向き) ...
JavaScript PromiseとAsync/Awaitの詳細な説明
目次概要4つの例例1: 誕生日で説明する約束の基本例2: 数字当てゲーム例3: Web APIから国...
MySQL 起動時に報告される ERROR:2002 の分析と解決方法
序文この記事は主にMySQL起動エラー2002の分析と解決方法を紹介しています。参考と勉強のために共...
CSS 背景画像を設定するための 6 つの興味深いヒント
background-image は、おそらくすべてのフロントエンド開発者がキャリアの中で少なくとも...