Skocz do zawartości

[HTML] Dodawanie obrazu z kilkoma opcjami


PumasS

Rekomendowane odpowiedzi

how2html-logo.png

W tym poradniku dowiecie się:

-Jak dodać nazwę obrazka

-Jak dodać napis pod obrazkiem

-Jak zapisać obraz dla naszej strony

 

 

 

Jak zapisać obraz dla naszej strony ?

Wybieramy zdjęcie, które chcemy mieć na stronie. (w moim przypadku będzie to logo Cs-classic)

Zapisujemy zdjęcie (np. zdj.png) i dodajemy je do folderu gdzie jest nasza strona internetowa.

Otwieramy naszą stronę w notatniku i dodajemy taki oto wpis: <img src="csc2.png">

Tam gdzie znajduję się csc2.png wstaw swoją nazwę obrazka!

 

Jak dodać nazwę naszego obrazka ?

Dopisujemy do <img src="zdj.png">  title="nazwę".

Wygląd końcowy: <img stc="zdj.png" title="CSC">

Po najechaniu na obrazek wyświetli się nam nazwa.

Jak dodać napis pod obrazkiem ?

Dodajemy: <figure> oraz <figcaption>.

Wygląd końcowy:

<figure>
<img src="zdj.png" title="CSC">
<figcaption>CSC</figcaption>
</figure>

 

 


pre_1461506569__obraz.png

 

 

  • Like 2
Odnośnik do komentarza
Udostępnij na innych stronach

Dołącz do dyskusji

Możesz dodać zawartość już teraz a zarejestrować się później. Jeśli posiadasz już konto, zaloguj się aby dodać zawartość za jego pomocą.

Gość
Dodaj odpowiedź do tematu...

×   Wklejono zawartość z formatowaniem.   Przywróć formatowanie

  Dozwolonych jest tylko 75 emoji.

×   Odnośnik został automatycznie osadzony.   Przywróć wyświetlanie jako odnośnik

×   Przywrócono poprzednią zawartość.   Wyczyść edytor

×   Nie możesz bezpośrednio wkleić grafiki. Dodaj lub załącz grafiki z adresu URL.

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Korzystając z tej strony zgadzasz się na Polityka prywatności