HTML - 1. lekce
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

HTML - 1. lekceHTML - 1. lekce

 
Hledat
Moderní platforma pro vytvoření vašeho nového webu – Wix.com.
Nyní už můžete mít web zdarma.
Vybavení pro Laser Game
Spuštěn Filmový magazín
Laser Game Brno
Laser Game Ostrava

HTML - 1. lekce

Google       Google       6. 7. 2005       37 157×

Základní syntaxe HTML stránek a META tagy..

Reklama
Reklama

Vítejte v kurzu HTML u další lekce!

Na úvod bych chtěl jen říct, že předchozí lekci psal jiný autor a jeho oblíbený editor PSPad se mi moc nelíbí a nejsem na něj zvyklý. Já používám HTML Editor, který dokáže zobrazit i stránku jak bude vypadat v jiném rámu. Ale není to WYSIWYG editor! (což není ani PSPad). Ale klidně zůstaňte u PSPadu, je to jedno, záleží na vás. Ale teď už k samotné výuce.

Základní syntaxe jazyka HTML

Každý prvek stránky se vkládá tagem. Existují dva druhy tagů: párové a nepárové:
nepárový tag - <tag>
párový tag - <tag></tag>

Většinou má tag i nějaké parametry (barva, zarovnání...):
<tag parametr="hodnota">

Hodnota parametru by měla být z obou stran ohraničená uvozovkami "hodnota". Není to nutné, ale některé prohlížeče to vyžadují, a proto je tam raději pište.

Teď si povíme něco o tom, co musí být v každém HTML dokumentu. Každý musí začít a končit tagem <html>. Mezi ním by měla být hlavička <head>, která je také párová. Po hlavičce následuje samotné "tělo" dokumentu <body>. Takto by měl vypadat kód každé stránky:

<html>
<head>
.
.
tady budou další tagy, které nejsou přímo viditelné
.
.
</head>
<body>
.
.
.
tady budou také další tagy, které se zobrazí v dokumentu
.
.
.
</body>
</html>

Do hlavičky se dává hlavně titulek stránky. Je určen tagem <title> Titulek stránky </title>. Nahoře na liště se pak zobrazí náš titulek:

A pak META tagy, které určují například velmi důležité kódování. To znamená, jaké znaky se použijí. Na českých stránkách se používá kódování windows-1250. Syntaxe META je:

<meta name="jméno" content="hodnota">

nebo existuje druhá možnost:

<meta http-equiv="typ" content="hodnota">

Již zmíněné kódování se určuje takto:

<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">

V následující tabulce najdete možná jména META tagů:

jméno: hodnota: co provede:
author záleží na vás určí autora
description popis stránek hodnotu vypíše vyhledávač, pokud najde vaši stránku
keywords klíčová slova o vaší stránce použije je vyhledávač při vyhledávání
generator v čem jste stránku udělali určí generátor stránky

V další tabulce ještě pár typů:

typ: hodnota: co provede:
Content-Type text/html; charset=windows-1250
text/html; charset=iso-8859-2
určí kódování
refresh 6;URL=http://www.nekam.cz/cokoliv automatické přesměrování
za čas (6s) na adresu (URL=..)
cache-control no-cache nebo cache určí, jestli se stránka uloží do vyrovnávací paměti klienta
expires nějaké datum
Sat 21 Jun 2003 20:04:00
určí, kdy stránce končí platnost, prohlížeč po tomto datu znovu stáhne stránku do paměti

Tak to by pro začátek stačilo. Jako úkol uděláte stránku:

  • která bude mít nějaký titulek
  • kde jako autor bude vaše jméno
  • kde generátor uvedete po pravdě
  • která bude mít české kódování
  • která skončí s platností o letošních Vánocích

Příště: barvy, text, obrázky

×Odeslání článku na tvůj Kindle

Zadej svůj Kindle e-mail a my ti pošleme článek na tvůj Kindle.
Musíš mít povolený příjem obsahu do svého Kindle z naší e-mailové adresy kindle@programujte.com.

E-mailová adresa (např. novak@kindle.com):

TIP: Pokud chceš dostávat naše články každé ráno do svého Kindle, koukni do sekce Články do Kindle.

Hlasování bylo ukončeno    
0 hlasů
Google
(fotka) Ondřej ŠateraOndřej se zajímá o tvorbu webů, návrh a implementaci webových aplikací. Studuje v Praze na ČVUT a pracuje u společnosti Emotion design s.r.o
Web     Twitter    

Nové články

Obrázek ke článku Startup DoDo zajistí městskou logistiku pro RunCzech

Startup DoDo zajistí městskou logistiku pro RunCzech

Startup DoDo se stává důležitým partnerem RunCzecha na významných běžeckých závodech včetně 25. ročníku Volkswagen Maratonu Praha se bude starat o logistické zázemí. Lídr v oblasti městské logistiky bude mimo jiné zásobovat občerstvovací stanice a pomůže rovněž se zajištěním televizních přenosů ze závodů.

Reklama
Reklama
Obrázek ke článku Možnosti současného tisku: kloubní protéza, gigantický billboard i fotoobklady

Možnosti současného tisku: kloubní protéza, gigantický billboard i fotoobklady

Moderní technologie tvoří svět kolem nás. Raketový vývoj zaznamenává oblast informačních technologií ruku v ruce s odvětvím zaměřeným na tisk. Nové postupy a přístroje v tiskařské oblasti nacházejí uplatnění v mnoha směrech. Od zdravotnictví a průmyslu, zejména díky 3D tiskárnám, přes reklamu až po přenášení motivů na obklady užívané jako moderní prvek v interiérech. Současnost zkrátka přináší nespočet druhů tisku, protože díky nynějším přístrojům lze vytisknout v podstatě cokoliv. Jaké nejzajímavější možnosti jsou k mání?

Obrázek ke článku Nezávislý bezpečnostní audit varuje: Lidé ukládají na Ulož.to firemní hesla, smlouvy i rodná čísla

Nezávislý bezpečnostní audit varuje: Lidé ukládají na Ulož.to firemní hesla, smlouvy i rodná čísla

Veřejná online úložiště jsou pro firmy zásadním bezpečnostním rizikem úniku a ztráty citlivých firemních dokumentů i osobních údajů. Zjištění vychází z výsledků bezpečnostní analýzy souborů na Ulož.to, kterou provedli odborníci na kyberbezpečnost ze SODAT. Analýza odhalila stovky firemních přístupových hesel, rodných čísel i pracovních smluv. Ty nahrávají na veřejná úložiště nejčastěji sami zaměstnanci v rámci zálohování nebo sdílení souborů. 

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032019 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý