Przejdź do treści

Jak wyśrodkować obraz i tekst HTML? - Kurs HTML i CSS

Jak wyśrodkować obraz i tekst HTML?

W tym celu zarówno obrazek jak i tekst można umieścić wewnątrz znacznika z ustawionym atrybutem o odpowiedniej wartości: <div style="text-align: center"><img src="obrazek.jpg" alt="Tu wpisz krótki opis obrazka"><br> Tu wpisz podpis zdjęcia</div>. Pomiędzy obrazkiem a tekstem dobrze jest umieścić znacznik końca linii. W przeciwnym razie jeśli zdjęcie będzie za wąskie, pierwsza linijka tekstu może się wyświetlić obok obrazka, a nie pod nim.

Zobacz więcej...

  • HTML
    HTML dla zielonych / Wyśrodkowanie obrazka HTML <div "center", img src alt>

    ...podaj tekst alternatywny" wpisuje się krótką informację, która pojawi się w przypadku, kiedy obrazek nie zostanie wyświetlony. Polecenie pozwala wyśrodkować obrazek, czyli ustawić go na środku ekranu. Dla zainteresowanych Jeśli chcesz dowiedzieć się więcej na temat dodatkowych możliwości przy wstawianiu obrazków na stronach internetowych, zobacz rozdział: Multimedia / Obrazek. Przykład <div "center", img src alt> Pytania i odpowiedzi <div "center", img src alt> Jak wycentrować...

★★★★★ 5/5 (209)

Facebook