V brskalniku Chrome odprite poljubno spletno stran.
|
|||||
|
|||||
|
|||||
Z desnim miškinim gumbom kliknite na sliko ali tekst, ki se nahaja na strani.
|
|||||
|
|||||
Spodaj se bo odprlo okno, kjer bo prikazana točna HTML koda tega elementa. |
|||||
|
|||||
Na desni strani lahko vidite tudi CSS stile, ki so uporabljeni na tem elementu. |
|||||
|
|
|||||
Če kliknete zavihek Computed, lahko vidite točne dimenzije izbranega elementa. |
|||||
|
|||||
Če želite pogledati druge elemente, se lahko z miško pomaknete nad nek drug element in ... |
|||||
|
|||||
... na strani bo ta element označen s senco.
|
|||||
|
|||||
Lahko pa naredite tudi obratno. Kliknite na ikono za iskanje v zgornjem levem kotu. |
|||||
|
|||||
Sedaj se na strani pomaknite nad poljuben element ter ga kliknite. Element se bo označil, spodaj pa boste videli kodo elementa. |
|||||