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

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

HTML II. - 1. lekce

Google       Google       27. 2. 2006       17 466×

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 První český hackathon ve vlaku inspirovaly služby jako  Tinder, Airbnb nebo Uber

První český hackathon ve vlaku inspirovaly služby jako Tinder, Airbnb nebo Uber

Patnáct set kilometrů, cesta přes dva státy, šestnáct hodin programování a přísun energy drinků, tak by se dal shrnout unikátní hackathon ve vlaku pořádaný Kiwi.com. Z Prahy do Košic a zpět se svezlo celkem 13 týmů, každý s originálním nápadem. Hlavní výhru, voucher na letenky v hodnotě 2 500 EUR, si v Praze převzal tým až z Ukrajiny.

Reklama
Reklama
Obrázek ke článku Gamifikace nakupování dorazila i do České republiky

Gamifikace nakupování dorazila i do České republiky

Zákazníci zejména retailových společností jsou často znuděni klasickými věrnostními či motivačními programy. Většinou z toho důvodu, že jsou jeden jako druhý a nepřináší nic nového. Ale i v České republice se projevují zahraniční trendy, nedávno zde totiž vstoupila na trh a rychle se uchytila nová platforma kombinující to nejlepší z věrnostních a motivačních programů, která navíc využívá prvky gamifikace – Rondo.cz. Na hlavní milníky vývoje nálad a motivace zákazníků a nejnovější trendy se zaměřil Jan Hřebabecký, spoluzakladatel Rondo.cz

Celý článekGoogle2. listopadu 2017PR
Obrázek ke článku NopCommerce – datová vrstva a přístup k datům – 2. díl

NopCommerce – datová vrstva a přístup k datům – 2. díl

V minulém článku jsme si představili platformu NopCommerce z globálního pohledu. V dnešním díle se již zaměříme na konkrétní část systému, a to datovou vrstvu. Představíme si základní stavební kameny systému v podobě doménových objektů. Ukážeme si, jakým způsobem rozšířit doménové objekty a jakým způsobem přistupuje NopCommerce k nastavení systému a modulů.

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