Przejdź do treści

Jak dodać opis do zdjęcia HTML? - Kurs HTML i CSS

Jak dodać opis do zdjęcia HTML?

Najlepszym sposobem dodania krótkiego opisu pod zdjęciem jest umieszczenie na stronie znacznika FIGURE, a wewnątrz niego IMG i FIGCAPTION. Na przykład jeśli plik zdjęcia nazywa się "zdjecie.jpg" i znajduje się w tym samym katalogu co dokument *.html, w którym chcemy go wstawić, można się posłużyć następującym kodem: <figure> <img src="zdjecie.jpg" alt="Tekst zastępczy"> <figcaption>Podpis zdjęcia</figcaption> </figure>. W odróżnieniu od tekstu zastępczego - który jest używany na wypadek, gdyby zdjęcie nie mogło być załadowane - podpis zdjęcia zawsze pojawi się na stronie.

Zobacz więcej...

  • Skrypty
    Galeria zdjęć HTML / Skrypt galerii zdjęć

    ...opis zdjęcia, który pojawi się w dymku narzędziowym po wskazaniu myszką miniatury zdjęcia oraz po powiększeniu zdjęcia Oczywiście możesz dodać do galerii więcej niż trzy miniatury i zdjęcia. Następnie na stronie po powyższym kodzie (to ważne - nie może być przed!) wystarczy wstawić jeszcze tylko (w wyróżnionym miejscu oczywiście należy podać lokalizację utworzonego wcześniej pliku gallery.js): <script src="gallery.js" async></script> ...i gotowe. Prawda że szybko poszło? 😉...

  • HTML
    HTML5 / Załącznik <figure, figcaption>

    ...FIGCAPTION? Jest to element służący do wstawiania podpisów ilustracji bądź diagramów i innych tego typu załączników w dokumentach HTML5. Jak dodać opis do zdjęcia HTML? Najlepszym sposobem dodania krótkiego opisu pod zdjęciem jest umieszczenie na stronie znacznika FIGURE, a wewnątrz niego IMG i FIGCAPTION. Na przykład jeśli plik zdjęcia nazywa się "zdjecie.jpg" i znajduje się w tym samym katalogu co dokument *.html, w którym chcemy go wstawić, można się posłużyć następującym kodem...

★★★★★ 5/5 (511)

Facebook