HTML dla zielonych - HTML

Ustawienie obrazka

W jaki sposób określić ustawienie obrazka (grafiki, zdjęcia) na stronie WWW?

<img src="Tu podaj względną ścieżkę dostępu do obrazka" alt="Tu podaj tekst alternatywny" style="float: ustawienie">

gdzie zamiast: "Tu podaj względną ścieżkę dostępu do obrazka" należy podać lokalizację na dysku, gdzie znajduje się żądany obrazek, a w miejsce "Tu podaj tekst alternatywny" wpisuje się krótką informację, która pojawi się w przypadku, kiedy obrazek nie zostanie wyświetlony.
Natomiast jako: "ustawienie" należy wpisać:

left: Obrazek będzie ustawiony po lewej stronie względem otaczającego go tekstu
right: Obrazek po prawej stronie względem tekstu

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 <img {float}>

align="left" style="float: left", style="float: left", style="float: left", style="float: left", style="float: left", style="float: left", style="float: left", style="float: left", style="float: left", style="float: left", style="float: left", style="float: left", style="float: left", style="float: left", style="float: left", style="float: left", style="float: left", style="float: left", style="float: left", style="float: left", style="float: left", style="float: left", style="float: left", style="float: left", style="float: left", style="float: left", style="float: left", style="float: left", style="float: left", style="float: left", style="float: left", style="float: left", style="float: left", style="float: left", style="float: left", style="float: left", style="float: left", style="float: left", style="float: left", style="float: left", style="float: left", style="float: left", style="float: left", style="float: left", style="float: left", style="float: left", style="float: left", style="float: left", style="float: left", style="float: left"...

align="right" style="float: right", style="float: right", style="float: right", style="float: right", style="float: right", style="float: right", style="float: right", style="float: right", style="float: right", style="float: right", style="float: right", style="float: right", style="float: right", style="float: right", style="float: right", style="float: right", style="float: right", style="float: right", style="float: right", style="float: right", style="float: right", style="float: right", style="float: right", style="float: right", style="float: right", style="float: right", style="float: right", style="float: right", style="float: right", style="float: right", style="float: right", style="float: right", style="float: right", style="float: right", style="float: right", style="float: right", style="float: right", style="float: right", style="float: right", style="float: right", style="float: right", style="float: right", style="float: right", style="float: right", style="float: right", style="float: right", style="float: right", style="float: right", style="float: right", style="float: right"...

Pytania i odpowiedzi

Jak przesunąć obrazek w lewo HTML?

Aby ustawić obrazek po lewej stronie tekstu, należy dodać do jego znacznika atrybut o odpowiedniej wartości: <img src="obrazek.jpg" alt="Tu wpisz krótki opis obrazka" style="float: left">.

Jak wstawić zdjęcie po prawej stronie w HTML?

Aby w języku HTML ustawić obrazek po prawej stronie tekstu, należy dodać do jego znacznika atrybut o odpowiedniej wartości: <img src="obrazek.jpg" alt="Tu wpisz krótki opis obrazka" style="float: right">.

Komentarze

Zobacz więcej komentarzy