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

Obsah:

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

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

Video: Jak Zvětšit Velikost Obrázku V Html
Video: HTML a obrázek | Jak vložit obrázek 2024, Listopad
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: