Računala, Programiranje
HTML: osnove za početnike
HTML - HyperText Markup jezik koji je napravio Internet kao što znamo i volimo. To je zahvaljujući ovom predivnom alata stranice izgledaju lijepo i moderno i pruža praktičnost njihovog korištenja. HTML je jednostavno okuplja elemente web stranice u opciji user-friendly. Njegov rad se može usporediti s činjenicom da rade tekstualne editore kao što su MS Word ili OpenOffice. Okreću se bezličnu masu slova u dokumentu koji je odlomke, podebljani tekst, kurziv, tablice, pa čak i slike. Otprilike ista stvar čini HTML, s jedinom razlikom što da su njegovi dokumenti prikazuju u pregledniku, a mogućnosti ovog alata je mnogo širi od tekst editor. Koristi se za označavanje oznake - posebne naredbe koje opisuju strukturu web stranice. Oni su zatvoreni u zagrade -
vizualni editori
Početnici samo utire put za proučavanje HTML, često počinju svoj rad s programima za izradu web stranice, bez ikakvog znanja. Oni jednostavno mogu staviti stavke na zaslonu će se pojaviti u pregledniku. Čini se, ovdje je - izvor vječne milosti, omogućuje da biste dobili osloboditi od većine web programere. Ali nije tako jednostavno, jer su vizualni urednici imaju mnoge nedostatke koje ga čine nemoguće da ih koriste u ozbiljnim projektima.
Ovi programi stvoriti puno nepotrebnih oznaka koje čine konačna verzija stranice nezgrapan i suboptimalne. Naravno, u ovo doba Interneta velike brzine je od manje važnosti nego u prošlosti, ali postoje brojni razlozi zašto je koncizan i dobro napisana web stranice je više praktičan nego njegove kolege stvorili u vizualnom editoru. Web stranice su u takvom programu će biti teško liječiti tražilicama kao važno za njih svakih kilobajta koda i nespretne i nelogičnog kod sa hrpom semantičkih pogrešaka teško ih morate probati. Osim toga, urednici često iza vremena, postaju beznačajni i trošenju sredstava na njihov razvoj je nepraktično jer nije profesionalni neće koristiti ove proizvode. Dakle, svatko tko želi raditi u stvaranju stranica, treba znati osnove HTML-a.
oznake
Kao što je gore spomenuto, oznake opisuju strukturu stranice web preglednika. Većina od njih su otvaranje i zatvaranje oznake, ali ne sve. Na primjer,
Tu su i pojedinačne oznake, koje ne moraju biti zatvorena. U njima je bilo unutra, kao i atributi. Atribut može biti osnovana za većinu HTML-oznake i postavlja svojstva elementa. Ona je označena na otvaranju tag izgleda ovako: atribut = „...”, gdje je umjesto točaka je vrijednost atributa. Poznavanje oznaku je prvi i najvažniji korak za razvoj HTML-a. Osnove ove tehnike također podrazumijeva razumijevanje web stranici strukturu.
struktura dokumenta
Svaki HTML dokument ima odgovarajuću ekstenziju, na primjer, index.html. Dakle, preglednik može razumjeti ono što on mora učiniti, i točno prikazati stranicu. Sve datoteke se koriste za izradu web stranice, to je poželjno držati u istom direktoriju koji u budućnosti će uvelike olakšati život. Temelji Hypertext Markup Language HTML uključuje jasno razumijevanje strukture dokumenta. Ono počinje s oznakom , kaže inačicu preglednika HTML, koji se koristi u ovom dokumentu. U ovom trenutku, tematska peta verzija jezika, tako da nema potrebe izmišljati ništa, sa sigurnošću možemo umetnuti gore navedeni oznaku na vrhu bilo koje stranice.
Zatim idite na glavnu uparenim strukture, koje čine „kostur” web stranice. Prva oznaka u kojem staviti sve ostalo - ... html>. Sve što je izvan nje, ne prepoznaje preglednik kao web stranice, tako da se otvara i zatvara dokument. Ovaj tag je potrebno za bilo koji dokument. Ona također sadrži nekoliko obveznih oznaka, koji će biti objašnjeno u nastavku.
glava
Unutar oznake
... head> sadrži informacije o tehničke prirode, koje neće biti prikazane na stranici, ali, ipak, važan je dio HTML dokumenta. Obavijest stranice postavio na ovome mjestu, da se odaberu i uvedena u kodiranje naziva stranice. Ona je sadržana u obveznom taglink
Osnovno poznavanje HTML-a također uključuje korištenje kaskadno stilova, ili CSS. Oni su postavili svojstva elemenata koji će biti prikazani na stranici. Suvremeni pristup ovom problemu uključuje nametanje takvih karakteristika kao što su boja, visine i položaja točke, do vanjske datoteke za dodano praktičnost. Za povezivanje CSS-datoteka koristi oznaku . U konačnom obliku, to izgleda otprilike ovako: , što ukazuje href na mjesto datoteke i vrsti - na njegovoj vrsti.
tijelo
To je u ovom dijelu HTML-dokument stvoren u vidljivom dijelu stranice. Sve što je učinjeno unutar „tijela” će biti prikazan u pregledniku. U
- 'Span> - se koristi za izdvajanje podniz, biti dodijeljen određeni stil opisan CSS;
- - stvara vezu na web-stranici; skok adresa je naveden atribut href;
- - jedan od najpopularnijih suvremenih oznake; Svatko tko je odlučio naučiti osnove jezika HTMLl obratiti posebnu pozornost na to, jer je blok element, koji je izrađen na temelju najveći dio današnjih web stranica (parametri za blokpostavljeni u css i ostale jedinice mogu biti smješteni unutar ove oznake);
- odabire odlomak teksta; sadržaj stavka nalazi između početne i završne oznake;
- - numerirani popis, elementi od kojih su oznake par
- ;
-
- - popis s grafičkim oznakama, koji, kao i u brojevima elementi su označeni oznakom
- ;
-
-
- zaglavlja dokumenta (brojka označava razinu zaglavlja, odnosno
- glavni naslov, a sljedeće varijacije su njegove titlovi, usput, razina naslovima
je gotovo nemoguće pronaći na internetskim otvorenim prostorima) također je važno imati na umu da stranica može imati samo jedan zaglavlje
;
- - podebljani tekst;
- - italic;
-
- umetanje slike na web-stranici (to je jedan oznaka, to ne treba isključiti, ali potrebno je odrediti alt atribut koji određuje tekst za slike);
To nije sve oznake potrebne za stvaranje vlastite web stranice, ali su dovoljni za položiti temelje HTML za početnike.
CSS
Razvoj HTML jezika dovelo je do činjenice da svaku oznaku obzavolsya težina atribute, a zahtjevi za izgled web stranice znači znatno povećao. Kod postao težak i nezgodan, bilo je teško pročitati, a kamoli da se prilagode ili mijenjati. Osim toga, onda su na znoj, mijenja svaku ruku ako vaš site deset stranica, na kojima je puno naslova, označena zelenom bojom, a ti odjednom htjeli da ih crveno. S dolaskom Cascading Style Sheets, ovaj proces je postao jednostavan i logičan, i HTML-kod je postala mnogo više čitati.
Primjena CSS
Za izradu web stranice, morate znati osnove HTML-a i CSS-a, tako da je sada bez znanja CSS raditi na ovom području nije ništa. Oni su postavili atribute za svaki element koji se odnose na cijeli dokument. Dakle, možete postaviti boju jednom za sve
elemenata ili Ra, pisanje samo jedno pravilo. S obzirom na trenutne uvjete za pojavu web stranica, korištenje Cascading Style Sheets je potrebno.
Kako bi se povezati CSS datoteke u dokumentu, tu je link oznaka. Nešto ranije je opisan princip njegove uporabe, no to nije jedina mogućnost kombiniranja svih stilova na jednom mjestu. Tu je oznaka