Když studuješ kurz HTML a CSS, vystačíš si i textový editor. Notepad. Pro to, abys byl efektivní, však budeš určitě používat buď pro programování vytvořené editory kódu nebo IDE. V tomto článku ti vysvětlíme, co jsou IDE a editory kódu a v čem se liší.CSS (Cascading Style Sheets) je jazyk speciálně vyvinutý pro stylování HTML. Kaskádový proto, že ve stylech funguje dědičnost. Když tedy např. dáme buňce tabulky červenou barvu písma, tuto barvu písma automaticky dostanou i všechny odstavce textu v této buňce.CSS je zkratka z anglického Cascading Style Sheets (kaskádové styly). Jazyk CSS slouží k definování formátu (formy, vzhledu) webové stránky a je nadstavbou HTML.

Jak vytvořit HTML kód : Vytvoření souboru HTML

1. Otevřete Poznámkový blok nebo jakýkoli editor prostého textu.
2. V nabídce Soubor zvolte Nový.
3. Zadejte následující řádky:
4. V nabídce Soubor zvolte Uložit a uložte soubor jako c:\webová stránka\First.
5. Přepněte zpět na Poznámkový blok a za čáru </HEAD> zadejte:
6. V nabídce Soubor zvolte Uložit.

Jak funguje CSS

Kaskádové styly CSS (Cascading Style Sheets) umožňují měnit vzhled HTML stránek. Pomocí CSS je možné definovat rozložení prvků na stránce, okraje, barvy, písma a další vlastnosti. Webový prohlížeč zobrazí obsah webových stránek takovým způsobem, jakým je definován pomocí CSS.

Jak vycentrovat text v CSS : right – Zarovná text napravo. center – Vycentruje text. justify – Zarovná text do bloku. Tuto hodnotu je vhodné používat pouze v případě, že je element s textem dostatečně široký, jinak dochází ke vzniku neúhledných mezer.

Pomocí CSS 3 vlastnosti margin nastavujeme okraj elementu, tedy vzdálenost mezi rámečkem a okolím elementu. Margin je spolu s vlastnostmi border a padding součástí tzv. box modelu (občas překládáno jako "krabičkový model"). Box model znázorňuje pozici těchto 3 vlastností okolo obsahu HTML elementu.

Kaskádový styl připojíte do dokumentu v zásadě třemi způsoby:

1. přímo k prvku, který chci ostylovat: <p style="color: green;">Tento odstavec je zelený.</p>
2. zápisem v hlavičce HTML dokumentu pomocí elementu style : <style> p { color: green; } </style>
3. připojením externího souboru s pravidly CSS (viz dále).

Jak ulozit HTML soubor

Klikněte na soubor > Uložit jako a vyberte umístění, kam chcete dokument uložit. Pojmenujte soubor. V seznamu Uložit jako typ vyberte Webová stránka, zjednodušenýformát.Pro vytvoření odkazu slouží tag <a> ve spojení s atributem href (Hypertext Reference). Hodnotou atributu href je URL nebo-li adresa souboru na který chceme odkazovat.right – Zarovná text napravo. center – Vycentruje text. justify – Zarovná text do bloku. Tuto hodnotu je vhodné používat pouze v případě, že je element s textem dostatečně široký, jinak dochází ke vzniku neúhledných mezer.

Formátování textu (popřípadě hypertextu) je postup, při kterém dojde k logickému rozčlenění textu, neboli k jeho zorganizování do logických celků. Formátování textů se provádí v celé řadě oborů, důležitý je ale druh díla, který má vzniknout (např. výpisky, webová stránka, román, báseň).

Jaký je rozdíl mezi margin a padding : Pomocí CSS3 vlastnosti margin nastavujeme okraj elementu, tedy vzdálenost mezi rámečkem a okolím elementu. Pomocí CSS3 vlastnosti padding potom nastavujeme vzdálenost mezi rámečkem a obsahem elementu.

Co dělá margin : Nakupování na marži znamená, že nám broker poskytne peníze, takže my jako obchodník zaplatíme pouze část celkové hodnoty. Marže je část hodnoty celkové velikosti nákupu nebo prodeje, kterou má obchodník na účtu. V praxi se jedná o peníze, které jsou brokerem blokovány na obchodníkově účtu po dobu obchodu.

Jak propojit CSS

Kaskádový styl připojíte do dokumentu v zásadě třemi způsoby:

1. přímo k prvku, který chci ostylovat: <p style="color: green;">Tento odstavec je zelený.</p>
2. zápisem v hlavičce HTML dokumentu pomocí elementu style : <style> p { color: green; } </style>
3. připojením externího souboru s pravidly CSS (viz dále).

Připojení CSS do HTML

CSS lze psát přímo ke konkrétním značkám nebo do hlavičky HTML souboru, ale nejčastější a nejpoužívanější způsob, který budeme používat i my, je zápis CSS do samostatného souboru. Aby prohlížeč věděl, že daná stránka používá styl z našeho CSS souboru, musíme styl do stránky tzv. připojit.Uložení souboru v jiném formátu

1. Klikněte na kartu Soubor.
2. Klikněte na Uložit jako.
3. Vyberte umístění pro uložení souboru, jako je třeba OneDrive nebo Tento počítač.
4. Do pole Název souboru zadejte nový název souboru.
5. V seznamu Uložit jako typ klikněte na formát souboru, do kterého chcete soubor uložit.
6. Klikněte na Uložit.

Jak vytvořit URL odkaz : Vytvoření hypertextového odkazu na místo na webu

Vyberte text nebo obrázek, který se má zobrazit jako hypertextový odkaz. Odkaz. Můžete také kliknout pravým tlačítkem myši na text nebo obrázek a v místní nabídce kliknout na Odkaz . V okně Vložit hypertextový odkaz zadejte nebo vložte svůj odkaz do pole Adresa.