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

HTML II. - 1. lekceHTML II. - 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 II. - 1. lekce

Google       Google       27. 2. 2006       18 436×

Tentokrát probereme základní strukturu, neboli syntaxi, a obsah tagu <HEAD>

Reklama
Reklama

Tagy

Rozpoznáváme dva druhy tagů, a to:


  • párové - <tag></tag>
  • nepárové - <tag>

Oba druhy tagů mohou obsahovat další parametry, které obsahují hodnoty. Výsledek potom vypadá asi takto:

<tag parametr="hodnota">

nebo

<tag parametr="hodnota"></tag>

Pozor, při ukončování párového tagu se nepíší parametry. Hodnoty by se měly dávat do uvozovek, zvláště pokud má hodnota dvě slova, protože bez uvozovek by druhé slovo bral prohlížeč jako další parametr.

Základní struktura

Základní struktura, neboli syntaxe, obsahuje tag HEAD a tag BODY uzavřený do tagu HTML, přičemž všechny tagy jsou párové. Takže ten základ vypadá asi takhle:


<HTML>
  <HEAD>
  </HEAD>
  <BODY>
  </BODY>
</HTML>

Kam co napsat

Mezi tagy <HEAD> a </HEAD> se toho moc nenapíšete. Ale i mezi tyto tagy se vkládají důležité věci. Mezi tyto tagy vložíte třeba párový tag <TITLE> a </TITLE>, protože vše napsané mezi těmito tagy se napíše do hlavičky stránky. Dále se mezi tagy <HEAD> a </HEAD> vkládají takzvané META tagy, jenž říkají informace o stránce prohlížeči.

Syntaxe meta tagu vypadá asi takhle:

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

Taky se používá:

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

Ale já http-equiv používám jen pro typ kódování, které se zapíše takto:

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

Nakonec seznam některých meta tagů:

jméno: obvyklá hodnota:
author jméno autora
description obsah stránky
generator v čem jste psali zdrojový kód

BODY

Mezi tagy <BODY> a </BODY> se píše vše, co bude viditelné na stránce. Více příště o formátování textu.

Dodatky

HTML není case-sensitive. To znamená, že nezáleží na velikosti písmen. Jinak řečeno, <BODY> = <body>.

Domácí úkol

Vytvořte mi stránku, na které nebude nic napsáno, ale bude mít titulek, jméno autora a váš oblíbený generátor zdrojového kódu.

Příště: Formátování textu

×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) Radek BoudaRadek Bouda studuje na Fakultě aplikovaných věd Západočeské univerzity v Plzni. Programuje v jazyce Java a zajímá se platformu .NET. Kromě programování má rád také cyklistiku, volejbal, skauting a pohyb venku obecně.
Web     Twitter     Facebook    

Nové články

Obrázek ke článku Lepší hosting chrání i vaše data

Lepší hosting chrání i vaše data

Kybernetických útoků na webové stránky rok od roku přibývá, jsou čím dál důmyslnější a páchají stále větší škody. Možná si říkáte, že vás se to netýká, opak je ale pravdou. Jeden z nejčastějších typů útoku využívá zranitelnosti samotných webových stránek a spočívá v umístění škodlivé části programového kódu (tzv. malware) přímo do jejich těla. 

Reklama
Reklama
Obrázek ke článku Spotřebitelé důvěřují novým technologiím při péči o seniory, ale správu financí by jim nesvěřili

Spotřebitelé důvěřují novým technologiím při péči o seniory, ale správu financí by jim nesvěřili

 71 % vítá nové technologie ke sledování zdravotního stavu postarších příbuzných, které jim umožňují žít déle doma

 Pouhých 7 % by svěřilo správu svých financí umělé inteligenci, i kdyby to znamenalo rychleji naspořit prostředky na pořízení bydlení

 64 % respondentů nemá dojem, že firmy a stát dostatečně informují o tom, jaké technologie a jak užívají

Obrázek ke článku Mobilní operátoři využívají digitální modely terénů a kvůli stavebnímu boomu i 3D modely budov

Mobilní operátoři využívají digitální modely terénů a kvůli stavebnímu boomu i 3D modely budov

Mít pokrytí co nejširšího území Česka a nabízet svým zákazníkům co nejlepší signál je společným cílem všech mobilních operátorů. Při plánování sítí proto využívají aktualizovaných digitálních modelů terénu, jež jim umožňují přesně si vypočítat pokrytí a šíření signálu. V hustě zastavěných oblastech a s ohledem na stavební boom jim pak pomáhají také 3D modely budov, které by jim při nesprávném umístění vysílače mohly signál blokovat.

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