画像を表示させよう

画像を表示しよう

カード内の画像を実装しよう

スライドを表示するHTMLの実装

<img>

<img>要素で使われる属性は多く存在していますが、その中でも$(1)属性は必須となっており、この属性では埋め込みたい画像へのパスを設定します。
また、$(2)属性は必須ではありませんが、アクセシビリティのために非常に有用で、スクリーンリーダーがこの属性に示された説明を読み上げることで、画像が何を表しているかをユーザーに伝えることができます。

スキル図鑑

<img>

クイズにチャレンジしよう！

コーディングにチャレンジしよう！

スキル図鑑

.css-x7cx95{padding:var(--chakra-space-2);}@media screen and (min-width: 600px){.css-x7cx95{padding:0px;}}<img>

クイズにチャレンジしよう！

コーディングにチャレンジしよう！

<img>