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       35 410×

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 Facebook spouští službu Marketplace V ČR

Facebook spouští službu Marketplace V ČR

Společná platforma Marketplace usnadní lidem na Facebooku vyhledávání, nákup a prodej použitého zboží na lokální úrovni. Bude tak přímou konkurencí pro weby a aplikace se stejným zaměřením jako je například Letgo, Bazoš, Aukro, Sbazar a další.

Reklama
Reklama
Obrázek ke článku DistrCut – optimalizace pomocí distribuované inteligence

DistrCut – optimalizace pomocí distribuované inteligence

Optimalizační systémy, které jsem dosud popisoval, se týkaly vždy optimalizace na jednom zařízení. Optimalizovalo se dělení tyčového materiálu na jedné pile, vypalování plošného materiálu na jednom plazmovém stroji, řídilo se tavení na jedné elektrické obloukové peci.

Ve výrobním procesu je však často nutné optimalizovat činnost celého výrobního úseku, kde je více různých objektů odlišného typu a koordinovat činnost těchto objektů k dosažení společného cíle, zpravidla kvality finálního výrobku. Řešení tohoto problému umožňuje distribuovaná inteligence.

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 © 20032017 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý