HTML-koda. Barvne kode HTML

Gotovo ste naleteli na takšno stvar kot HTML koda. Slišal sem od prijateljev, videl v meniju brskalnika itd. Toda kaj je to? Poskusimo ugotoviti, kakšno kodo je in katere elemente sestavljajo.

Osnovne informacije

Začnimo z definicijo. HTML-koda je oznaka katere koli spletne strani, ki se izvaja z uporabo HTML-ja.

Ta koda je sestavljena iz oznak, s pomočjo katerih brskalnik določi, kako določena stran izgleda. Njegova struktura je razdeljena na dva dela: glavo - naslov dokumenta, v katerem je predpisano ime strani, pa tudi informacije o samem dokumentu in telo - telo dokumenta, v katerem so nastavljeni parametri strani.

Če želite ustvariti bolj ali manj dostojno spletno stran, napisano iz nič, se morate naučiti oznak, ki jih uporablja ta jezik, njihovih parametrov in poznate tudi barvne kode HTML.

Oznake

Oznaka je element jezika HTML. Z njim lahko določite pisavo, barvo, velikost besedila, vstavite tabele in slike v njej, formatirate, ustvarite naslovi, povezave in barate stran.

Oznake so vedno zaprti v kotnih oklepajih - <>, in to je tisto, kar jih razlikuje od glavnega besedila, ki se prikaže na strani, ko jo gledate. Obstajata dve vrsti - seznanjeni in samski.

Seznanjeni so sestavljeni iz odpiralnega znaka in zapiralne oznake, v slednjem pa je po levi kotni konzoli naravnost drog. Na primer: lt-bgt-textlt- / bgt-.

Med dvema oznakama je besedilo, tabela, slika ali drugi element, ki je prikazan na spletni strani.

Samotni so sestavljeni iz ene oznake in ne vsebujejo neposredne poševnice. Na primer: lt-hrgt-.

Oznake imajo lahko parametre, ki jih je mogoče določiti s posebnimi kodami za HTML.

Upoštevajte tudi, da je za večino znakov: pawls, blagovna znamka, znaki večja ali enaka, manjša ali enaka številom drugih, obstaja posebna tabela, v kateri so predpisane kode za te znake. Ta koda se začne z oznako ampersand, po kateri lahko odide bodisi abecedno mnemonično oznaÄŤevanje bodisi mreĹľni znak s trimestno simbolno kodo. Na koncu morate postaviti podpičje.

Osnovne oznake

Kaj je HTML koda, smo ugotovili, zdaj poskušamo navesti glavne oznake, ki so lahko koristne, če ne pri ustvarjanju lastnih spletnih strani, nato vsaj pri pisanju besedil.

Seznanjeni:

• lt- bodygt- - vsebuje osnovne parametre dokumenta, na primer ozadje, barva povezave, polja in druge;
• lp- - označuje odstavek;
• - bgt- - poudari besedilo v krepkem tisku;
• lt-igt- - poševnice;
• To - poudarja besedilo;
• lt-sgt- - preči besedilo;
• lt- supgt- - nastavi besedilo kot nadpisnico;
• lt- subgt- - nižji indeks;
• lt- fontgt- - nastavi atribute pisave: velikost, pisava, barva;
• L-divgt- - s svojo pomočjo lahko uskladite svoje besedilo;
• tag- tag - tag header;
• Vseeno pa - s svojo pomočjo so podane reference;
• tabela- - pomaga vstaviti tabele v dokument, z njimi povezane oznake lt- trgt- (niz) in lt- tdgt- (celica).

Single:

• lt-brgt- - samski, prenaša besedilo, ki sledi novi strani;
• lt-hrgt- - s svojo pomočjo lahko vstavite vodoravno črto v besedilo.

Treba je omeniti, da so oznake običajno napisane iz nove črte. To se naredi zaradi udobja ne le samega kodera, temveč tudi tistih, ki bodo videli kode v HTML-ju.

Parametri oznak

Z vami smo že pregledali glavne oznake, ki jih morate poznati. Seveda smo našteli ne vse, toda tudi ta minimum je lahko dovolj, da ustvarite svoje prve spletne strani.

Vendar ni dovolj, če poznate nekaj oznak, vendar morate še preučiti parametre, ki jih lahko določite. V tem članku bomo naredili le kratek pregled nad njimi, opisali bomo najpogosteje uporabljene. Jih lahko vidite tako, da odprete katero koli HTML-kodo.

Ne opisujemo tudi, za katero oznako je ta parameter primeren, saj se mnogi uporabljajo v večini ukazov za spletno označevanje:

• obraz - določa vrsto pisave;
• velikost - določa velikost;
• barva določa barvo;
• poravnava - poravnava;
• ime - ime;
• href - ta parameter določa naslov povezave;
• alt - alternativno besedilo;
• širina - širina;
• višina - višina;
• ozadje - ozadje;
• bgcolor - ozadje.

To niso vsi parametri, našteli smo le najbolj uporabljene in znane.

Po parametru je postavljen enakovreden znak, nato pa je njena vrednost zapisana v narekovajih. Pri razvoju spletnih strani in strani vam svetujemo, da uporabite posebne učbenike ali priročnike, da ne samo poznate osnovnih parametrov, temveč tudi, da jih pravilno nastavite.

Tabela barv

Torej, z glavnimi oznakami in njihovimi parametri smo ugotovili, zdaj si oglejmo barvne kode HTML. S svojo pomočjo lahko določite barvo besedila, strani ali nekaterih njegovih posameznih elementov.

Začetni spletni skrbniki morajo vedeti, da obstajajo posebne barvne tabele, v katerih so podane kode za vsak odtenek. Obstaja samo 16 osnovnih barv, ki jih je mogoče nastaviti ne samo s pomočjo mize, temveč tudi preprosto z navedbo imena v angleščini. Prav tako jim lahko dodate svetlobne in temne besede z navedbo želenega odtenka.

Obstaja tudi miza varne barve, ki vključuje 216 vseh vrst odlivov.

Upoštevajte, da je veliko bolj priročno za uporabo tabel. Imajo šestnajstiško barvno kodo. V tem primeru lahko takoj vidite to senco. Vsaka koda se začne z znakom mreže, ki ji sledijo trije pari znakov, ki označujejo intenzivnost primarne barve: rdeča, zelena in modra.

Ta koda je dovolj za kopiranje in zamenjavo parametrov želene oznake.

Kako si ogledate kodo strani

Če vas zanima ustvarjanje spletnih strani, boste verjetno želeli videti kodo HTML spletnega mesta, ki vam je všeč, ali tistega, ki ga obiščete pogosto.

Ampak kako se to lahko naredi? Obstajata dva načina, precej preprosta in razumljiva. Prva je, da odprete stran, ki jo potrebujete, in pritisnite Ctrl + U. V novem oknu se prikaže izvorna koda strani, ki jo lahko vidite in preučite.

Drugi način je, da pritisnete levi gumb miške in izberete seznam postavko "Izvorna koda". Vendar priporočamo, da uporabite prvo metodo, ker je uporaba vročih tipk veliko lažja in bolj priročna.

Upoštevajte, da boste pri branju kode videli tudi komentarje, napisane v oznaki »Komentar«, ki je videti tako: lt-! gt-. V tem primeru je sam komentar napisan po klicu. V brskalniku ni prikazan. In v bistvu je napisano, tako da lahko drugi programerji in spletni oblikovalci razumejo, kaj je za spodnjim delom informacij spodaj, zakaj je bil določen ta koda kode.

Sklepi

Pisanje kode na HTML ni tako težko, kot se zdi na prvi pogled. Še posebej, če ste nezahtevni in želite ustvariti nezahtevne spletne strani, e-knjige na temelji HTML itd. Učenje osnovnih oznak in načela označevanja ne bo trajalo veliko časa. Imeli boste dovolj celo nekaj dni, da začnete ustvarjati lastne projekte.

Če se odločite za preučevanje tega jezika označevanja, bodite previdni. Večina težav se pojavlja prav zaradi nepazljivosti: nezavarovane seznanjene oznake, nepravilno napisani parametri, tipkanje - vse to lahko pretvori v napako, ki jo lahko iščete dovolj dolgo. Toda na splošno je preučevanje HTML-oznake strani precej zanimivo.