[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

Uživatelský avatar
Againuser
Level 2.5
Level 2.5
Příspěvky: 370
Registrován: únor 15
Pohlaví: Muž
Stav:
Offline

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

Příspěvekod Againuser » 05 bře 2015 17:19

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

Reklama
Uživatelský avatar
TheSkeleton
Level 3
Level 3
Příspěvky: 493
Registrován: prosinec 08
Pohlaví: Muž
Stav:
Offline

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

Příspěvekod TheSkeleton » 05 bře 2015 17:26

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: únor 15
Pohlaví: Muž
Stav:
Offline

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

Příspěvekod Againuser » 05 bře 2015 17:29

OPRAVENO
Děkuji !
}{ Pravidla fóra }{ Jsi tu poprvé ? }{ HW-Monitor }{ Návod na HJT }{
Zkus hledat se strýčkemGůůglem

Uživatelský avatar
x-rated
Level 5
Level 5
Příspěvky: 2124
Registrován: říjen 14
Bydliště: Praha
Pohlaví: Muž
Stav:
Offline
Kontakt:

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

Příspěvekod x-rated » 05 bře 2015 19:11

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: 7397
Registrován: prosinec 10
Pohlaví: Muž
Stav:
Offline

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

Příspěvekod faraon » 05 bře 2015 19:41

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ů
Level 4.5
Level 4.5
Příspěvky: 1971
Registrován: červen 09
Bydliště: Královehradecký kraj
Pohlaví: Muž
Stav:
Offline
Kontakt:

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

Příspěvekod domitea » 05 bře 2015 20:13

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: 7397
Registrován: prosinec 10
Pohlaví: Muž
Stav:
Offline

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

Příspěvekod faraon » 05 bře 2015 20:19

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)


  • Mohlo by vás zajímat
    Odpovědi
    Zobrazení
    Poslední příspěvek
  • HTML editor
    od BigSandy » 21 led 2025 09:51 » v Programy ke stažení
    3
    12235
    od pcmaker Zobrazit poslední příspěvek
    03 úno 2025 09:00
  • Kdo umí číst kód HTML? Doladit jednu podmínku. Příloha(y)
    od Minapark » 06 led 2025 09:21 » v Programování a tvorba webu
    22
    10008
    od Minapark Zobrazit poslední příspěvek
    20 led 2025 16:54

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

Kdo je online

Uživatelé prohlížející si toto fórum: Žádní registrovaní uživatelé a 6 hostů