HTML/CSS cheatsheet
Author
IvanDate Published
HTML
<!DOCTYPE> - Deklaracija dokumenta koja označava HTML verziju.
<html> - Korijenski element HTML dokumenta.
<head> - Sadrži metapodatke o dokumentu, poput naslova ili poveznica na stilove.
<title> - Definira naslov stranice prikazan u pregledniku.
<body> - Glavni sadržaj dokumenta.
<h1> - <h6> - Naslovi, od najvećeg (h1) do najmanjeg (h6).
<p> - Odlomak teksta.
<a> - Hiperveza za povezivanje na druge stranice ili dokumente.
<img> - Prikaz slike na stranici.
<ul> - Neuređena (bullet) lista.
<ol> - Uređena (numerirana) lista.
<li> - Stavka unutar liste.
<table> - Kreira tablicu.
<tr> - Redak u tablici.
<td> - Ćelija u tablici.
<th> - Zaglavlje ćelije u tablici.
<div> - Univerzalni kontejner za grupiranje elemenata.
<span> - Inline element za stiliziranje dijela teksta.
<form> - Formular za unos podataka.
<input> - Polje za unos teksta, brojki, lozinki itd.
<button> - Gumb za interakciju.
CSS
color - Postavlja boju teksta.
background-color - Postavlja boju pozadine elementa.
font-size - Definira veličinu teksta.
font-family - Postavlja font teksta.
margin - Vanjski razmak oko elementa.
padding - Unutarnji razmak unutar elementa.
border - Postavlja okvir elementa.
width - Širina elementa.
height - Visina elementa.
display - Kontrolira prikaz elementa (npr. block, inline, flex).
flex - Konfigurira ponašanje unutar fleksibilnih kontejnera.
justify-content - Poravnava sadržaj u fleksibilnom kontejneru.
align-items - Vertikalno poravnava elemente u fleksibilnom kontejneru.
position - Postavlja način pozicioniranja elementa (npr. static, relative, absolute).
top, left, right, bottom - Određuju udaljenost od rubova.
z-index - Kontrolira slojevitost elementa.
overflow - Definira kako se sadržaj ponaša kada izađe izvan granica.
cursor - Mijenja izgled kursora (npr. pointer, default).
Primjer korištenja:
1<div style={"display: flex; justify-content: center; width: 300pt"}>2 <p style={"color: blue"}>Ovo je prvi tekst</p>3 <p>Ovo je drugi tekst</p>4</div>