Ako vložiť obrázok do HTML: 6 krokov

Pridajte obrázky na webovú stránku alebo stránku sociálnej siete - nádherný spôsob, ako zdobiť stránku. HTML (HyperText Markup Language) má mnoho funkcií pre webové programovanie, ale kód potrebný na vloženie obrázkov je extrémne jednoduchý.

Kroky

Metóda 1 z 1:

Vložte obrázok do HTML

jeden. Skontrolujte, či obrázok zadarmo hosting, ako je Photobucket alebo TinyPic, ktorý umožňuje využívanie zdrojov inými servermi. Na niektorých stránkach je zakázané, pretože trvá šírku pásma a miesto na serveri.

Ak máte platený hostingový účet, stiahnite si obrázok. To je spoľahlivejšie ako voľné miesto.

Obrázok s názvom Vložiť obrázky s HTML Krok 2

2. Otvorte nový dokument v textovom editore (napríklad v programe Poznámkový blok) alebo na stránke na stránke, alebo profil, kde môžete zmeniť HTML.

Obrázok s názvom Vloženie obrázkov s HTML Krok 3

3. Začnite so štítkom img. Tag img Single, to znamená, že nepotrebuje záverečnú značku, aj keď dosiahnuť súlad s normami XHTML, môžete pridať priestor a lomku.

Obrázok s názvom Vloženie obrázkov s HTML Krok 4

4. Existuje mnoho dostupných položiek, ale absolútne nevyhnutné len:Src. Označuje polohu alebo obrázok URL.

Obrázok s názvom Vloženie obrázkov s HTML Krok 5

päť. Ďalej musíte pridať položku Alt. Je zodpovedný za text, ktorý sa zobrazí, ak sa obraz z nejakého dôvodu nezavádza. Tento text môže tiež používať slepí používatelia pomocou programov čítania obrazovky.

Ak si prejdeš kurzor na obrázok, potom sa uvádza náhradný text vo vysvetlení akcie, ale len v programe Internet Explorer. Crossbraser Riešenie (beh v Firefoxe a etc.) - Použite položku Titul Okrem tohoto Alt. Nerobte to, ak nechcete vysvetliť akcie.

Napríklad:

Obrázok s názvom Vloženie obrázkov s HTML Krok 6

6. Teraz prvky Výška a šírka Môžete nastaviť veľkosti obrázkov, ako aj špecifikovať pixely alebo percentá. Upozornenie zmenou veľkosti zmeníte veľkosť zobrazeného obrázka, prehliadač si stále sťahuje veľkosť zdroja obrázka. Ak je váš obrázok príliš veľký, zmeňte svoju veľkosť v programe Editor IMAGE, zmestí sa pikresize.Com

Tipy

Hodnota týchto prvkov je označená buď v pixeloch, alebo ako percento 1 až 100.
Môžete dať obrázok alebo image kdekoľvek na webovej stránke s horným, spodným, stredným, vpravo, vľavo a t.D.
HSPACE Element sa používa na vytvorenie prázdneho horizontálneho priestoru z obrázka, vľavo alebo vpravo. VSSPACE prvok - zhora alebo dole.
Nezastavujte sa s obrázkami, všetko bude vyzerať náhodne a neprofesionálne.
Pre logá a karikatúry zmestia obrázky GIF, pre komplexné obrázky, ako sú vysoko kvalitné fotografie, je lepšie používať JPEG.

GIF Snímky Podporujú 8-bitovú farbu na 256 farieb. Pomocou tohto formátu pre fotografie, ako stratíte niečo.
GIF Snímky Podpora transparentnosti. Možno, že jeden kúsok transparentnosti, to znamená, jedna farba môže byť transparentná.
Podporuje sa aj striedanie T.E. Aj pred stiahnutím môže užívateľ vyhodnotiť, ako sa obrázok bude pozrieť.
Formát GIF tiež podporuje animáciu.

Upozornenia

Nechcem Hotllink!