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

HTML II. - 1. lekceHTML II. - 1. lekce

 

HTML II. - 1. lekce

Google       Google       27. 2. 2006       17 259×

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 Seznamte se s open source platformou NopCommerce – 1. díl

Seznamte se s open source platformou NopCommerce – 1. díl

Hledáte e-commerce řešení, které si dokážete přizpůsobit podle vašich požadavků? Chcete čistý a srozumitelný kód, se kterým bude radost pracovat? Prozkoumejte s námi možnosti open source projektu NopCommerce. Seriál programování pod NopCommerce Vám pomůže překonat první kroky nejistoty a úspěšně zvládnout vývoj pod platformou NopCommerce.

Reklama
Reklama
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ší.

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