Tisková verze článku  Poslat článek e-mailem  8. července 2006 | Radek Kropík | Komentáře (3)  

Vkládání obrázků do stránek

Co by to bylo za webovou stránku, kdybychom v ní neměli ani jeden grafický prvek – obrázek. Naše stránky by pak byly nudné a fádní, pouze textové. Toto je u některých stránek výhoda, ale my chceme na naši stránku umístit i nějaké obrázky, abychom ji trochu oživili. Ale jak nato?

V první časti vám povím, že do webových stránek lze vkládat obrázky v grafických formátech GIF, JPG a PNG. Obrázky ve formátu gif se používají hlavně na obrázky, které nemají mnoho barev, jelikož tento formát zvládá maximálně 256 odstínů. Hodí se hlavně na menší loga, obrázkové odkazy nebo tlačítka. Oproti tomu formát jpg se hodí hlavně na fotografie a vícebarevné obrázky, které by při 256 barvách ztratily svou „přitažlivost“. No a pak je tu formát png, který v některých případech nahrazuje obrázky ve formátu gif a to hlavně proto, že podporuje více barev při zhruba stejné kompresi.

Ale jak takový obrázek do stránky vložit? Docela jednoduše. Nejprve si vytvořte, popřípadi někde zkopírujte nějaké obrázek ve formátu JPG a pojmenujte ho foto.jpg. Ten pak vložte do své složky www, kterou jste si pro své stránky vytvořili v první lekci. Následně nato vytvořte html dokument, který vidíte níže a pojmenujte ho obrazek.htm. No a ten pak už známým zpusobem otevřete ve vašem internetovém prohlížeči. No a na vaší stránce by mimo textu měl být zobrazen i obrázek.

       
       <html>
          <head>
               <title>Obrázek</title>
          </head>
       
         <body>
       
            <h1>Vítejte na mé stránce</h1>
       
            <p>Ukážu vám hezký obrázek</p>
       
                <br>
    
               <img src=“foto.jpg“>

           </body>
       </html>

Co znamená značka <img… , kterou zatím neznáte? Pomocí této značky se vkládá do webové stránky obrázek. Toto je pouze zkrácená verze, kde v atributu src je uvedena cesta k obrázku, který chcete vložit. Pokud chcete, mužete použít i další atributy, jako např:

  • BORDER=X – kde X nahradíte číslem. Pokud zapíšete BORDER=1 bude mít vložený obrázek 1 bod silný okraj.
  • HEIGHT=X – kde X určuje víšku obrázku
  • WIDTH=X – kde X znamená šířku obrázku
  • ALT=“Popisek“ – popisek, který se zobrazí, pokud má někdo v prohlížeči vypnuté zobrazování obrázků. Zobrazí se také při najetí myší nad obrázek.
  • ALIGN=“zarovnání“ – zarovnání obrázku – možnosti jsou LEFT (doleva) nebo RIGHT (doprava)

Celé by to pak vypadalo třeba takto:

<img src=“foto.jpg“ alt=“Toto je moje foto“ border="0" height="120" width="130" align=“left“>

Radek Kropík




Komentáře k článku


Příspěvky vyjadřují stanovisko čtenářů, nikoliv provozovatelů serveru a redakce nenese odpovědnost za jejich obsah.

        #1
Gravatar
Margery

Tento příspěvek byl smazán redakcí jako SPAM. Opakované vkládání SPAMů může mít za následek např. trvalé zablokování IP adresy.

        #2
Gravatar
yjyepzh

Tento příspěvek byl smazán redakcí jako SPAM. Opakované vkládání SPAMů může mít za následek např. trvalé zablokování IP adresy.

        #3
Gravatar
rilfuyd

Tento příspěvek byl smazán redakcí jako SPAM. Opakované vkládání SPAMů může mít za následek např. trvalé zablokování IP adresy.




     Komentáře k tomuto článku byly již uzavřeny.


Novinky a oznámení

19.10.11 - Nyní najdete nově u každého článku ikonu obálky. Pokud na ní kliknete, budete moci odeslat odkaz na vybraný článek na e-malovou adresu, kterou zadáte v zobrazivším se formuláři. Odpadá vám tak nutnost pro odeslání odkazu na zajímavý článek spouštět e-mailového klienta a zakládání nového e-mailu.

11.10.11 - Nově v magazínu naleznete tzv. QR kód, který obsahuje vždy adresu právě zobrazené stránky. Pokud máte zobrazenou některou z kategorií článků, obsahuje QR kód adresu této kategorie, pokud máte zobrazený článek, QR kód obsahuje adresu zobrazeného článku, v ostatních případech obsahuje QR kód hlavní adresu magazínu.

23.09.11 - V neděli 25.9.2011 v době mezi 1:00 a 5:00 hod. proběhl přesun služeb serveru na nový hardware. Za nedostupnost magazínu v době přesunu se vám omlouváme.


QR kód článku

QR kód článku

Aktualizace e-mailem

Nechcete, aby vám unikl nový článek? Není nic jednoduššího, než se zaregistrovat a kdykoliv vyjde v magazínu nový článek, dáme vám vědět e-mailem.




Ikonka pro Vás

Líbí se vám tento magazín a rádi byste ho nějak podpořili? Pokud máte své webové stránky, budeme vám vděčni, pokud si na ně přidáte naší ikonku. Stačí přidat na váš web HTML kód, kderý najdete zde.


Partnerské weby


Naši fanoušci na Facebooku


Statistika


Reklama