XHTML 入門チュートリアル: XHTML Web ページ画像アプリケーション

XHTML 入門チュートリアル: XHTML Web ページ画像アプリケーション
<br />適度に画像を追加すると、Web ページがより美しくなります。 画像タグ <img>
<img> タグは、Web ページに画像を挿入するために使用されます。 <img> タグには重要な属性「src」があり、その属性値は画像のアドレスです。次に、index.html に画像を挿入します。 「index.html」ファイルを開き、</body> の前に次のコードを追加します。
<p><img src="upload/2022/web/logo.gif" alt="テクニカルサポート"/></p>
保存した後、Web を閲覧して、Web ページがこのページと同じであることを確認します。
<img> は空のタグであり、XHTML の要件に準拠するにはその後に「/」を続ける必要があることがわかりました。この例では、src に加えて alt 属性も指定されており、これを置換属性と呼びます。何らかの理由で画像を表示できない場合は、画像の代わりに alt 属性の値が表示されます。画像が正常に表示されたら、画像の上にマウスを置くだけで、alt 属性の属性値を確認できます。 画像をリンクとして使用する 前回のチュートリアルでは、ハイパーリンクの作成方法を学びました。次に、「index.html」を開き、先ほど挿入したコードを次のように変更します。
<p><a href="https://www.jb51.net/"><img src="upload/2022/web/logo.gif"alt="テクニカルサポート"/></a></p>
保存後、Web ページを参照して、自分の Web ページがこの Web ページと同じであることを再度確認してください。画像がハイパーリンクになっているか確認してください。画像をクリックすると、Rookie Bar のホームページに入ります。 XHTML の検証に関しては、このセクション以降、「index.html」Web ページの外観を変更することはなくなります。作成した Web ページを検査のために権威ある組織に送信します。まず、http://validator.w3.org/ にアクセスします。このページは XHTML 検証ツールで、作成した Web ページが XHTML 標準に準拠しているかどうかを確認するために使用されます。 URL で確認するか、確認用のファイルをアップロードするかを選択できます。ファイルアップロードの検証は次のように選択できます。
「ファイルアップロードによる検証」に「ローカルファイル」の列があります。「参照」をクリックし、先ほど保存した「index.html」を探して選択し、「チェック」ボタンをクリックします。結果は URL 検証から得られるものと同じになるはずです。次のエラー メッセージが返されます。
申し訳ありませんが、このドキュメントの 3、6 ~ 9、12 ~ 14、16 ~ 22 行目に、utf-8 として解釈できないバイトが 1 つ以上含まれているため、このドキュメントを検証できません (つまり、見つかったバイトは指定された文字エンコーディングの有効な値ではありません)。ファイルの内容と文字エンコーディングの表示の両方を確認してください。
当社のページは XHTML に準拠していませんか?次のセクションに進んでください。

<<:  MySQL マスタースレーブ遅延問題の解決方法

>>:  jQuery で呼吸カルーセル効果を実現

推薦する

MySQLデータの重複チェックと重複排除の実装ステートメント

テーブル user があり、フィールドは id、nick_name、password、email、p...

JS の 6 つの継承方法とその長所と短所

目次序文プロトタイプチェーン継承コンストラクタの継承組み合わせ継承(プロトタイプチェーン継承とコンス...

MySQLステートメントの記述と実行順序を理解するだけです

MySQL ステートメントの書き込み順序と実行順序には大きな違いがあります。書き順、mysql の一...

JavaScriptはスライダーを介してWebページの色を変更することを実装します

みなさんこんにちは、今日はウェブフロントエンドのHTMLを見ていたら、inputタグのtype属性が...

CSS マージンの折りたたみの詳細な説明

前のこれは古くからある古典的な質問です。以前読者から質問があったので、ここでお答えします。簡単な例か...

Vueコンポーネントの再利用と拡張の詳細な説明

目次概要延長は必要ですか?スロットJavaScript ユーティリティ関数拡張コンポーネントの複数の...

広告を閉じる効果を実現するJavascript

参考までに、Javascript を使用して広告を閉じる方法に関するケース スタディを示します。詳細...

MySQL 8の新機能におけるグローバルパラメータの永続性の詳細な説明

目次序文グローバルパラメータの永続性最後に要約する参考資料:序文2018 年に MySQL 8.0....

win10にUbuntu18デュアルシステムをインストールするとmmx64.efiが見つからないという問題が発生する

Ubuntu 18のインストール中に、USBディスクからUbuntuのインストールを開始すると、mm...

6ull が Linux ドライバ モジュールをロードできない問題の解決方法

目次0x01 ドライバーモジュールのロードに失敗しました0x02 ソリューション要約する0x01 ド...

HTMLページのヘッダーコードは完全に明確です

以下のコードはすべて <head>...</head> の間にあり、具体的な...

Dockerコンテナ間のホスト間通信 - オーバーレイベースの実装方法

オーバーレイネットワーク分析組み込みのホスト間ネットワーク通信は、常に Docker の待望の機能で...

MySQL スロークエリ pt-query-digest スロークエリログの分析

1. はじめにpt-query-digest は、MySQL のスロー クエリを分析するためのツール...

Centos7.3 に mysql5.7.18 をインストールするための詳細なチュートリアル

1 Linuxディストリビューションのバージョンを確認する[root@typecodes ~]# c...

Ubuntu 20.04 CUDA & cuDNN のインストール方法 (グラフィカル チュートリアル)

CUDA インストール cuda をダウンロードサポートされているcudaバージョンを表示するには...