Jak vložit obrázek v HTML: 6 kroků

Přidání obrázků na stránku nebo stránku sociální sítě - nádherný způsob, jak ozdobit stránku. HTML (Hypertext Markup Language) má mnoho funkcí pro webové programování, ale kód potřebný k vložení obrázků je extrémně jednoduchý.

Kroky

Metoda 1 z 1:

Vložte obrázek v HTML

jeden. Zkontrolujte obraz pro volný hosting, stejně jako photobucket nebo tinypický, což umožňuje použití zdrojů jinými servery. Na některých stránkách je zakázáno, protože to bere šířku pásma a místo na serveru.

Pokud máte placený účet hostingu, stáhněte si obrázek. To je spolehlivější než volný místo.

Obrázek s názvem Vložit obrázky s HTML krokem 2

2. Otevřete nový dokument v textovém editoru (například v programu Poznámkový blok) nebo stránku na webu nebo profilu, kde můžete změnit HTML.

Obrázek s názvem Vložit obrázky s HTML Krok 3

3. Začněte s tagem img. Štítek img Single, to znamená, že nepotřebuje závěrečnou značku, i když dosáhnout souladu s XHTML standardy, můžete přidat prostor a lomítko.

Obrázek s názvem Vložit obrázky s HTML STEP 4

čtyři. Existuje mnoho dostupných položek, ale naprosto nezbytné:SRC. Označuje umístění nebo obrázek URL.

Obrázek s názvem Vložit obrázky s HTML krokem 5

Pět. Dále musíte přidat položku Alt. Je zodpovědný za text, který bude zobrazen, pokud obraz z nějakého důvodu není spuštěn. Tento text může také použít slepé uživatele pomocí programů pro čtení obrazovky.

Pokud se dostanete kurzor na obrázek, zobrazí se náhradní text ve vysvětlení akce, ale pouze v aplikaci Internet Explorer. Řešení crossBraser (běží ve Firefoxu atd.) - Použijte položku Titul navíc Alt. Neudělejte to, pokud nechcete vysvětlit akce.

Například:

Obrázek s názvem Vložit obrázky s krokem HTML 6

6. Prvky Výška a šířka Můžete nastavit velikost obrazu, stejně jako specifikovat pixely nebo procenta. Oznámení změnou velikosti změníte velikost zobrazeného snímku, prohlížeč bude stále stáhnout velikost zdroje obrázku. Pokud je váš obrázek příliš velký, změňte jeho velikost v programu editoru obrazu, bude fit pikresize.Com

Tipy

Hodnota těchto prvků je indikována buď v pixelech, nebo jako procento 1 až 100.
Můžete dát obrázek nebo obrázek kdekoli na webové stránce s vrcholem, dolem, středem, vpravo, levým a t.D.
Prvek HSPACE se používá k vytvoření prázdného horizontálního prostoru z obrázku, vlevo nebo vpravo. VSpace Element - shora nebo dole.
Nezastavujte s obrázky, vše bude vypadat náhodně a neprofesionální.
Pro loga a karikatury Fit Images GIF, pro složité obrázky, jako jsou vysoce kvalitní fotografie, je lepší použít JPEG.

Obrázky GIF podporují 8bitovou barvu na 256 barev. Pomocí tohoto formátu pro fotografie, jak ztratíte něco.
GIF snímky podporují transparentnost. Možná jeden kousek transparentnosti, to znamená, že jedna barva může být transparentní.
Alternation je také podporován, t.E. Dokonce před stažením může uživatel vyhodnotit, jak bude obraz vypadat.
Formát GIF také podporuje animaci.

Varování

Ne HOTLLINK!