ManagementMania AppMania EduMania JobMania BusinessPages


Vytvorenie vlastného kalendára pomocou HTML a CSS

Na vytvorenie vlastného kalendára potrebujeme ovládať aspoň základy jazyka HTML a CSS. Aby sme mohli tento kalendár vytvoriť potrebujeme nejaký textový editor, napr. Notepad / Brackets. Vytvoríme si nový súbor s príponou .html a s názvom napr. kalendar.html.

Niektoré značky - tagy sú len tzv. začiatočné <br /> (nemajú ukončovaciu značku).

Použijeme značky:

<HTML> a </HTML> - začiatok a koniec html dokumentu (nie je vidieť vo webovom prehliadači)

<HEAD> a </HEAD> - začiatok a koniec hlavičky dokumentu (nie je vidieť vo webovom prehliadači), do ktorej vkladáme:

<TITLE> a </TITLE> - začiatok a koniec tagu pre názov, ktorý sa ukazuje v záhlaví webového prehliadača

<meta charset=”utf-8”> - označuje kódovanie dokumetu (v niektorých editoroch je potrebné toto určiť aj v nastaveniach), vkladá sa do hlavičky, (nie je vidieť vo webovom prehliadači)

<STYLE> a </STYLE> - začiatok a koniec vzhľadu dokumentu, ktoré sa pridávajú do hlavičky <HEAD> a </HEAD>, (nie je vidieť vo webovom prehliadači)

<BODY> a </BODY> telo dokumentu (je viditeľné vo webovom prehliadači)

<H1> a </H1> - názov v texte dokumentu, ktorý je viditeľný vo webovom prehliadači

<TABLE> a </TABLE> - značka pre tabuľku; tabuľka sa tvorí po riadkoch, každý riadok začína a končí značkou:

<TR> a </TR> - riadok v tabuľke, do ktorého sa vkladá značka pre začiatok a koniec riadku:

<TD> a </TD> - medzi tieto značky sa vkladajú informácie každého dňa v mesiaci

<STRONG> a </STRONG> - zhrubnutý text; medzi tieto dve značky vkladáme text, ktorý chceme zvýrazniť

<EM> a </EM> - kurzíva

<P> a </P> -  odstavec v dokumente; v prípade, ak chceme do kalendára vložiť nejaký vlastný text alebo poznámku

<BR /> - vytvorí medzeru medzi riadkami, odsek

Celý kód je možné si stiahnuť z tejto adresy:

https://mega.nz/file/QOxG3D5A#5feZkRta3oNSJYYYRLnXITLriwlSqjb1n3x3JRjwbNQ

a podľa neho vytvoriť vlastný kalendár s vlastnými informáciami vo formáte HTML, ktorý je možné exportovať pomocou rôznych nástrojov do rôznych formátov.

Farbu v dokumente je možné zadať v rôznych formátoch. Pre výber farby môžete využiť napr. Swach.

 

 

 

Pomohol Vám tento článok?
Hodnotenie:
Autor: Zuzana Dašková | Vytvorené: 10.03.2021

Komentáre



Pre vstup do diskusie musíte byť prihlásený

Prihlásiť