Tvorba webových stránek

TVORBA VLASNÍHO WEBU -HTML
ODKAZY CSS PHP Javascript Videonávody HTML Formuláře Hlavní strana Programy Užitečné Tagy Bavte se Felix Holzmann-Akvárium- Felix Holzmann - Šachová koncovka Felix Holzmann - Skleróza Felix Holzmann - Aluminiový klíček Felix Holzmann - Včera Dnes a Zítra Felix Holzmann - Seznamovací kancelář	HTML je základní programovací jazyk vůbec.Především ho potřebujete ho na výrobu stránek. HTML znamená HyperText Markup Language - hypertextový (hypertext = odkaz) značkovací jazyk. Jako První krok si stáhneme PSPad a Total commander(obojí si můžete stáhnout v sekci programy). Návod jak používat PSPad naleznete zde V PSPadu si uděláme soubor s názvem (nejaký váš název).html ale jednou můžete použít i INDEX.html. Index.html je to co se na tý vaší stránce zobrazí jako prvni. <html> //začátek dokumentu <head> // hlavička dokumentu <title>Ahoj </title> //místo Ahoj si tam můžete dát něco svého </head> <body> //telíčko dokumentu </body> </html> //konec dokumentu Vypadá to takhle. Je to ošklivé protože tam je jen prázdná stránka. Příště si ukážeme jak na stránku dát TEXT. Teď uděláme stránku s nějakým textem: <html> //začátek dokumentu <head> // hlavička dokumentu <title>Ahoj </title> //místo Ahoj si tam můžete dát něco svého </head> <body>text...text...text..text //telíčko dokumentu // text co tam chcete já jsem zvolil: ahoj světe jak se vede </body> </html> //konec dokumentu Vypadá to takhle Příště si ukážeme jak na stránku dát ODKAZ a OBRÁZEK. Teď uděláme stránku s odkazem a obrázkem: <html> //začátek dokumentu <head> // hlavička dokumentu <title>Ahoj </title> //místo Ahoj si tam můžete dát něco svého </head> <body> //telíčko dokumentu <a href= HTML.html>toto je odkaz</a>// místo HTML.html si tam můžete dát něco jiného například stránku nějakého prohlížeče, nebo odkazu který jsme si vytvořili v PSPadu. A teď obrázek:<img src=http://owebu.bloger.cz/obrazky/owebu.bloger.cz/google_3.jpg alt=google> teď trochu vysvětlení: tag <img>je tag pro vkládání obrázků a je nepárový, SRC= adresa obrázku, ALT=popis obrázku </body> </html>//konec dokumentu Obojí to vypadá tahke Příště si ukážeme jak na stránce OBARVIT POZADÍ. Teď si obarvíme pozadí stránky: <html> //začátek dokumentu <head> // hlavička dokumentu <title>Ahoj </title> //místo Ahoj si tam můžete dát něco svého </head> <body bgcolor=blue> //telíčko dokumentu //místo barvy blue(modrá) si tam dejte svojí ale pozor musí být v Angličtině //bgcolor je zkratka pro back(zadní),ground(pole),color(barva) </body> </html> //konec dokumentu Vypadá to takhle Příště si ukážeme jak smíchat na stránce VŠE DOHROMADY. A teď spojíme vše dohromady: <html> <head> <title>Ahoj </title> </head> <body bgcolor=blue> ahoj světe jak se vede <a href= takhle3.html>toto je odkaz</a> A teď obrázek:<img src=http://owebu.bloger.cz/obrazky/owebu.bloger.cz/google_3.jpg alt=google> // místo toho obrázku GOOGLU si tam můžete dát svůj. </body> </html> Bude to vypadat takhle

TVORBA VLASNÍHO WEBU -HTML

HTML je základní programovací jazyk vůbec.Především ho potřebujete ho na výrobu stránek. HTML znamená HyperText Markup Language - hypertextový (hypertext = odkaz) značkovací jazyk.
Jako První krok si stáhneme PSPad a Total commander(obojí si můžete stáhnout v sekci programy).
Návod jak používat PSPad naleznete zde
V PSPadu si uděláme soubor s názvem (nejaký váš název).html ale jednou můžete použít i INDEX.html. Index.html je to co se na tý vaší stránce zobrazí jako prvni.

 <html> //začátek dokumentu
<head> // hlavička dokumentu 
<title>Ahoj </title> //místo Ahoj si tam můžete dát něco svého
</head>
<body> //telíčko dokumentu
</body>    
</html> //konec dokumentu

Vypadá to takhle. Je to ošklivé protože tam je jen prázdná stránka.
Příště si ukážeme jak na stránku dát TEXT.

Teď uděláme stránku s nějakým textem:

 <html> //začátek dokumentu
<head> // hlavička dokumentu 
<title>Ahoj </title> //místo Ahoj si tam můžete dát něco svého
</head>
<body>text...text...text..text //telíčko dokumentu
// text co tam chcete já jsem zvolil: ahoj světe jak se vede
</body>    
</html> //konec dokumentu

Vypadá to takhle
Příště si ukážeme jak na stránku dát ODKAZ a OBRÁZEK.

Teď uděláme stránku s odkazem a obrázkem:

 <html> //začátek dokumentu
<head> // hlavička dokumentu 
<title>Ahoj </title> //místo Ahoj  si tam můžete dát něco svého
</head>
<body> //telíčko dokumentu
 <a href= HTML.html>toto je odkaz</a>// místo HTML.html si tam můžete dát něco jiného například stránku nějakého prohlížeče, nebo odkazu který jsme si vytvořili v PSPadu.
 
 A teď obrázek:<img src=http://owebu.bloger.cz/obrazky/owebu.bloger.cz/google_3.jpg alt=google>  teď trochu vysvětlení: tag  <img>je tag pro vkládání obrázků a je nepárový, SRC= adresa obrázku, ALT=popis obrázku
 </body>    
</html>//konec dokumentu

Obojí to vypadá tahke
Příště si ukážeme jak na stránce OBARVIT POZADÍ.

Teď si obarvíme pozadí stránky:

<html> //začátek dokumentu
<head> // hlavička dokumentu 
<title>Ahoj </title> //místo Ahoj si tam můžete dát něco svého
</head>
<body bgcolor=blue> //telíčko dokumentu 
//místo barvy blue(modrá) si tam dejte svojí ale pozor musí být v Angličtině
//bgcolor je zkratka pro back(zadní),ground(pole),color(barva) 
</body>    
</html> //konec dokumentu

Vypadá to takhle
Příště si ukážeme jak smíchat na stránce VŠE DOHROMADY.

A teď spojíme vše dohromady:

 <html> 
<head>  
<title>Ahoj </title> 
</head>
<body bgcolor=blue>
ahoj světe jak se vede
 <a href= takhle3.html>toto je odkaz</a> 
 A teď obrázek:<img src=http://owebu.bloger.cz/obrazky/owebu.bloger.cz/google_3.jpg alt=google> // místo toho obrázku GOOGLU si tam můžete dát svůj.

</body>    
</html>

Bude to vypadat takhle