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

HTML - 1. lekceHTML - 1. lekce

 

HTML - 1. lekce

Google       Google       6. 7. 2005       34 185×

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 Hackerský kongres přiveze v září do Prahy špičky světové kryptoanarchie

Hackerský kongres přiveze v září do Prahy špičky světové kryptoanarchie

Hackerský kongres HCPP16 pořádá od 30. září do 2. října nezisková organizace Paralelní Polis již potřetí, a to ve stejnojmenném bitcoinovém prostoru v pražských Holešovicích. Letos přiveze na třídenní konferenci přes 40 většinou zahraničních speakerů – lídrů z oblastí technologií, decentralizované ekonomiky, politických umění a aktivismu. Náměty jejich přednášek budou také hacking, kryptoměny, věda, svoboda nebo kryptoanarchie.

Reklama
Reklama
Obrázek ke článku ICT PRO školení zaměřené nejenom na ICT

ICT PRO školení zaměřené nejenom na ICT

Dovolte, abychom se představili. Jsme zaměstnanci společnosti ICT Pro, profesionálové v oblasti poskytování komplexních ICT služeb. Neboli služeb spojených s informačními a komunikačními technologiemi, které dnes - ve 21. století - tvoří  nedílnou součást běžného provozu všech moderních firem.

loadingtransparent (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })();
Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032016 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý