Po wypróbowaniu kilku rozwiązań gotowych do użycia, które nie wymagały żadnej wiedzy na ten temat, zdecydowałeś się spróbować swoich sił w tworzeniu strony internetowej "brudząc sobie ręce" za pomocą koduHTML. Pasjonuje Cię to, ale są pewne rzeczy, których jeszcze nie potrafiłeś dobrze zrozumieć.
Na przykład, chciałbyś wyjaśnić, w jaki sposób wstawić obraz w HTML what, jakie są prawidłowe parametry do sformatowania kodu i jakie informacje można wprowadzić w tym drugim. Wiedz, że trafiłeś we właściwe miejsce we właściwym czasie. Nie tracimy więcej czasu i od razu widzimy wszystko, co musimy wiedzieć o wstawianiu zdjęć na strony internetowe i blogi za pomocą kodu HTML.Aby zrozumieć, jak wstawić obraz do HTML
, należy upewnić się, wiesz kluczową koncepcję: obrazy, które można zobaczyć na stronach internetowych witryn, blogów i forów nie zostały włączone do ostatniego, ale są nazywane od lokalizacjach zewnętrznych. Oznacza to, że każde zdjęcie musi mieć unikalny adres, do którego użytkownik może się odwoływać, aby korzystać z niego online.Adres obraz składa się z tego: na początku jest adres przestrzeni internetowej, na której jest gospodarzem (. Np
), a następnie c ' jest nazwą pełnego obrazu rozszerzenia (np.Immagine.jpg). Bezpośredni adres obrazu w Internecie musi zatem mieć skład typuimmagine.jpg.W tym momencie będziesz się zastanawiać, ale jak przypominać adres obrazu na stronie internetowej, aby zdjęcie było widoczne dla publiczności? Nic nie może być prostsze. Wystarczy użyć znacznikaimg
, a następnie słowasrc =i adresu obrazu, który ma zostać wstawiony na stronie ujętej w cudzysłowy. Kontynuując powyższy przykład, należy użyć następującego formatowania:Teraz wiesz jak wstawić obraz do HTML
używając kodu podstawowego, ale można dodać inne zmienne, aby określić rozmiar, wyrównanie i odstępy fotografii w kontekście stron, do których zostały wstawione.Aby wyrównać obraz w centrum, w lewo, w prawo, w górę lub w dół strony, co musisz zrobić, to użyć formatu że właśnie widzieliśmy razem i dodać do niej zmienną align =
następnie rodzaju przepis, który chcesz zabrać na zdjęcie. Oto przykład:Z tym kodem, mamy wyrównany obraz w centrum (Centrum wartość
), ale rzeczywiście można korzystać z wielu innych typów zmiennych align: leftwyrównuje obrazy na lewo;w prawowyrównuje obrazy po prawej;na doleznajduje się zdjęcie w prawym dolnym rogu pierwszego wiersza tekstu;środkowyma zdjęcie na środkowej części po prawej stronie pierwszego wiersza tekstu;na górzema zdjęcie w prawym górnym rogu pierwszego wiersza tekstu.Jak wspomniano powyżej, za pomocą kodu HTML można również zmienić rozmiar zdjęć (tylko wizualnie, bez zmiany oryginalnego pliku) i określ odstęp, który musi mieć szacunek do innych elementów, które składają się na stronę internetową, na której się one pojawią.Aby wskazać wymiary, które muszą mieć obraz, trzeba używać zmiennych
szerokość i wysokośćokreślania wartości pikseli, a dla odstępu trzeba użyć głosu hspacewskazać odstępy poziome ivSpacewskazać pionowe odstępy. Oto przykład zdjęcia o wymiarach 300 × 200 pikseli, mającego pionowy i poziomy odstęp wynoszący 20 pikseli:Wreszcie widzimy jak
kojarzy link do obrazka, tak aby kliknięcie na niego zostanie przekierowany do konkretnej strony lub witryny i jak wprowadzić opis tekstowy obrazu mają być odtwarzane w przypadku, gdy ten nie może być wyświetlane poprawnie (np. w przypadku błędów serwera lub usunięcia zdjęcia z pierwotnej lokalizacji).Aby dodać link internetowy do obrazu, co musisz zrobić, to prefiks kodu a href =
następnie adres strony internetowej link do kodu obrazu i włóżtag na końcu kodu. Oto przykład, gdzie obraz używaliśmy do tej pory na naszym przykładzie jest powiązanie adresuwww.sitodalinkare.com:chodzi o opis tekstowy, jednak jest on dodawany do zdjęcia za pomocą kodualt
powinno się to wykorzystywać w następujący sposób:Powiedziałbym, że to wszystko! Teraz znasz już wszystkie podstawowe zasadywstawiania obrazka w HTML
na blogach i stronach internetowych. Niewiele ich nauczysz, widzisz? Zaczynając od tego można pogłębić temat odkrywając wiele innych funkcji, które można wykorzystać za pomocą HTML. Baw się dobrze!