HTML: Osnove za začetnike

HTML je hipertekstni označevalni jezik, ki je Internet postal način, kako ga poznamo in ga imamo radi. Zahvaljujoč temu čudovitemu orodju, ki je videti lepo in sodobno, ponuja tudi priročnost njihove uporabe. Jezik HTML preprosto sestavlja elemente spletne strani v uporabniku prijazno možnost. Njegovo delo je primerljivo s tem, kar počnejo urejevalniki besedil kot so MS Word ali OpenOffice. V dokument, v katerem so odstavki, krepko besedilo, poševno, tabelami in celo slike, postanejo brezsrčna masa črk. Približno ista stvar je jezik HTML, z edino razliko pa je, da so njeni dokumenti prikazani v brskalniku, zmogljivosti tega orodja pa so veliko širše kot v urejevalniku besedil. Za označevanje se uporabljajo oznake - posebni ukazi, ki opisujejo strukturo spletne strani. So zaprti v kotnih oklepajih - , tako da jih lahko brskalnik razlikuje od celotne teže besedila. Nato bomo preučili osnove HTML za začetnike.

Vizualni uredniki

Začetniki, ki so ravnokar stopili na pot učenja HTML, pogosto začnejo z delom s programi, ki vam omogočajo, da ustvarite spletna mesta brez znanja. V njih lahko preprosto uredite predmete na zaslonu, saj bodo prikazani v brskalniku. Zdi se, da tukaj je - vir večne milosti, ki omogoča, da se znebite večine spletnih razvijalcev. Vendar ni vse tako preprosto, saj imajo vizualni uredniki veliko napak, zaradi katerih jih je nemogoče uporabiti v resnih projektih.

Vsi ti programi ustvarjajo veliko nepotrebnih oznak, zaradi katerih je končna različica strani okorna in podoptimalna. Seveda, v tem času visoke hitrosti interneta je manj pomembna kot v preteklosti, vendar pa obstaja več razlogov, zakaj je jedrnato in dobro napisana spletna stran je bolj praktična kot njegov kolega, ustvarjene v vizualni urejevalnik. Spletna stran je v takšnem programu bodo grdo ravnali z iskalniki, kot je pomembno, da jim vsakih kilobajtov kode in okoren in nelogično kodo s kupom pomenskih napak, jih komaj še po okusu. Poleg tega, da uredniki pogosto za časom, postali nepomembni, in porabiti sredstva za njihov razvoj, je nesmiselno, ker ne strokovno, ne bo uporabljal teh izdelkov. Zato mora vsakdo, ki želi delati na področju ustvarjanja spletnih mest, poznati osnove HTML-ja.

Oznake

Kot je navedeno zgoraj, oznake opisujejo strukturo spletne strani v brskalniku. Večina jih ima oznako odpiranja in zapiranja, vendar ne vse. Na primer, , kjer namesto točk vsebuje vsebino. Prva prikazuje, kje se oznaka začne, druga pa jo zapre. V notranjosti lahko obstajajo drugi elementi postavitve strani, lahko jih ugnezdijo v druge kot lutka. Pomembno je, da se oznake zaprejo pravočasno, tako da je stran pravilno prikazana.

Obstajajo tudi posamezne oznake, ki jih ni treba zapreti. Vsebujejo vsebino znotraj, kot tudi atributi. Atribut se lahko registrira za večino oznak HTML in določa lastnosti elementa. Označena je v odpiralni oznaki in izgleda nekaj takega: atribut = "...", kjer namesto točk obstaja vrednost atributa. Znanje o oznakah je prvi in ​​najpomembnejši korak za obvladovanje HTML. Osnove te umetnosti pomenijo tudi razumevanje strukture spletne strani.

Struktura dokumenta

Vsak dokument HTML ima ustrezno razširitev, na primer Index.html. Tako lahko brskalnik razume, s čim se ukvarja, in pravilno prikaže stran. Vse datoteke, ki so bile uporabljene za izdelavo spletnega mesta, je zaželeno shraniti v enem imeniku, kar bo v prihodnosti v veliki meri olajšalo vaše življenje. Osnove HTML označevalnega besedila označujejo jasen pogled na strukturo dokumenta. Začne se z oznako , obveščanje brskalnika različice HTML, ki se uporablja v tem dokumentu. Trenutno je peta različica jezika ustrezna, zato si ne morete izmisliti, lahko varno vstavite zgornjo oznako na vrh strani.

Potem obstajajo glavne seznanjene strukture, ki sestavljajo "okostje" mesta. Prva oznaka, v kateri so vsi ostali vgrajeni - .... Brskalnik kot spletno stran ne prepozna vse, kar je izven njega, tako da odpre dokument in ga zapre. Ta oznaka je potrebna za vsak dokument. Vsebuje tudi nekaj več obveznih oznak, o katerih bo razloženo spodaj.

Vodja

Znotraj oznake ... vsebuje tehnične informacije, ki se ne bodo prikazale na strani, vendar so kljub temu pomemben del dokumenta HTML. Osnove mesta so natančno postavljene na tem mestu, tu je izbrano kodiranje in vneseno ime strani. Vsebuje v zahtevani oznaki . Prikaže se ime na vrhu brskalnika, kjer lahko postavite tudi majhno ikono, ki označuje vsebino strani. Zaželeno je, da takoj določite kodiranje dokumenta za pravilen prikaz. To je mogoče storiti s pomočjo oznake. Meta oznake vsebujejo podatke o strukturi strani in so običajno znotraj glave.

Povezava

Poznavanje osnov HTML tudi vključuje uporabo kaskadnih oblikovalskih stilov ali CSS. Določajo lastnosti elementov, ki bodo prikazani na strani. Sodoben pristop k tej nalogi vključuje izdelavo takšnih značilnosti, kot so barva, višina in lokacija elementa, v zunanjo datoteko za večjo udobje. Če želite povezati css datoteko, uporabite oznako . V končani obliki izgleda nekaj takega: , kjer href označuje lokacijo datoteke in jo vnesite na vrsto.

Telo

V tem delu dokumenta HTML je viden del strani ustvarjen. Brskalnik bo prikazal vse, kar se naredi znotraj "telesa". V Ljubljani Veliko število HTML oznak se uporablja. Osnove so oblikovanje besedila, delo s povezavami in najpreprostejša orodja za strukturiranje spletne strani. Če želite začeti v HTML, je dovolj, da poznate osnovne oznake in jih lahko uporabite. Spodaj so najbolj priljubljeni med njimi:

• - Uporablja se za izbiro podniza, na katerega se bo uporabljal poseben slog, opisan v CSS;
• - ustvari povezavo do spletne strani - naslov prehoda določi href-
• - eden izmed najbolj priljubljenih znamk naš dan vsem, ki so se odločili, da se naučijo osnov jezika HTMLl je treba posvetiti posebno pozornost, da ga, ker je blok element, ki je izdelan na osnovi levji delež današnjih spletnih strani (parametri za bloke
  so podani v css, drugi bloki pa se nahajajo znotraj te oznake) -

• - iz besedila izbere odstavek - vsebina odstavka je med oznakami za odpiranje in zapiranje;

• - Oštevilčen seznam, katerega elementi vsebujejo seznanjene oznake
• ;
- seznam označenih, v kateri, kot tudi v oštevilčenih, elementi označujejo oznako
• ;
• - krepko besedilo -
• - italic-
• - vstavljanje slike na spletno stran (to je ena oznaka, ne potrebuje zapiranja oznake, vendar je treba določiti alt atribut, ki podaja besedilo za sliko);

To niso vse oznake, ki so potrebne za ustvarjanje lastne spletne strani, vendar so dovolj, da postavijo temelje HTML za začetnike.

CSS

Razvoj jezika HTML je pripeljal do dejstva, da je vsaka oznaka pridobila veliko atributov, zahteve glede videza spletnih strani pa so se znatno povečale. Koda je postala okorna in neprijetno, je bilo težko prebrati, ne pa kaj prilagoditi ali spremeniti. Poleg tega pa imajo na znoj, spreminja vsako roko, če je vaša stran deset strani, na kateri je veliko naslovov, označene z zeleno barvo, in nenadoma je želel, da bi jih rdeče. S prihodom kaskadnih slogovnih listov je ta proces postal preprost in logičen, HTML koda pa je postala veliko bolj berljiva.

Uporaba CSS

Če želite ustvariti spletne strani, morate poznati osnove HTML-jev in CSS-jev, saj na tem področju ne morete storiti ničesar, čeprav zdaj ne poznate kaskadnih listov slogov. Določajo atribute za vse elemente, ki veljajo za celoten dokument. Tako lahko barvo vseh elementov nastavite hkrati

ali , napisal je le eno pravilo. Glede na sodobne zahteve za videz spletnih strani je uporaba kaskadnih slogovnih listov obvezna.

Če želite povezati css datoteko z dokumentom, obstaja oznaka povezave. Malo zgoraj je bilo opisano načelo uporabe, vendar ni edina možnost, ki na enem mestu združuje vse sloge. Obstaja tudi oznaka

jаvascript

Pogosto se oseba, ki se je odločila za razvoj spletnih strani, to razume, da za svoje naloge ni dovolj orodij, ki ponujajo HTML. Osnove vam omogočajo, da ustvarite čudovito stran, toda kaj, če bi nenadoma potrebovali interaktivno? Za te namene obstaja edinstven programski jezik scenarija, ki popolnoma ujema z HTML-jem. Imenuje se jаvascript, saj je bil zasnovan kot mlajši brat priljubljenega jezika Java. Danes so ti jeziki pridobili znatne razlike in razlika med njimi le raste.

jаvascript lahko izboljša zmogljivosti HTML-ja, omogoča ustvarjanje in urejanje oznak. Z uporabo tega čudovitega orodja lahko delate tudi s Cokiejem, prenesete podatke s strežnika brez ponovnega nalaganja strani, naredite spletno mesto bolj interaktivno, kot omogoča HTML. Ta jezik ima tudi omejitve, povezane z varnostjo. Če se jаvascript ne uporablja na strani strežnika, se bo izvajal v pogojih, ki omejujejo njegove zmogljivosti, tako da napadalci ne morejo uporabljati zlonamerne kode v katerem koli računalniku.

Uredniki

Osnove HTML za začetnika predlagajo znanje o najbolj priročnih in praktičnih programih za ustvarjanje spletnih strani. Kot je bilo zgoraj napisano, vizualni uredniki, kot je Dreamweaver in podobno, niso primerni za ta namen. Torej, napišite oznake v običajnem prenosnem računalniku? Ta možnost je tudi dvomljiva, ker standardni prenosni računalnik nima posebnih orodij za postavitev. Notepad ++ lahko dobro opravi to nalogo. Velik plus tega izdelka je, da ima odprto kodo in je popolnoma brezplačen. Ima priročno poudarjanje sintakse in samodejno zapiranje oznak. Notepad ++ ponuja tudi širok izbor jezikov vmesnikov, njegove zmogljivosti pa se lahko razširijo s številnimi dodatki.

Sublimen tekst 3 - program, ki je podoben Notepad ++, vendar se širi s plačilom. To je tista, ki je osvojila srca večine razvijalcev. Sublime Text 3 je idealen za jаvascript, CSS in HTML. Osnove dela z njim bodo morali proučevati neodvisno, vendar je vredno. Ima resnično neskončne možnosti za natančno prilagajanje, kar vam omogoča maksimiranje programa za vaše potrebe.

Osnove HTML in CSS za začetnike

Kot lahko vidite, preučevanje umetnosti ustvarjanja spletnih strani ni tako težavno, kot se zdi na prvi pogled. Samo nekaj mesecev praktičnega usposabljanja vas bo spremenil iz plašenega uporabnika v začetnega razvijalca. Učenje za postavitev je veliko lažje kot učenje programskega jezika ali Linuxa. Dejstvo je, HTML oznake niso toliko, je pomembno razumeti praktični vidik njihove uporabe.

To ni nepotrebno v tem primeru bo spretnost dela v Adobe Photoshopu. Ta program vam omogoča delo s fotografijami, slikami in drugimi grafičnimi elementi spletne strani. Trenutno je "Photoshop" najbolje rešiti takšne težave, ima le malo konkurentov. Za tiste, ki tega izdelka Adobe ne marajo, obstajajo Lightroom, GIMP, Illustrator in drugi programi s podobnimi funkcijami.

Kaj daje znanje HTML

Spretnosti ustvarjanja spletnih strani so zelo pomembne danes, saj se internet širi s skoki in mejami. Vsako podjetje, katera koli, celo najmanjša trgovina, delavnice in športni klubi - vsi želijo imeti lastno spletno stran. In seveda, za to potrebujejo razvijalec, ki ima CSS in HTML. Osnove je preprosto obvladati, potem pa je stvar v praksi. Ker se postavitvene tehnologije nenehno razvijajo, bodo razvijalci na začetku vedno potrebni. Vsakdo, ki se odloči, da se bo posvetil tej zanimivi industriji, nikoli ne bo ostal brez dela.