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

Místo pro dotazy a rady ohledně programovacích jazyků (C++, C#, PHP, ASP, Javascript, VBS..) a tvorby webových stránek

Moderátor: Mods_senior

Odpovědět
Uživatelský avatar
Againuser
Level 2.5
Level 2.5
Příspěvky: 370
Registrován: 21 úno 2015 14:20

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

Příspěvek 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>
Přílohy
vzor.png
Naposledy upravil(a) Againuser dne 05 bře 2015 17:29, celkem upraveno 1 x.
}{ Pravidla fóra }{ Jsi tu poprvé ? }{ HW-Monitor }{ Návod na HJT }{
Zkus hledat se strýčkemGůůglem
Uživatelský avatar
TheSkeleton
Level 3
Level 3
Příspěvky: 493
Registrován: 31 pro 2008 18:49

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

Příspěvek od TheSkeleton »

Nemáš tam ukončený <center> u toho menu
Life's too short to remove USB safely.
Uživatelský avatar
Againuser
Level 2.5
Level 2.5
Příspěvky: 370
Registrován: 21 úno 2015 14:20

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

Příspěvek od Againuser »

OPRAVENO
Děkuji !
}{ Pravidla fóra }{ Jsi tu poprvé ? }{ HW-Monitor }{ Návod na HJT }{
Zkus hledat se strýčkemGůůglem
x-rated
Level 5
Level 5
Příspěvky: 2124
Registrován: 27 říj 2014 18:19
Bydliště: Praha
Kontaktovat uživatele:

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

Příspěvek 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:
9900K / G.Skill 32GB@4 GHz / MXI Formula / RTX 2080 Ti / Sabrent 4 TB NVMe / X-Fi THD / HD660S / G403 / G815 / UP2715K 5K IPS / HX1000i / Define R6 / EKWB full
Uživatelský avatar
faraon
Master Level 8.5
Master Level 8.5
Příspěvky: 7415
Registrován: 23 pro 2010 09:23

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

Příspěvek 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ě.
"Král Lávra má dlouhé oslí uši, král je ušatec!

(pravil K. H. Borovský o cenzuře internetu)
Uživatelský avatar
domitea
Tvůrce článků
Příspěvky: 1971
Registrován: 24 čer 2009 19:46
Bydliště: Královehradecký kraj
Kontaktovat uživatele:

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

Příspěvek 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...
Uživatelský avatar
faraon
Master Level 8.5
Master Level 8.5
Příspěvky: 7415
Registrován: 23 pro 2010 09:23

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

Příspěvek od faraon »

Já bych to udělal opačně, když už bez CSS, tak pozadí stránky obarvím takhle: <body bgcolor="red"> :P
"Král Lávra má dlouhé oslí uši, král je ušatec!

(pravil K. H. Borovský o cenzuře internetu)
Odpovědět
  • Podobná témata
    Odpovědi
    Zobrazení
    Poslední příspěvek
  • HTML editor
    od BigSandy » » v Programy ke stažení
    3 Odpovědi
    15338 Zobrazení
    Poslední příspěvek od pcmaker
  • Kdo umí číst kód HTML? Doladit jednu podmínku.
    od Minapark » » v Programování a tvorba webu
    22 Odpovědi
    18006 Zobrazení
    Poslední příspěvek od Minapark

Zpět na „Programování a tvorba webu“