Tvorba vebových stránek
Vytvoření webového formuláře ...
krok1 (7.2.)
Úvod
Co je webová stránka
Soubor dat v určitém prohlížeči psaný pomocí formi HTML. Najdu na něm informace o čemkoli co zrovna potřebuji zjistit, je to taková forma prezentace
Struktura html dokumentu
HTML dokument je rozdělen na dvě části, na: hlavička - <head> & tělo - <body>
hlavička obsahuje název dokumentu - title, tělo obsahuje vše ostatní - text, odstavce, nápisy, obrázky
Význam některých HTML značek
| značka | P/N | význam |
|---|
| <html> | P | ohraničuje celý html dokument |
| <head> | P | hlavička dokumentu |
| <body> | P | tělo dokumentu |
| <p> | P | odstavec |
html P ohraničuje celý html dokument
head P hlavička dokumentu
body P tělo dokumentu
p P odstavec
Odkazy
Jak se dělá odkaz
Odkaz se vytváří pomocí značky <a>.Dále pomocí atributu href (hypertext reference), který určuje adresu (URL) cílové stránky, na kterou se má uživatel po kliknutí na odkaz přenést.
Adresa může být absolutní (např. https://www.example.com) nebo relativní (např. stranka.html).
Poté se přidá text odkazu, který se zobrazí jako odkaz na webové stránce. Může to být libovolný text nebo obrázek.
Vzor:
<a href=”adresa_cílové_stránky”>text_odkazu</a>
Příklady odkazů
Odkaz portál seznam.cz
Odkaz na seznam správy
Odkaz na dokument1
Odkaz na dokument2
Odkaz na první kapitolu dloouhého dokumentu
Odkaz na druhou kapitolu dloouhého dokumentu
Odkaz na třetí kapitolu dloouhého dokumentu
Odkaz na osmdesátou kapitolu dloouhého dokumentu
Tento dokumentse otevře v novém okně
Tento dokumentse otevře v novém okně
Tento obrázekse otevře v novém okně
Tento obrázekse otevře v novém okně
Tento obrázekse otevře v novém okně
webový formulář č.1
JavaScript: webový formulář č.1
Obrázky
Nulla non arcu lacinia neque faucibus fringilla. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.
Pellentesque sapien. Etiam bibendum elit eget erat.
Suspendisse sagittis ultrices augue. Nullam at arcu a est sollicitudin euismod. Integer lacinia. Nullam sapien sem, ornare ac, nonummy non, lobortis a enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Phasellus et lorem id felis nonummy placerat. Sed vel lectus. Donec odio tempus molestie, porttitor ut, iaculis quis, sem. Integer in sapien. Sed convallis magna eu sem. Fusce nibh. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla quis diam. Nunc dapibus tortor vel mi dapibus sollicitudin. Nullam sit amet magna in magna gravida vehicula. Donec quis nibh at felis congue commodo. Nam sed tellus id magna elementum tincidunt. Nullam sit amet magna in magna gravida vehicula. Phasellus faucibus molestie nisl. Duis viverra diam non justo. Donec iaculis gravida nulla. In dapibus augue non sapien. In rutrum. Donec iaculis gravida nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Maecenas ipsum velit, consectetuer eu lobortis ut, dictum at dui. Aliquam in lorem sit amet leo accumsan lacinia.
Nullam eget nisl. Fusce suscipit libero eget elit. In dapibus augue non sapien. Aliquam erat volutpat. Phasellus et lorem id felis nonummy placerat. Maecenas ipsum velit, consectetuer eu lobortis ut, dictum at dui. Fusce suscipit libero eget elit. Nullam feugiat, turpis at pulvinar vulputate, erat libero tristique tellus, nec bibendum odio risus sit amet ante. Nullam justo enim, consectetuer nec, ullamcorper ac, vestibulum in, elit. In convallis. Duis sapien nunc, commodo et, interdum suscipit, sollicitudin et, dolor.
Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Mauris elementum mauris vitae tortor. Pellentesque pretium lectus id turpis. Sed elit dui, pellentesque a, faucibus vel, interdum nec, diam. Nunc auctor. Nullam faucibus mi quis velit. Curabitur bibendum justo non orci. Curabitur vitae diam non enim vestibulum interdum. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Donec iaculis gravida nulla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Aliquam erat volutpat.
Nullam at arcu a est sollicitudin euismod. Morbi leo mi, nonummy eget tristique non, rhoncus non leo. Etiam dui sem, fermentum vitae, sagittis id, malesuada in, quam. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Donec ipsum massa, ullamcorper in, auctor et, scelerisque sed, est. Curabitur sagittis hendrerit ante. Sed elit dui, pellentesque a, faucibus vel, interdum nec, diam. In enim a arcu imperdiet malesuada. Nullam eget nisl. Mauris elementum mauris vitae tortor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In enim a arcu imperdiet malesuada. Proin in tellus sit amet nibh dignissim sagittis.