Możesz zmienić rozmiar obrazu wyświetlanego na stronie, określając odpowiednie atrybuty tagu
który odpowiada za wyświetlanie grafiki na stronie HTML. Zwiększanie lub zmniejszanie odbywa się za pomocą atrybutów szerokości i wysokości.
Wstaw zdjęcie
Przed edycją dodaj obraz do strony, określając tagi
… Aby edytować dokument HTML, musisz otworzyć stronę w dowolnym edytorze tekstu. Kliknij plik prawym przyciskiem myszy i wybierz atrybut „Otwórz za pomocą” - „Notatnik”. Możesz także określić dowolny inny edytor, który jest wygodniejszy w użyciu do zmiany kodu.
Przejdź do sekcji dokumentów i znajdź tag
… Jeśli obraz nie został jeszcze dodany do strony, wprowadź następujący kod:
Ścieżka do pliku obrazu może być względna lub bezwzględna. Atrybut alt="Obraz" odpowiada za nazwę obrazu i dodanie do niego podpisu, który będzie wyświetlany, gdy wskaźnik myszy znajdzie się nad obrazem.
Zmiana rozmiaru
Aby powiększyć obraz, ustaw odpowiednie parametry szerokości i wysokości, dodając atrybuty do tagu obrazu:
Parametr width odpowiada szerokości obrazu, a wysokość zawiera wskaźnik wysokości obrazu. W takim przypadku po otwarciu strony w oknie przeglądarki zostanie wyświetlony obraz o szerokości 300 pikseli i wysokości 350 pikseli. Możesz także dodać atrybuty hspace i vspace, aby zmienić ustawienia formatowania na stronie:
W tym deskryptorze określono marginesy poziome (hspace) i pionowe (vspace) od obrazu. Każdy tekst dodany do strony zostanie oddalony o 5 pikseli w poziomie od obrazu i 10 pikseli w pionie. Atrybut border odpowiada za stworzenie 1-pikselowego obramowania wokół obrazu.
Należy zauważyć, że rozmiar obrazu można ustawić nie tylko w pikselach, ale także jako procent w stosunku do rozmiaru okna przeglądarki. Na przykład:
W wyniku działania tego kodu obraz zostanie rozciągnięty na całą szerokość okna. Warto zauważyć, że obraz w tym przypadku może ulec zniekształceniu. Powiększenie obrazu zależy od jakości samego obrazu.
Zapisz wprowadzone zmiany za pomocą funkcji „Plik” – „Zapisz” okna „Notatnik”. Sprawdź wyświetlanie obrazu w oknie przeglądarki, otwierając plik HTML, klikając prawym przyciskiem myszy i wybierając opcję „Otwórz za pomocą”. Z listy proponowanych opcji wybierz program, którego używasz do przeglądania Internetu. Możesz edytować plik HTML dowolną liczbę razy, aby dostosować rozmiar obrazu.
