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

Tutoriál

V předchozím díle našeho tutoriálu na tvorbu internetových stránek jsme se podívaly na základ stránky. Dnes si již povíme něco o skutečném obsahu stránek který se bude zobrazovat i zcela normálnímu návštěvníkovi na jeho internetovém prohlížeči.

Nejprve si řekneme jak napsat text bez jakéhokoliv formátování. Uzavírá se do párové (znamená to že má začátek i konec) značky <p> a je to vlastně takový odstavec ale používá se i u krátkých textů. Kód naší stránky pak může vypadat třeba takto:

  <!DOCTYPE html>
  <head>
  <tile> Testovací stránky </tile>
  </head>
  <body>
  <p> Toto je náš první text. </p>
  </body>
  </html>
  

Teď se podíváme na základní formátování. Každá stránky se neobejde bez formátování. Snad vždy je potřeba něco zvýraznit či podtrhnou anebo prostě jen nějak "ozdobit". Nyní vám představím jen základní formátování nikoliv pokročilé protože je hrozně druhů různých formátování. Naučíme se jak zobrazit Tučný,Podtržený,Přeškrtlý a Šikmý. Jak vše napsat je vidět na následujícím kódu:

  ...
  <body>
  <p> Toto je náš neformátovaný text. </p>
  <p><b> Toto je náš první tučný text.</b></p>
  <p><u> Toto je náš první podtržený text.</u></p>
  <p><del> Toto je náš první přeškrtnutý text.</del></p>
  <p><i> Toto je náš první šikmý text.</i></p>
  </body>
  </html>
  

Nyní si ještě ukážeme jak rozdělit text do více řádků. To se sice děje ale až nakonci stránky a pokuď nechceme aby se text "zlamoval" až nakonci stránky budete potřebovat nepárovou (je pouze jedna) značku <br />. Tuto nepárovou značku budete používat určitě velmi často a je tím pádem i důležitá. Jak ji správně použít je znázorněno v následujícím kódu:

  ...
  <body>
  <p> Toto je text v prvním řádku.<br /> A tento text v druhém.
  <br /> V prohlížeči vidět že na odstavení textu nemusíte odskákat i text v kódu.</p>
  </body>
  </html>
  

A to je vše. Příště se podíváme na nadpisy a obrázky.

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
„Nejkrásnější ze všech tajemství je být géniem a vědět to jen sám.“ Mark Twain