Na FreeHostingu Endora běží desítky tisíc webů. Přidejte se ještě dnes!

Vytvořit web zdarma

Na FreeHostingu Endora běží desítky tisíc webů. Přidejte se ještě dnes!

Vytvořit web zdarma

HTML a CSS - Založení webu(3)

Tutoriál

V tomto díle se podíváme jak vytvoøit nadpisy a také si povíme nìco málo o tom jak na svém webu mít obrázky.

Nejprve si povíme nìco o nadpisech. Nadpisy jsou dùležitou souèástí pro dobrou orientaci na webu která je velmi dùležítá - mùže se stát (nebo se spíš stane) že návštevník sice navštíví web ale jakmile zjistí že se na nedá na stránkách skoro vùbec èi vùbec orientovat, už se pøíštì nevrátí a jde na jiní web takže pokuï se nikdo na webu nemùže orientovat tak vlastnì darujete návštìvníky jinému webu a to se jistì projeví i v navštìvovanosti. Teï ale zbývá jak vlastnì takový nadpis vytvoøit. Nadpis se uzavírá ve párové znaèce <h(è)>, kde (è) je èíslo od 1 do 6. 1 je nejvìtší nadpis a 6 je mini nadpis. Vše je vidìt v následujícím kódu:

  ...
  <body>
  <h1> Toto je nejvìtší nadpis</h1>
  <h2> Toto je nadpis úrovnì 2</h2>
  <h3> Toto je nadpis úrovnì 3</h3>
  <h4> Toto je nadpis úrovnì 4</h4>
  <h5> Toto je nadpis úrovnì 5</h5>
  <h6> Toto je nejmenší nadpis</h6>
  </body>
  ...
  

A výsledek vypadá takto:

Toto je nejvìtší nadpis

Toto je nadpis úrovnì 2

Toto je nadpis úrovnì 3

Toto je nadpis úrovnì 4

Toto je nadpis úrovnì 5
Toto je nejmenší nadpis

Nyní se podíváme na obrázky. Pøíliš informací tu nehledejte protože hodnì se toho již dìlá jen v CSS 3. Ale základy tu najdete. Obrázek se dává do nepárové znaèky img. Zapisuje se následovnì:

  <img src=”obrazek.jpg”>
  

Kde obrazek.jpg je adresa obrázku který chcete vložit. Mùžete také pøidat k obrázku popisek který se zobrazí pokuï uživatel najede myší na obrázek. Staèí napsat do znaèky img tile="titulek". Kde titulek tam je titulek který se má zobrazit. Mùžeme také použít funkci alt která se normálnì nezobrazí ale zobrazí se pokuï se obrázek nebude moct naèíst. Staèí do znaèky img napsat alt="text". Kde text tam je text který se má zobrazit.

To je asi prozatím vše. Pøíštì se nauèíme jak dìlat Odkazy.

iko.png, 433B
iko2.png, 720B














Máte nìjaké pøipomínky? Navštivte naší návštìvní knihu:

Návštìvní kniha

hlavni strana.png, 544B
cropped-next-x-logo.jpg, 31kB
NEXT-X THE LEGENDARY SITE
Copyright © 2012 Programuj.borec.cz