Stránka 1 z 1

[HTML Návody] č.3 - Jednoduché menu

Napsal: 05 bře 2015 17:19
od Againuser
Dobrý den vítejte u návodu na HTML.
Jak jistě víte me jméno je Again a v prvním díle jsem vám psal ,že vás naučím vytvořit webové stránky.
Dnes si ukážeme jednoduché menu ,které je využiváno nejvíce.
Menu není udělané tak jak by mělo ,ale tak aby to pochopil úplně každý.
Menu není přes CSS ,ale přes HTML a to přes funkci BUTTON.
Je to velice jednoduché ,existuji 2 hlavní druhy buttonu.
<button>pc-help</button> [Bez přesměrování na web]
<a href="http://www.pc-help.cz"><button>pc-help</button></a> [ S přesměrováním na web ]
Já jsem vytvořil menší ukázku : (Viz.Příloha)
Kód :

Kód: Vybrat vše

<head>
<meta charset="utf-8">
<title>TESTOVACI WEB</title>
<center><h1><font color="blue">Tvorba webových stránek pomocí HTML</font></h1></center>
<center><p>Ukázka webu (inprovizace)</p></center>
</head>
<body>
<style> body {background-color: red}</style>
<center><a href="http://www.pc-help.cz"><button>PC-HELP</button></a>
<a href="http://www.seznam.cz"><button>Seznam</button></a>
<a href="http://www.google.cz"><button>Google</button></a>
<a href="http://www.czc.cz"><button>CZC</button></a></center>
</body>

Re: [HTML Návody] č.3 - Jednoduché menu

Napsal: 05 bře 2015 17:26
od TheSkeleton
Nemáš tam ukončený <center> u toho menu

Re: [HTML Návody] č.3 - Jednoduché menu

Napsal: 05 bře 2015 17:29
od Againuser
OPRAVENO
Děkuji !

Re: [HTML Návody] č.3 - Jednoduché menu

Napsal: 05 bře 2015 19:11
od x-rated
mám takovej pocit, že tu poslední dobou každýho jenom zprdávám, ale to je hrozný, kdes vykouzlil takovej čuněčí kód? kde máš <html>? jakej center? button do odkazu? h1 a p uvnitř head? tohle by měl někdo v zájmu záchrany budoucích začátečnickejch webů zcenzurovat a viníka řádně potrestat :shock: po tomhle dneska neusnu :evil:

Re: [HTML Návody] č.3 - Jednoduché menu

Napsal: 05 bře 2015 19:41
od faraon
Bylo by dobré, než se pustíš do buttonů a podobných čudlíkovin, ukázat ještě pár základních věcí. Třeba odkazy jako takové, absolutní a relativní, případně kotvy v rámci jedné stránky.

Ale úplně nejdřív bys měl shrnout to co jsi ukázal v předešlých dvou dílech, a předvést to nejzákladnější, kostru HTML stránky, čili to co v ní prostě být musí. A ten zmíněný tag <html> mezi povinné věci opravdu patří, nenech se zmýlit tím že ti to prohlížeč zobrazí, ono to za rok nebo dva totiž už nemusí platit! A buď rád že XHTML zapadlo do digitálního smetiště dějin, tam bys hodně tvrdě narazil.

A nakonec naprosto nezbytná věc pro ruční tvorbu webů, ale vlastně jakékoliv kódování (programátoři dobře vědí), ODSAZOVÁNÍ! A to jak horizontální tak vertikální, na tom radši tvrdě zapracuj, protože to je jediný způsob jak se v trochu složitějším zdrojáku vyznat. To co jsi napsal ty je prostě nudle nějakých divných slov, která nemá žádnou strukturu. Také proto jsi zapomněl ukončit ten CENTER, kdybys odsazoval, viděl bys hned že ti nesedí úrovně.

Re: [HTML Návody] č.3 - Jednoduché menu

Napsal: 05 bře 2015 20:13
od domitea
Nedá mi to, ale taky si hodím jeden šutr...

Máš tam tag style, kde definuješ CSSkem barvu pozadí. Byl by taková problém tam dát i barvu hlavního nadpisu? Vlastnosti CSS v tagu se zpravidla používají jen na debug/vývoj.

Tag button sice existuje, ale má se používat input.... To samé center, použij CSS.

Pokud tě CSS nebaví, použij bootstrap a podobné, nebo SASS, LESS...

Re: [HTML Návody] č.3 - Jednoduché menu

Napsal: 05 bře 2015 20:19
od faraon
Já bych to udělal opačně, když už bez CSS, tak pozadí stránky obarvím takhle: <body bgcolor="red"> :P