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

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

 

HTML II. - 1. lekce

Google       Google       27. 2. 2006       16 618×

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 RAD Studio a Windows Store

RAD Studio a Windows Store

RAD Studio je první vývojové prostředí se zabudovanou podporou balení aplikací typu Win32 a Win64 pro jejich umístění a šíření prostřednictvím Windows 10 Store.

Reklama
Reklama
Obrázek ke článku Testujte na 2 400+ Android a iOS zařízení

Testujte na 2 400+ Android a iOS zařízení

V dnešní době, kdy většina softwaru pro mobilní aplikace je tvořena a distribuována průběžně, mnohdy do celého světa je třeba zajistit také průběžnou automatizaci testování mobilního softwaru. V případě mobilních aplikací pro Android a iOS začíná být problém, jak testovat na obrovském množství kombinací HW variant, rozměrů, edic operačních systémů různých výrobců v různých částech světa na reálných zařízení. Simulátory a emulátory nejsou většinou to pravé. Pokud již testuji, jak si udělat vlastní beta distribuci opravdovým reálným testerům napříč platformami?

Obrázek ke článku Funkcie main vo Windows API

Funkcie main vo Windows API

V tretej časti seriálu o Windows API budeme hovoriť o funkčných prototypoch main. Funkčný prototyp je tvorený názvom funkcie a typom signatúry, pričom sa vynecháva telo funkcie. 

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ý