Odkazy
HTML
| tag | popis | příklad použití |
|---|---|---|
| <html> | začátek html dokumentu | |
| <head> | hlavička HTML dokumentu | |
| <body> | tělo stránky | |
| <p> | odstavec | <p>Toto je nový ostavec</p> |
| <hr> | vodorovná čára | |
| <h1> – <h6> | nadpisy různé velikosti | |
| <br> | nový řádek | |
| <a> | odkaz | <a href=“https://www.ucimeseit.cz“>odkaz</a> |
| <img> | obrázek | <img src=“obrazek.jpg“> |
<!– -> | <!– text komentáře –> | |
| <table> | tabulka | <table></table> |
| <tr> | řádek tabulky | <tr></tr> |
| <td> | buňka tabulky | <td></td> |
| <form> | formulář | <form></form> |
| <input type=“text“ name=“zapisjmeno“> | ||
| <input type=“radio“ name=“zapisjmeno“ | ||
| <input type=“checkbox“ name=“zapisjmeno“> | ||
| <input type=“submit“ name=“zapisjmeno“ value=“text“> | ||
| štítek | <label for=“jmenoprvku“>…</label> | |
| výběr | <select id=“destinace“ name=“destinace“> <option value=“slovensko“>Slovensko</option> <option value=“italie“>Itálie</option> <option value=“italie“>Itálie</option> </select> | |
| textová oblast | <textarea name=“zprava“ style=“width:200px; height: 300px“;> </textarea> |
CSS
CSS – Cascading Style Sheets je jazyk, který používáme k vytvoření grafických stylů HTML stránky. CSS popisuje, jak bude HTML element na stránce zobrazený.
Pokud používáme na stránce CSS styly, snažíme se důsledně oddělit formu od obsahu.
| vlastnost | příklad deklarace | popis |
|---|---|---|
| color | color:blue | barva písma |
| width | width:600px | šířka elementu |
| background-color | background-color:red | barva pozadí elementu |
| font-family | font-family:verdana font-family:helvetica | typ písma |
| text-align | text-align:justify text-align:left | zarovnání do bloku zarovnání doleva |
| margin | margin: 20px margin-left:10px margin-right:10px margin-top:10px margin-bottom:10px | vnější okraj vlevo vnější okraj vlevo vnější okraj vpravo vnější okraj nahoře vnější okraj dole |
| padding | h1{padding: 20px} | vnitřní okraj |
| width | p{width:600px} | šířka libovolného elementu |
| border-style | h1{border-style:dotted} h1{border-style: dashed;} h1{border-style:solid} | styl okraje elementu – tečkovaný styl okraje elementu – čárkovaný styl okraje elementu – plná čára |
| border-width | h1{border-width:3px} | tloušťka elementu |