Wprowadzenie do HTML dla edycji rozmiaru obrazu w Tumblr
HTML (Hypertext Markup Language) jest językiem używanym do tworzenia stron internetowych. HTML jest wszechstronnym językiem i może być używany do tworzenia dynamicznych stron internetowych lub prostych stron internetowych. Jest on również używany do wyświetlania obrazów na stronach internetowych. W tym tutorialu przyjrzymy się, jak używać HTML do edycji rozmiaru obrazu w Tumblr.
Zrozumienie podstaw znaczników obrazu HTML
Zanim zanurkujemy w edycję rozmiaru obrazu w Tumblr, ważne jest, aby zrozumieć podstawy znaczników obrazu HTML. Znacznik obrazu to fragment kodu używany do wyświetlania obrazu na stronie internetowej. Wygląda to tak: 
. Atrybut „src” służy do określenia lokalizacji obrazu, atrybut „alt” służy do podania opisu obrazu, a atrybuty „width” i „height” służą do określenia wymiarów obrazu.
Exploring Tumblr’s HTML Editor
Tumblr ułatwia edycję obrazów za pomocą swojego edytora HTML. Aby uzyskać dostęp do edytora, zaloguj się na swoje konto Tumblr i kliknij przycisk „Utwórz post”. Następnie wybierz opcję „HTML”, która otworzy edytor HTML. To właśnie tam będziesz mógł dokonać zmian w swoich obrazkach.
Dostosowanie wysokości i szerokości obrazu
Gdy już jesteś w edytorze HTML, możesz dostosować wysokość i szerokość obrazu, zmieniając liczby w atrybutach „width” i „height”. Na przykład, jeśli chcesz, aby obrazek miał 200 pikseli szerokości i 150 pikseli wysokości, zmienisz kod na .
Podgląd zmian w edytorze HTML
Zanim opublikujesz swój post, możesz podejrzeć zmiany, które wprowadziłeś w edytorze HTML. Aby to zrobić, kliknij na przycisk „Podgląd”, aby zobaczyć edytowany obraz. Dzięki temu upewnisz się, że wprowadzone zmiany są poprawne i że obraz wygląda tak, jak chcesz.
Dodawanie tagów HTML obrazu do postów Tumblr
Po wyświetleniu podglądu obrazu, możesz dodać tag HTML obrazu do swojego postu. Aby to zrobić, kliknij przycisk „Dodaj HTML”, który doda tag obrazu HTML do postu.
Zapisywanie zmian, aby opublikować edytowane obrazy
Kiedy skończysz wprowadzać zmiany w obrazie, kliknij przycisk „Zapisz”, aby zapisać zmiany i opublikować post. To sprawi, że edytowany obraz będzie widoczny na twojej stronie Tumblr.
Rozwiązywanie problemów z obrazem HTML w Tumblr
Jeśli napotkasz jakiekolwiek problemy z tagiem obrazu HTML, takie jak obraz nie pojawia się lub pojawia się niewłaściwy obraz, możesz spróbować rozwiązać problem. First, check the “src” attribute to make sure the path to the image is correct. You can also try clearing your browser’s cache and reloading the page.
Conclusion
Editing image size in Tumblr is easy with the HTML editor. By understanding the basics of HTML image tags and exploring Tumblr’s HTML editor, you can adjust the image’s height and width and preview the changes before you save and publish the post. With a few simple steps, you can make sure your images look perfect on your Tumblr page.
There are a few different ways to adjust image size in HTML. One way is to use the width and height attributes of the tag. Na przykład, jeśli chciałbyś wyświetlić obraz, który ma 400px szerokości i 200px wysokości, użyłbyś następującego kodu:
Another way to adjust image size is to use CSS. You can use the width and height properties of the img element in your CSS code. For example, if you wanted to display an image that is 400px wide and 200px tall, you would use the following code:
img { width: 400px; height: 200px; }
Możesz również użyć właściwości CSS max-width i max-height, aby obrazy automatycznie zmieniały rozmiar, aby zmieścić się w określonym obszarze. Na przykład, gdybyś chciał się upewnić, że obraz nigdy nie przekroczy 400px szerokości lub 200px wysokości, użyłbyś następującego kodu:
img { max-width: 400px; max-height: 200px; }
Obrazki na Tumblr powinny mieć rozmiar minimum 500px na 500px i maksymalnie 10MB.
Aby dodać obrazek do HTML na Tumblr, najpierw musisz założyć konto na Tumblr, jeśli jeszcze go nie masz. Po utworzeniu konta, zaloguj się i kliknij na link „Dashboard” na górze strony. Z pulpitu nawigacyjnego kliknij link „Dostosuj”, który znajduje się w lewym pasku bocznym.
Na następnej stronie zobaczysz szereg opcji umożliwiających dostosowanie swojego bloga Tumblr. Przewiń w dół do opcji „Motyw” i kliknij przycisk „Edytuj HTML”. Spowoduje to wyświetlenie kodu HTML dla Twojego bloga Tumblr.
Następnie zlokalizuj kod dla obszaru, w którym chciałbyś dodać swoje zdjęcie. Gdy już znajdziesz ten kod, usuń go i zastąp następującym kodem:
Pamiętaj, aby zastąpić „YOUR IMAGE URL HERE” rzeczywistym adresem URL obrazu, który chciałbyś dodać. Po dodaniu kodu, kliknij na przycisk „Zapisz”, aby zapisać zmiany.