Kdy a kde se používají určité "příkazy" v HTML(tvorbě vebu)

zezr · Příspěvekod **zezr** » 07 bře 2013 10:23

Ahoj
Začal jsem psát web a dal jsem si cíl že udělám seznam něčeho(nějakých internetových stránek) a v tom "projektu" použiju všechny možné příkazy.
Učím se odtud a narazil jsem na to ,že jsem nepochopil co chtěl autor některými pojmy říci a nebo,že tam není příklad jak se to používá. A proto bych vás chtěl poprosit o trpělivost a o vysvětlení. Na princip si snad přijdu sám ale potřeboval bych vysvětlit k čemu je třeba <div></div> vím že to je párová dvojice a že / je v ukončujícím příkazu.
Díky

Reklama

CZechBoY · Příspěvekod **CZechBoY** » 07 bře 2013 10:36

Ahoj,
div je blokový prvek a používá se k rozřazení prvků stránky, zejména se používá na tvorbu layoutu
příklad stránky:

HTML píše:<!DocType HTML>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/layout.css" media="scree,projection,tv" />
<meta charset="utf-8" />
<title>Zkouška layoutu</title>
</head>
<body>
<div id="all">
<div id="header"></div>
<div id="container">
<div id="column_left"></div>
<div id="column_right"></div>
<div id="content">blablabla</div>
</div>
</div>
</div>
</body>
</html>

zezr · Příspěvekod **zezr** » 07 bře 2013 11:04

Mělo vyjít samotné "blablabla"?
co znamená v textu column_left

_vcn · Příspěvekod **_vcn** » 07 bře 2013 11:09

Ty asi ještě neděláš s CSS, že? ID je identifikátor a používá se už podle názvu pro identifikaci při nastavování vlastností v CSS.
Až budeš používat CSS, tak se k tomu dostaneš. Zatím to nemusíš řešit.

zezr · Příspěvekod **zezr** » 07 bře 2013 11:18

Hmm. už jsem dnes taky chtěl trošku začít s CSS(to je design webu ne?)

_vcn · Příspěvekod **_vcn** » 07 bře 2013 11:29

Ano, CSS (cascading style sheets) slouží ke stylizaci webu.
Ale nejdřív si pořádne nastuduj a procvič HTML. Protože jak budeš dělat chyby v HTML, pak
bude CSS zlobit. A navíc CSS nemusí být pro úplného začátečníka zrovna nejlehčí.

V jakým editoru píšeš weby? Za sebe doporučuju PSPad.

CZechBoY · Příspěvekod **CZechBoY** » 07 bře 2013 11:33

za sebe doporučuju css, hodí se pro rozsáhlejší kody, umí různě schovávat text

já tohle uč se nejdřív tohle, potom tohle moc neuznává, sám jsem se učil všechno dohromady

zezr · Příspěvekod **zezr** » 07 bře 2013 15:36

No právě to chci zkusit. Já totiž mám kámoše který v html a css umí(zajímá se o to) a pak mam možnost konzultace s člověkem který se tím živý.

takže to mám snad trošku výhodu.
Používám PSPad.

CrazyC0de · Příspěvekod **CrazyC0de** » 07 bře 2013 16:15

PSPad je dobrej, ten se ze začátku používal též, avšak nyní používám Notepad++...

Div je selektor, může to být třída nebo id, pak si můžeš třídu nebo idčko nastylovat v CSS..

Praktická ukázka :

Kód: Vybrat vše

<style>
#test{color: red;text-align: center;}
</style>
<div id="test">
Tento text bude na středu a jeho barva bude červená.


</div>

+ Identifikátor ID by se na stránce měl vyskytovat pouze 1, kdežto třídu můžeš použít kolikrát si zamaneš.

Savarkar · Příspěvekod **Savarkar** » 07 bře 2013 17:07

<div> se používá k oddělení obsahu na stránce. Implicitně ho prohlížeč nijak graficky nezobrazuje, nepřidává textu žádné vlastnosti.

Příklad použití je třeba, když chceš mít na stránce obsah rozdělený do dvou bloků, jednoho s červeným pozadím a druhého s modrým. V každém bloku máš nadpis <h1> a odstavec <p>. Můžeš každému z těchto prvků nastavit pomocí css pozadí, ale bude to pracné, protože to musíš udělat dvakrát a nemusí se to zobrazit správně. Potřebuješ tedy nějaký společný nadřazený element (konteiner) pro tyto dva prvky, kterému by jsi nastavil pozadí. Nemůžeš použít žádný element, který přidává textu nějaké grafické vlastnosti, protože je nechceš a taky to nemůžeš nastavit pro celý html dokument, protože chceš mít jeden blok s modrým a druhý s červeným pozadím. Použiješ tedy div.

Div se používá pro tyto účely pro víceřádkový obsah. Pokud chceš přidat specifické vlastnosti třeba jenom několika slovům v jednom řádku, používá se element <span>.

zezr · Příspěvekod **zezr** » 07 bře 2013 19:47

Jasný takže když budu chtít rozdělit pozadí . za textem tak to udělám přes ten div

Skrátka a dobře když chci něco přednastavit pro velké množství textu tak to udělám přes <div>
Nastavím
Proč se tam píše # a jak se vubec píše?
<style> #test{color:green;}...
</style>
<div id="test">
to co bude mezi závorkami bude zelené
</div>

CrazyC0de · Příspěvekod **CrazyC0de** » 07 bře 2013 20:31

Ano, přesně tak :-) vidím, že jsi to z mého kodu pochopil, chápu správně ?

Kdy a kde se používají určité "příkazy" v HTML(tvorbě vebu)

Kdy a kde se používají určité "příkazy" v HTML(tvorbě vebu)

Re: Kdy a kde se používají určité "příkazy" v HTML(tvorbě ve

Re: Kdy a kde se používají určité "příkazy" v HTML(tvorbě ve

Re: Kdy a kde se používají určité "příkazy" v HTML(tvorbě ve

Re: Kdy a kde se používají určité "příkazy" v HTML(tvorbě ve

Re: Kdy a kde se používají určité "příkazy" v HTML(tvorbě ve

Re: Kdy a kde se používají určité "příkazy" v HTML(tvorbě ve

Re: Kdy a kde se používají určité "příkazy" v HTML(tvorbě ve

Re: Kdy a kde se používají určité "příkazy" v HTML(tvorbě ve

Re: Kdy a kde se používají určité "příkazy" v HTML(tvorbě ve

Re: Kdy a kde se používají určité "příkazy" v HTML(tvorbě ve

Re: Kdy a kde se používají určité "příkazy" v HTML(tvorbě ve

Kdo je online