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 149×

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

Reklama
Reklama
Obrázek ke článku Blockchain & Bitcoin konference

Blockchain & Bitcoin konference

V pátek 19. 5. 2017 se v pražském konferenčním centru Andel’s konala Blockchain & Bitcoin konference. Řada odborníků a podnikatelů v oboru blockchainu a kryptoměn představila možnosti budoucího směřování tohoto oboru. Speakeři většinou rusky mluvící provenience prezentovali řešení svých firem založená na technologii blockchainu.

Obrázek ke článku Malware KONNI se úspěšně skrýval 3 roky. Odhalil ho bezpečnostní tým Cisco Talos

Malware KONNI se úspěšně skrýval 3 roky. Odhalil ho bezpečnostní tým Cisco Talos

Bezpečnostní tým Cisco Talos odhalil celkem 4 kampaně dosud neobjeveného malwaru, který dostal jméno KONNI. Ten se dokázal úspěšně maskovat od roku 2014. Zpočátku se malware zaměřoval pouze na krádeže citlivých dat. Za 3 roky se ale několikrát vyvinul, přičemž jeho současná verze umožňuje útočníkovi z infikovaného počítače nejenom krást data, ale i mapovat stisky na klávesnici, pořizovat screenshoty obrazovky či v zařízení spustit libovolný kód. Pro odvedení pozornosti oběti zasílali útočníci v příloze také obrázek, zprávu a výhružkách severokorejského režimu či kontakty na členy mezinárodních organizací.

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ý