Stránku spravuje Ema Fialová

Tvorba webových stránek

Základy

Co je to webová stránka

Webová stránka je označení pro soubor dat zobrazovaný uživateli webovým prohlížečem.

Struktura HTML dokumentu

Struktura dokumentu jsou značky, které tvoří strukturu. Také obsahují informace pro vyhledávač nebo prohlížeč.

Nejdřívě "(html)", dále hlavička "(head)", následuje tělo "(body)" a další. (HTML) se nachází na začátku a konci textu.

<!DOCTYPE...> umožňuje nastavení typu struktury dokumentu.

Význam některých HTML značek

značka	P/N	význam
<html>	P	ohraničuje celý html dokument
<meta>	N	obsahuje různé informace
<title>	P	titulek
<head>	P	hlavička dokumentu
<body>	P	tělo dokumentu
<p>	P	odstavec
<h1>	P	hlavní nadpis

html   P   ohraničuje celý html dokument
meta   N
title  P
head   P
body   P
p      P
h1     P

Odkazy

Jak se dělá odkaz

Odkaz je stručnou informací o internetové stránce. Při vytváření odkazu začínáme značkou <a, která následně slouží i k zakončení odkazu. Následuje atribut ;<href>, hodnotou atributu je adresa souboru na který chceme odkazovat. Můžeme přidat atribut target=”_blank” díky čemu otevřeme odkaz na jiné stránce.

Příklady odkazů

Odkaz na portál seznam.cz
Odkaz na konkrétní článek
Odkaz na pokusný dokument ve složce
Odkaz na dlouhý dokument ve složce
Odkaz na dokument 3
Odkaz na dokument 4
Odkaz na formulář 1
Odkaz na 1.kapitolu dlouhého dokumnetu
Odkaz na 5.kapitolu dlouhého dokumnetu
Tento dokument se otevře v novém okně
Tento dokument se otevře v novém okně
Tento obrázek se otevře v okně obrázeček
Tento obrázek se otevře v okně obrázeček
Tento obrázek se otevře v okně obrázeček
Webový formulář
Webový formulář otevřený v novém okně pomocí window.open()

obrázky

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam sed tellus id magna elementum tincidunt. Quisque tincidunt scelerisque libero. Etiam commodo dui eget wisi. Vivamus porttitor turpis ac leo. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Nunc tincidunt ante vitae massa. Proin in tellus sit amet nibh dignissim sagittis. Aenean vel massa quis mauris vehicula lacinia. Suspendisse nisl. Sed ac dolor sit amet purus malesuada congue. Curabitur sagittis hendrerit ante. Mauris tincidunt sem sed arcu. Morbi leo mi, nonummy eget tristique non, rhoncus non leo. Fusce suscipit libero eget elit. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede.