15
ELEKTRONSKO POSLOVANJE VJEŽBE I Ljubiša Mićić [email protected] Kabinet 22

VJEŽBE I · HTML: Hyper Text Markup Language HTML zna či hipertekstualni (tekst čitljiv u više dimenzija) ozna čeni jezik, to nije programski jezik. Dakle, radi se o obi čnoj

  • Upload
    others

  • View
    15

  • Download
    0

Embed Size (px)

Citation preview

Page 1: VJEŽBE I · HTML: Hyper Text Markup Language HTML zna či hipertekstualni (tekst čitljiv u više dimenzija) ozna čeni jezik, to nije programski jezik. Dakle, radi se o obi čnoj

ELEKTRONSKO

POSLOVANJE

VJEŽBE I

Ljubiša Mićić[email protected]

Kabinet 22

Page 2: VJEŽBE I · HTML: Hyper Text Markup Language HTML zna či hipertekstualni (tekst čitljiv u više dimenzija) ozna čeni jezik, to nije programski jezik. Dakle, radi se o obi čnoj

1. HTML1. HTML

Elektronsko poslovanje

2. CSS2. CSS

Page 3: VJEŽBE I · HTML: Hyper Text Markup Language HTML zna či hipertekstualni (tekst čitljiv u više dimenzija) ozna čeni jezik, to nije programski jezik. Dakle, radi se o obi čnoj

HTML: Hyper Text Markup Language

HTML znači hipertekstualni (tekst čitljiv u više

dimenzija) označeni jezik, to nije programski jezik.

Dakle, radi se o običnoj tekstualnoj datoteci, koju

Internet browseri "vide" kao malo manje običnu

tekstualnu datoteku, tj. interpretiraju kod u tekst,

slike i zvuk.

Elektronsko poslovanje

Cijela stranica, koliko god multimedijalnih

dodataka imala, nije ništa drugo nego tekst.

Kliknite desnim tasterom miša i na meniju

odaberite View Source - vidjet ćete kako

izgleda bilo koja stranica u HTML-u.

slike i zvuk.

Page 4: VJEŽBE I · HTML: Hyper Text Markup Language HTML zna či hipertekstualni (tekst čitljiv u više dimenzija) ozna čeni jezik, to nije programski jezik. Dakle, radi se o obi čnoj

1. STRUKTURA1. STRUKTURA

Elektronsko poslovanje

Page 5: VJEŽBE I · HTML: Hyper Text Markup Language HTML zna či hipertekstualni (tekst čitljiv u više dimenzija) ozna čeni jezik, to nije programski jezik. Dakle, radi se o obi čnoj

Slovo/riječ

Elektronsko poslovanje

Lijeva „zagrada“

– znak manje -

Desna „zagrada“

– znak „veće“ -

Page 6: VJEŽBE I · HTML: Hyper Text Markup Language HTML zna či hipertekstualni (tekst čitljiv u više dimenzija) ozna čeni jezik, to nije programski jezik. Dakle, radi se o obi čnoj

Slovo/riječ

Elektronsko poslovanje

Lijeva „zagrada“

– znak manje -

Desna „zagrada“

– znak „veće“ -

Kosa crta

Page 7: VJEŽBE I · HTML: Hyper Text Markup Language HTML zna či hipertekstualni (tekst čitljiv u više dimenzija) ozna čeni jezik, to nije programski jezik. Dakle, radi se o obi čnoj

AtributiAtributiAtributi nam daju više informacija o saržaju elementa.Oni se pojavljuju u otvarajućem tagu elementa i ono susastavljani od dva dijela: imena atributa i vrijednostkoji su razdvojeni znakon „=„.

Elektronsko poslovanje

Naziv

atributa Tekst za koji se vezuje tag i

atribut

Vrijednost

atributa

Page 8: VJEŽBE I · HTML: Hyper Text Markup Language HTML zna či hipertekstualni (tekst čitljiv u više dimenzija) ozna čeni jezik, to nije programski jezik. Dakle, radi se o obi čnoj

CodeCode

Elektronsko poslovanje

Page 9: VJEŽBE I · HTML: Hyper Text Markup Language HTML zna či hipertekstualni (tekst čitljiv u više dimenzija) ozna čeni jezik, to nije programski jezik. Dakle, radi se o obi čnoj

CodeCode

Elektronsko poslovanje

Page 10: VJEŽBE I · HTML: Hyper Text Markup Language HTML zna či hipertekstualni (tekst čitljiv u više dimenzija) ozna čeni jezik, to nije programski jezik. Dakle, radi se o obi čnoj

Osnovni tagovi

<html>

<body>

Elektronsko poslovanje

<body>

<head>

<title>

Page 11: VJEŽBE I · HTML: Hyper Text Markup Language HTML zna či hipertekstualni (tekst čitljiv u više dimenzija) ozna čeni jezik, to nije programski jezik. Dakle, radi se o obi čnoj

2. 2. TekstTekst

Elektronsko poslovanje

Page 12: VJEŽBE I · HTML: Hyper Text Markup Language HTML zna či hipertekstualni (tekst čitljiv u više dimenzija) ozna čeni jezik, to nije programski jezik. Dakle, radi se o obi čnoj

Naslovi

Elektronsko poslovanje

Page 13: VJEŽBE I · HTML: Hyper Text Markup Language HTML zna či hipertekstualni (tekst čitljiv u više dimenzija) ozna čeni jezik, to nije programski jezik. Dakle, radi se o obi čnoj

Paragraf <<pp>>

Elektronsko poslovanje

Page 14: VJEŽBE I · HTML: Hyper Text Markup Language HTML zna či hipertekstualni (tekst čitljiv u više dimenzija) ozna čeni jezik, to nije programski jezik. Dakle, radi se o obi čnoj

Bold, Italic, razmaci, sub/sup

Elektronsko poslovanje

Page 15: VJEŽBE I · HTML: Hyper Text Markup Language HTML zna či hipertekstualni (tekst čitljiv u više dimenzija) ozna čeni jezik, to nije programski jezik. Dakle, radi se o obi čnoj

Semantički tagovi

Elektronsko poslovanje