html - 誰かが私のためにこのコードを説明できますか? フォトギャラリーコードからです

Question

私はこれを理解していません：

img onmouseover="preview.src=img6.src" 
   id="img6" src="http://bit.ly/yRo1i" alt="Image Not Loaded"/>

特にこれ: src="http://bit.ly/yRo1i、説明してもらえますか?

Answer 1

ソースは、画像が配置されている場所です。この場合、別のサーバー上のイメージを指しています。それを変更するには、現在の画像の場所を指定します。たとえば、サーバー上で「images/pic.jpg」とします。

「onmouseover」属性は、アクションを画像上のマウスオーバー イベントに結び付ける古い方法です。この場合、ソースを切り替えているため、ホバーすると別の画像のように見えます。

「Alt」タグは視覚障害のあるブラウザ用であり、残念ながら SEO 用でもあります。画像のテキストは読めないため、画像を説明することになっています。

ID は、CSS または JS を介したターゲティングに使用される識別子です。

さらに、多くのコメンテーターが指摘したように、これは基本的な HTML マークアップであり、学習する必要があります。http://www.w3schools.com/tags/tag_img.aspは、この問題に関する適切なリソースのようです。