Obrázky oživují web, zajímají návštěvníky, činí zdroj jasným a nezapomenutelným. Bez fotografií a kreseb bude jakákoli stránka, i když má velmi zajímavý a hodnotný text, působit nudně a neúplně. Jednoduchý postup vkládání obrázků na web umožní, aby se váš zdroj stal barevnějším a získal nové pravidelné návštěvníky.
Je to nutné
- - vlastní stránka
- - výkres, který má být umístěn na web
- - vědět, co je HTML kód
Instrukce
Krok 1
Chcete-li na webu vytvořit obrázek, nahrajte obrázek do úložiště souborů webu. Soubory lze na web nahrát pomocí „správce souborů“nebo přes ftp. Konkrétní pokyny k nahrávání souborů získáte od svého poskytovatele hostingu (kdokoli hostuje váš web).
Krok 2
Po stažení obrázku vyhledejte odkaz na něj. Odkaz na váš obrázek bude vypadat takto: http: ⁄ ⁄ web / img1.jpg. Pokud jste našli obrázek na internetu a znáte jeho odkaz, můžete takový odkaz samozřejmě použít; ale je lepší tento obrázek uložit a nahrát na váš web pomocí „správce souborů“, protože když odstraníte obrázek z jiného webu, nebude se také zobrazovat na vašem zdroji.
Krok 3
Když získáte odkaz na požadovaný obrázek, vložte jej mezi uvozovky v následujícím kódu HTML:. Měli byste získat následující konstrukci: Místo „http: ⁄ ⁄ website / img1.jpg“by měl být odkaz na váš obrázek. Tato položka musí být umístěna na správném místě v kódu HTML vašeho webu.
Krok 4
Pokud je třeba upravit velikost obrázku na webu, zadejte v kódu HTML požadovanou šířku a výšku obrázku. Záznam pohledu označuje šířku obrázku v pixelech a záznam označuje výšku obrázku v pixelech, kde počet v uvozovkách je počet pixelů. Obecný kód obrázku se zadanými rozměry vypadá takto:. Nahraďte čísla v kódu požadovanou šířkou a výškou obrázku.
Krok 5
Není nadbytečné označovat název obrázku, aby návštěvník při prohlížení webu v režimu bez obrázků pochopil, jaké obrázky se na webu nacházejí. Chcete-li přidat název, vložte do výstupního kódu obrázku následující položku: alt="Název". Místo slova „Název“napište název svého obrázku. Výsledkem bude, že obrázek na webu bude mít následující kód HTML:.
