Jak dodać zdjęcie na stronę internetową HTML?

Cześć!
Dodawanie zdjęć do stron internetowych w HTML jest dość proste i zwykle polega na umieszczeniu tagu "img" w kodzie HTML. Oto kilka kroków, które możesz wykonać, aby dodać zdjęcie na swoją stronę:

1. Przenieś zdjęcie na serwer
   Najpierw musisz przenieść zdjęcie na serwer, aby można je było wyświetlić na stronie internetowej. Możesz umieścić zdjęcie w dowolnym katalogu na serwerze, np. w katalogu "images" lub "photos". Ważne jest, aby pamiętać, gdzie umieściłeś zdjęcie, aby można było odwołać się do niego w kodzie HTML.
2. Użyj tagu "img" w kodzie HTML
   Następnie w kodzie HTML musisz użyć tagu "img", aby dodać zdjęcie na stronę. Oto przykładowy kod:
   < img src="ścieżka/do/zdjęcia.jpg" alt="Opis zdjęcia" />
   W powyższym kodzie, "src" oznacza źródło zdjęcia, czyli ścieżkę do pliku graficznego. "alt" to alternatywny tekst, który jest wyświetlany, jeśli nie można załadować zdjęcia lub w przypadku, gdy czytnik ekranu przeglądarki nie może go odczytać. Dlatego warto dodać opis zdjęcia w atrybucie alt, aby pomóc użytkownikom, którzy nie widzą zdjęcia.
3. Określ rozmiar zdjęcia
   Możesz określić rozmiar zdjęcia za pomocą atrybutów "width" i "height". Oto przykładowy kod:
   < img src="ścieżka/do/zdjęcia.jpg" alt="Opis zdjęcia" width="500" height="300" />
   W powyższym kodzie szerokość i wysokość zdjęcia są określone odpowiednio na 500 pikseli i 300 pikseli.
4. Zastosuj style CSS
   Możesz również użyć stylów CSS, aby dostosować wygląd zdjęcia, takie jak położenie, marginesy, obramowanie itp. Oto przykładowy kod CSS:
   img {
display: block;
margin: 0 auto;
border: 1px solid #ddd;
}
   W powyższym kodzie "display: block" oznacza, że zdjęcie ma być wyświetlane jako blok, a "margin: 0 auto" oznacza, że zdjęcie ma być wyśrodkowane na stronie. "Border: 1px solid #ddd" oznacza, że zdjęcie ma mieć ramkę obramowującą.