Jak Zvětšit Velikost Obrázku V Html

Jak Zvětšit Velikost Obrázku V Html
Jak Zvětšit Velikost Obrázku V Html
Anonim

Velikost obrázku zobrazeného na stránce můžete změnit zadáním příslušných atributů pro značku

který odpovídá za zobrazení grafiky na stránce HTML. Zvětšování nebo zmenšování se provádí pomocí atributů width a height.

Jak zvětšit velikost obrázku v html
Jak zvětšit velikost obrázku v html

Vložte obrázek

Před úpravami přidejte na stránku obrázek zadáním značek

… Chcete-li upravit dokument HTML, musíte stránku otevřít v libovolném textovém editoru. Klepněte pravým tlačítkem myši na soubor a vyberte atribut „Otevřít v“- „Poznámkový blok“. Můžete také zadat libovolný jiný editor, který je pro změnu kódu pohodlnější.

Přejděte do části dokumentu a vyhledejte značku

… Pokud obrázek dosud nebyl na stránku přidán, zadejte následující kód:

Cesta k obrazovému souboru může být relativní nebo absolutní. Atribut alt="Image" odpovídá za název obrázku a přidání titulku k němu, který se zobrazí, když je ukazatel myši nad obrázkem.

Změna velikosti

Chcete-li obrázek zvětšit, nastavte do něj příslušné parametry šířky a výšky přidáním atributů do značky obrázku:

Parametr width odpovídá šířce obrázku a výška obsahuje indikátor výšky obrázku. V tomto případě se při otevření stránky v okně prohlížeče zobrazí obrázek o šířce 300 pixelů a výšce 350 pixelů. Můžete také přidat atributy hspace a vspace, abyste změnili nastavení formátování na stránce:

V tomto deskriptoru byly určeny horizontální (hspace) a vertikální (vspace) okraje z obrázku. Jakýkoli text přidaný na stránku bude rozmístěn 5 pixelů vodorovně od obrázku a 10 pixelů svisle. Atribut border je zodpovědný za vytvoření ohraničení 1 obrazového bodu kolem obrázku.

Je třeba poznamenat, že velikost obrázku lze nastavit nejen v pixelech, ale také v procentech vzhledem k velikosti okna prohlížeče. Například:

V důsledku práce tohoto kódu bude obraz roztažen po celé šířce okna. Stojí za zmínku, že obraz v tomto případě může být zkreslený. Zvětšené zobrazení obrazu závisí na kvalitě samotného obrazu.

Uložte provedené změny pomocí funkce „Soubor“- „Uložit“okna „Poznámkový blok“. Zkontrolujte zobrazení obrázku v okně prohlížeče otevřením souboru HTML kliknutím pravým tlačítkem a výběrem možnosti „Otevřít v“. V seznamu navrhovaných možností vyberte program, který používáte k procházení Internetu. Soubor HTML můžete libovolněkrát upravit a upravit tak velikost obrázku.

Doporučuje: