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 |