Tvorba webových stránek

Základy

Co je to webová stránka

Struktura HTML dokumentu

HTML dokument se skládá z !Doctype které může být v budoucí práci užitečné částečně je to také formalita. Jako další můžeme najít html-určuje začátek a konec celého dokumentu. Head=hlavička dokumetu se nijak nezobrazuje lze v něm však využít další tagy jako jsou např.:(title, meta, link, style, script aj.). Body=tělo dokumentu obsahuje veškerý zobrazovaný obsah stránky tělo dokumentu může obsahovat nejruznější atributy. Části html, head a body potřebují také svoji ukončující část a to /html, /head a /body.

!/html = konec celého dokumentu

Sdílený html dokument, který lze zobrazit z pomocí webového prohlížeče.

Význam některých HTML značek

značkaP/N význam
<html> P ohraničuje celý html dokument
<meta> N obsahuje informace
<title> P titulek
<head> P hlavička dokumentu
<body> P tělo dokumentu
<p> P odstavec
<h1> P hlavní nadpis
html    P    ohraničuje celý html dokument
meta    N    
title   P
head    P
body    P
p       P
h1      P

Odkazy

Jak se dělá odkaz

Nejprve si zkopírujeme URL adresu na odkaz, kam chceme aby náš text směřoval. Poté půjdeme do textu v kterém chceme odkaz vytvořit. Text označíme a pomocí ikonky řetězu vložíme náš odkaz a uložíme.

Příklady odkazů

Odkaz na portál seznam.cz
random
odkaz na pokusný dokument
pokusný dokument numero duo
Odkaz na 1.kapitolu dlouhého dokumentu
Odkaz na 99.kapitolu dlouhého dokumentu

pomocný dokument

Tento obrázek se otevře v okně blabla
Tento obrázek se otevře v okně blabla
Tento obrázek se otevře v okně blabla
Webový formulář
Webový formulář otevřený v novém okně pomocí window.open()

Obrázky

Morbi leo mi, eget tristique non, rhoncus non leo. Mauris metus. Integer in sapien. In sem justo, commodo ut, suscipit at, pharetra vitae, orci. Pellentesque ipsum. Praesent id justo in neque elementum ultrices. Proin in tellus sit amet nibh dignissim sagittis. Integer imperdiet lectus quis justo. Aliquam id dolor. Etiam dictum tincidunt diam. Fusce dui leo, imperdiet in, aliquam sit amet, feugiat eu, orci. Sed vel lectus. Donec odio tempus molestie, porttitor ut, iaculis quis, sem. Nam sed tellus id magna elementum tincidunt. Fusce nibh. Nullam at arcu a est sollicitudin euismod.

Morbi leo mi, eget tristique non, rhoncus non leo. Mauris metus. Integer in sapien. In sem justo, commodo ut, suscipit at, pharetra vitae, orci. Pellentesque ipsum. Praesent id justo in neque elementum ultrices. Proin in tellus sit amet nibh dignissim sagittis. Integer imperdiet lectus quis justo. Aliquam id dolor. Etiam dictum tincidunt diam. Fusce dui leo, imperdiet in, aliquam sit amet, feugiat eu, orci. Sed vel lectus. Donec odio tempus molestie, porttitor ut, iaculis quis, sem. Nam sed tellus id magna elementum tincidunt. Fusce nibh. Nullam at arcu a est sollicitudin euismod.