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
„Muži nedovedou ocenit vlastní ženy. To přenechávají druhým.“ Oscar Wilde