Miloš Stokić Weblog

HTML5 – Saveti

Posted on: 22. 09. 2017


HTML (Hypertext Markup Language) je jezik kojim se definiše struktura i sadržaj web dokumenata i pomoću kojega se izrađuju web stranice.

HTML se može editovati korišćenjem profesionalnih editora kao što su:

Windows Mac Linux
Sublime Text TextWrangler Sublime Text
Brackets Atom Brackets
UltraEdit Brackets Brackets
Notepad++ Visual Studio Code Gedit

Programi za upload fajlova na web

Windows Mac Linux
WinSCP Cyberduck Nautilus
MobaXterm FileZilla Dolphin
FileZilla Commander One FileZilla

Web brouzeri za pregledanje sajtova

Windows Mac Linux
Google Chrome Apple Safari Mozilla Firefox
Internet Explorer Opera Chromium
Mozilla Firefox Google Chrome Opera

Poglavlje 1: Struktura

Krenimo sa izradom sajta. Ovako izgleda struktura HTML stranice.
Basic-HTML
!DOCTYPE deklaracija označava da je dokument HTML tipa
i opisuje HTML dokument
i obezbeđuje informacije o dokumentu
i obezbeđuje naslov dokumenta
i opisuje vidljiv sadržaj stranice
i opisuje naslov
i opisuje paragraf

dps-6

HTML prazni elementi: Prazni elementi se mogu zatvoriti kosom crtom nakon imena taga. U primeru za br tag bi se mogao zatvoriti /br.

HTML Element: Sadrži meta podatke koji se ne prikazuju. Ovaj element je smešten između html i body tagova. definiše naslov dokumenta koji se prikazuje u tabu veb čitača. može da se koristi da definiše set karaktera, kao i druge informacije o HTML dokumentu.

dps-9

HTML Stilovi: Promena stila u HTML-u se radi korišćenjem style atributa. HTML style ima svoju sintaksu: style=“property:value”.

HTML Fontovi: Font-family property se koristi za definisanje fonta HTML elementa. Font-size property se koristi za definisanje veličine teksta HTML elementa. Font-align property se koristi za definisanje horizontalnog poravnanja teksta.

HTML Tabele: Tabele se definišu preko table taga. Tabele su podeljene u redove preko tr taga. Redovi tabele su podeljeni u table data preko td taga. Red u tabeli takođe može biti podeljen u naslove tabele preko th taga.

HTML Sekcije: Tag section definiše sekcije u dokumentu kao što su poglavlja, zaglavlja i podnožja (headers and footers) ili bilo koje druge sekcije u dokumentu.

HTML div Tag: Koristi se za grupisanje blok elemenata koji se formatiraju sa CSS-om.

Poglavlje 2: Tekst

Svaki HTML dokument počinje sai završava se tagom. Vidljiv deo HTML dokumenta se nalazi između i tagova.

HTML Naslovi: Definisani su od
html-tags

HTML Paragraf: Prvi tag u dokumentu je otvoreni ili početni tag, a drugi njegov zatvoreni ili završni tag. Paragraf može se oblikvati sa BOLD i ITALIC. BOLD se koristi kada želite da podebljate određenu reč ili rečenicu (bold), a ITALIC kada želite da iskosite određenu reč ili rečenicu.

html-tags-detail-how-to

dps-8

Poglavlje 3: Lista

 

Poglavlje 4: Linkovi

HTML linkovi: Definisani sa a tagom  (preko href atributa). Atributi se koriste kako bi obezbedili dodatne informacije o određenom HTML elementu odnosno tagu. Link takođe može i da vodi ka lokalnoj stranici, koja je relativni link. Primer: Pogledajte nas blog

Poglavlje 5: Slike

HTML Slike: Slike su prikazane preko taga. Atributi koji mogu bliže opisati img tag su: src (source file), alt (alternative text) i size (width i height).

 

Odgovorite

Popunite detalje ispod ili pritisnite na ikonicu da biste se prijavili:

WordPress.com logo

Komentarišet koristeći svoj WordPress.com nalog. Odjavite se /  Promeni )

Google+ photo

Komentarišet koristeći svoj Google+ nalog. Odjavite se /  Promeni )

Slika na Tviteru

Komentarišet koristeći svoj Twitter nalog. Odjavite se /  Promeni )

Fejsbukova fotografija

Komentarišet koristeći svoj Facebook nalog. Odjavite se /  Promeni )

Povezivanje sa %s

Unesite svoju adresu e-pošte da biste pratili na ovaj blog i primali obaveštenja o novim člancima preko e-pošte.

Pridružite se 15 drugih pratioca

Prisutni smo:

Tvitujmo! Facebook!
Skype!
YouTube
LinkedIN
Flickr

Limundo / Kupindo – Prijavi se!



Prijatelji

mimlegal


Pravni Skener


Omladina JAZAS-a Požarevac


Dušan Paklar


Žene i Vino


Parrucchieri Miami


DJ Djuka


Surfuj Bezbedno

Statistika

  • 79.724 pregleda
Follow Miloš Stokić Weblog on WordPress.com

Twitter

Affiliate program

OneDrive

Кућна достава хране - Наручите!

Designmodo Shop Elance

Svet kulinarstva

e-Kuhinja

%d bloggers like this: