Jakub linhart

Tvorba webových stránek

Základy

Co je to webová stránka

Sdílený html dokument, který lze zobrazit za pomocí webového prohlížeče.

Struktura HTML dokumentu

Html dokument se skládá z <!DOCTYPE> které může být v budoucí práci užitečné částečně je to také formalita. Jako další můžeme najít <html>, které určuje začátek a konec celého dokumentu. <head> neboli "hlavička dokumetu" se nijak nezobrazuje lze v něm však využít další tagy jako jsou např.:(title, meta, link, style, script aj.). <body také "tělo dokumentu" obsahuje veškerý zobrazovaný obsah stránky tělo dokumentu může obsahovat nejruznější atributy. Části <html>, <head> a <body> potřebují také svoji ukončující část a to </html>, </head> a </body>. !</html> se nachází na konci celého dokumentu!

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

HTML Značky

ZnačkaP/N Význam
<html> P ohraničuje celý html dokument
<meta> N obsahuje informace o HTML dokumentu
<title> P definuje pojmenování dokumentu
<head> P definuje hlavičku dokumentu
<body> P tělo dokumentu
<p> P ozačuje odstavec textu
<h1> P hlavní nadpis obsahu s nejvyšší sílou významu obsažených slov (vyjma titulku)


html    P  ohraničuje celý html dokument
meta    N  obsahuje informace o HTML dokumentu
title   P  definuje pojmenování dokumentu
head    P  definuje hlavičku dokumentu
body    P  tělo dokumentu
p       P  ozačuje odstavec textu
h1      P  hlavní nadpis obsahu s nejvyšší sílou významu obsažených slov (vyjma titulku)

Odkazy

Jak se dělá odkaz

Jak se dělá odkaz v html

Odkazy v html dokumentu vypadají například takhle <a href=”[jméno_dokumentu]”>[klikatelný text]</a>. Tímto jsme si vytvořili náš první klikatelný odkaz v hml dokumentu. K tomuto odkazu můžeme přidat atribut target=”_blank” což nám daný odkaz otevře na nové stránce příklad: <a href=”[jméno_dokumentu]” target=”_blank”>[klikatelný text]</a>. Hurá už umíme vytvořit odkaz v dokumentu html.

↓↓↓Tady názorně předvedu↓↓↓

Příklady:

Odkaz na pomocný dokument 1
Odkaz na pomocný dokument 2
Odkaz na pomocný dokument 2 1. kapitola
Odkaz na pomocný dokument 2 kapitola zhruba uprostřed
Odkaz na pomocný dokument 2 poslední kapitola
Webový formulář
Webový formulář otevřený v novém okně pomocí window.open()

Obrázky

.jpg

.gif