Co je potřeba Mozek, to zaprvé. Budete potřebovat počítač, na kterém běží alespoň nějaký jednoduchý textový editor (Poznámkový blok).  Potřebujete webový prohlížeč.  Hodí se připojení na internet. Kdo nemá připojení na internet, musí se alespoň jednou dostat na chvíli k Internetu a mít tam možnost kopírovat z něčeho, na čem si hotové stránky přinese  Musíte mít o čem psát.  

Co není potřeba Není třeba mít připojení na Internet.  Obejdete se i bez drahých nebo složitých programů.  Pro základní pokusy nemusíte nic platit (platí se, až když chcete vlastní doménu) 

Soubory Internetová stránka je soubor s příponou htm nebo html. Je to skoro obyčejný textový soubor obohacený o značky jazyka HTML(tagy). Soubory můžeme vytvořit:  buď v nějakém HTML editoru  nebo můžete napsat rovnou zdroj v HTML jazyce 

Stránka se dá otevřít dvěma způsoby buďto se na ni podívat jako na stránku (v prohlížeči), pak se nedá upravovat.  nebo otevřít jako text (třeba v Poznámkovém bloku), tomu se říká zdroj nebo kód nebo zdrojový kód, ten se dá upravovat. 

HTML editory - programy 





HTML editory jsou programy speciálně určené pro tvorbu stránek. Pro začátečníky jsou použitelné zejména wysiwyg editory, ve kterých píšete rovnou text a kódem html se nezabýváte. Ve wysiwyg editoru se normálně napíše text, vloží se obrázky a uloží se to na disk do souboru s příponou html. To je vše. Editor všechny html značky (tagy) doplní sám. Kromě wysiwyg editorů tedy existují i editory strukturní, ve kterých píšete přímo kód. Strukturní editor je například PSPad, v nouzi i Poznámkový blok. Prostě normální textové editory.

HTML znamená HyperText Markup Language, neboli značkovací jazyk  Stránky vytvořené pomocí čistého HTML jsou statické a vše se vykonává na straně klienta  Pro zobrazení musím mít internetový prohlížeč  Každý příkaz HTML se nachází v hranatých závorkách, za ním jsou potom jeho parametry. Takové útvary se nazývají tagy 

HTML musíme napsat v !DOCTYPU ještě před tagem body  V HTML máme tagy párové a nepárové 

 Párové (například

text

 Nepárové (například )

Tagy = značky Tagy určují, jak bude text vypadat, tedy jakou bude mít formu.  Všechny tagy jsou uzavřeny v .  Co není v ostrých závorkách, je text, který se bude zobrazovat 

Struktura www stránky Párový tag, kterým začíná celý dokument  Párový příkaz, který vymezuje hlavičku dokumentu. Nic z toho, co je zde se nezobrazí ve vlastním textu  

Struktura www stránky Ukončení hlavičky  Zde začíná vlastní dokument  Mezy tagy a je veškerý obsah a formátovací tagy  Konec těla dokumentu  Konec celé stránky 

Příklad: Moje první html stránka. A nějaké další texty.

Odstavce text nemůže v HTML jen tak plavat, ale je rozdělen do odstavců

.  Tag

je párový a obaluje tedy text, který má uvnitř odstavce být.  Před text píšeme

, za textem odstavec uzavřeme

. 

Zvýraznění textu Když je nějaká část textu důležitá, sdělíme to prohlížeči pomocí zvýrazňovacích tagů.  Jsou to párové tagy <strong> a<em>.  Text v <em> e zobrazí jako kurzíva  text ve <strong> je vnímán jako silně zvýrazněný 

Ve starých materiálech můžete narazit na tagy a . Ovšem ty text pouze vykreslily jiným stylem a jeho význam se vůbec nezměnil. Proto se již pro zvýrazdnění nepoužívají  K podtržení textu existuje tag . Ten se však příliš nepoužívá, protože lidé jsou zvyklí, že podtržené jsou odkazy. 

Nadpisy  

 



Nadpisy jsou považovány jako nejvýraznější text. Zapisuje se párovým tagem

HTML poskytuje 6 úrovní nadpisů Nadpis

by měla být ta úplně první věc na stránce a měla by obsahovat název stránky. Jako další by měly následovat nadpisy

, které rozdělují stránku na další podsekce.

Obrázky Obrázky vložíme pomocí tagu  Setkáváme se s prvním tagem, který vyžaduje tzv. atributy (atribut je doplňující informace k tagu)  Zde bude atributem cesta k souboru obrázku  Dobrou praktikou je mít všechny obrázky k webu v nějaké složce, aby se nemíchaly s dalším obsahem 

Odkazy Vložíme je tagem  Tag je párový a obaluje text, který má být odkazem.  Vyžaduje atribut href, kde je cílová stránka, na kterou odkaz vede.  Nemusíme se odkazovat jen na stránky, ale také na soubory. Kliknutí na odkaz potom vyvolá jejich stažení. 

Můj první web

Vítejte na mém prvním webu, psát weby se teprve učím, ale myslím, že mi to docela jde.
Zde je moje fotka:

Záliby

Poslouchám hlavně <strong>sebe a rád <strong>plavu do kopce.

Ve volných chvílích mám volnou chvíli.

Moje Motto

Mým mottem je <em>nemít žádné motto.

Pokud chcete také nějaké motto, najděte si ho na Google.