Seznam HTML oznak z opisom

Oznake so besede v jeziku HTML. Z njihovo pomočjo lahko preprost besedilni tok pretvorite v lepo oblikovani dokument z razumljivo strukturo. Celoten seznam HTML oznak vsebuje približno sto odstavkov, vendar se v praksi nenehno uporablja veliko manj. Izvajajo različne funkcije - od izdelave vizualnega okvira strani in oblikovanja besedila do povezovanja datotek tretjih oseb in v skladu z uradnimi pravili interneta.

Struktura dokumenta

Za zagotovitev, da spletno stran ustrezno prikaže brskalnik in dobro zaznava roboti, mora imeti določeno strukturo.

Prva oznaka dokumenta mora biti , Razglasi, za katero vrsto se nanaša. V skladu z doctype, da bo brskalnik postavil postavitev. Najbolj priljubljen tip je standard HTML5, ki je razglašen za naslednje:

Stran mora imeti root element, ki zavije vse svoje vsebine. To funkcijo opravi oznaka html.

Vse informacije o storitvi se nahajajo v tem razdelku glava, in dejansko vsebino, ki bo vidna uporabniku, lahko zapremo v oznako telo.

Uporaba oznake telo vendar pa ni nujno, da velja za dobro prakso. To vam omogoča, da jasno opredelite strukturo spletne strani, označite začetek in konec vsebinskega dela.

Vsaka oznaka je polni del z vsebino, zato ima odprt in zaprt del.

Informacije o storitvi

Znotraj oznake glava Predpisani so podatki, ki niso vidni uporabniku, vendar so pomembni za spletni dokument.

Naslov strani, ki bo prikazan na jezičku brskalnika, je označen v oznaki naslov.

Različne uporabne informacije o storitvah so lahko predstavljene v obliki meta oznak, ki nimajo končnega dela. Podatki Meta so opisani z atributi oznake meta:

• ime - ime opisane lastnosti;
• vsebino - njen pomen;
• http-ekviv - navedbo, da je treba to meta oznako pretvoriti v glavo HTTP;
• charset - kodiranje, v katerem je bil dokument shranjen.

Spodaj je seznam html oznak z atributi, ki so lahko koristni za prenos pomembnih podatkov:

Povezovanje datotek

Za popolno delo na spletni strani pogosto zahtevajo dodatna sredstva, na primer sloge in skripte. Lahko jih povežete iz datotek tretjih oseb ali jih opredelite v samem dokumentu.

Slogi morajo biti označeni znotraj oznake glava, da zagotovite pravilen prikaz strani. Če želite povezati slogovno oznako, nezamrznjeno povezavo z atributi href = "naslov datoteke" in rel = "stylesheet", ki govori brskalniku, da je prenesena datoteka tabela CSS. Opredelitev pravil o slogu znotraj same strani je treba narediti v oznaki slog.

Povezovanje skript v razdelku storitve lahko upočasni prenos, zato se pogosto oglašujejo na dnu dokumenta pred zapiranjem oznake telo. Če želite določiti naslov datoteke, se uporabi atribut src. Poleg tega je skript mogoče zapisati znotraj same oznake, vendar ne sme videti brskalnika, naslova ne bi bilo treba navesti.

Primer povezav datotek:

Primer določanja skript in slogov znotraj strani:

Postavitev strani

Za vizualno prekinitev neprekinjenega pretoka neformatiranega besedila v semantične skupine, ustvarjanje stolpcev in ločenih odsekov, uporabite strukturne HTML oznake. Oblikovata blok zabojnike, za katere lahko namestite katerokoli obliko s CSS.

Najbolj priljubljena oznaka oznake za hipertekst je brez dvoma, div. Ne nosi semantične obremenitve in se lahko uporablja za združevanje vseh segmentov vsebine.

Poleg tega obstaja več semantičnih strukturnih oznak, uvedenih s standardom HTML5. Pomagajo, da se njihovi vsebini določena semantična obremenitev, ki se nanašajo na to, na primer, kot navigacijski blok ali klet stran.

Seznam oznak HTML, ki imajo na ravni celotne strani semantično vrednost:

Poleg tega novi standard omogoča semantično združevanje medijskih vsebin s podpisom z uporabo oznak figure in figcaption.

Oznake glave

Če želite ločiti naslove različnih stopenj, je na voljo cela skupina oznak do

Razdelek druge stopnje
Razdelek tretje stopnje
Razdelek 4
Razdelek 5
Razdelek 6

V praksi se najpogosteje uporabljajo prve tri vrste.

Oblikovanje hiperpovezav

Hiperpovezave, ki povezujejo različne strani, so osnova svetovnega spleta, zato je njihova zasnova v HTMLu namenjena posebni pozornosti. Povezave naj se razlikujejo glede na preostali del besedila, privzeto imajo modro barvo in poudarijo. Takšna oblika je oznaka .

Celoten seznam atributov oznake HTML hiperpovezave:

• vsi univerzalni atributi, kot so razred, id, slog;
• href - naslov strani, na katero se želite preseliti;
• cilj - določa, kje naj se odpre nova stran. Privzeto je cilj trenutni zavihek, vrednost prazno določa odprtje novega zavihka.
• prenesti - namesto prenosa, bo navedena datoteka prenesena v uporabniški računalnik;
• rel - zasnovan za iskalnike, z vrednostjo nofollow prepoveduje prenos robota s sklicevanjem;
• tip označuje MIME tip ciljne datoteke.

Medijske vsebine

Spletna bi bila zelo dolgočasna brez slik, videoposnetkov in drugih medijskih vsebin. V standardu HTML obstaja več oznak za vstavljanje na stran.

Če želite slike postaviti, je oznaka namenjena img z naslednjimi posebnimi lastnostmi:

• src - naslov slike;
• alt - Nadomestno besedilo, ki bo prikazano, če pride do napake med postopkom nalaganja slike;
• širina, višina - dimenzije.

Vdelane predmete lahko vstavite v oznake predmet ali vgrajeno, Poleg tega je standard HTML5 uvedel posebne oznake video in avdio. Imajo impresiven seznam atributov, ki nadzirajo prikaz in predvajanje medijskih vsebin.

Oznaka iframe Ustvari ločen plavajoči okvir, v katerem je mogoče naložiti še en spletni dokument.

Platno omogoča ustvarjanje različnih slik in dinamično manipuliranje z visokim izkoristkom z uporabo jаvascripta.

Oblikovanje besedila

Seznam oznak HTML, namenjenih za oblikovanje besedilne vsebine, je zelo velik.

• b, močno - maščobna oznaka;
• i, em, dfn - italic;
• q, blockquote - dodelitev kotacij;
• kodo, kbd - monospaced pisava;
• del, s - Prečrtano;
• ins, u - podčrtaj;
• označite - dodelitev v rumeni barvi;
• sub - indeks;
• sup - nadpis;
• majhna - besedilo, ki je manjše od trenutnega.

Prisiljene prenose lahko uredite z oznako
. bo brskalnik pozval k morebitnim prelomom vrstic. Poleg tega obstaja oznaka

Besedilo v obliki odstavkov bo pomagalo označiti

, in jih ločite s tanko sivo linijo - .

Interaktivni elementi

Zelo pomembno za delovanje spletnih strani so oblike in različni interaktivni elementi. Omogočajo vam sprejemanje in pošiljanje potrebnih podatkov, komuniciranje z uporabnikom, ustvarjanje dinamične vsebine.

Eden najpomembnejših elementov obrazcev je vnosno polje, ki ga predstavlja oznaka . Glede na vrednost atributa lahko traja veliko različnih oblik tip.

Drugi elementi oblik:

• gumb - gumb;
• izberite - spustni seznam;
• textarea - večstransko polje vnosa;
• oznaka - podpis za polje.

Oznaka obrazec skupinske interaktivne elemente in zagotovite, da se podatki pošljejo strežniku in fieldset - povezana sorodna polja v skupinah.

Registracija seznamov

V HTML-ju so tri vrste seznami: označeni, oštevilčeni in seznam opredelitev.

Seznam definicij sestavljajo:

• zabojnik -

  -

• ime izraza -
  -
• opis izraza -
  .

Izraz 1
Opis prvega izraza
Izraz 2
Opis drugega pojma

Seznam oznak HTML oznake - (naročeni seznam), označen - (neurejen seznam). Njihovi predmeti so zaviti v oznako (seznam predmet).

vsak
lovec
želim
vedeti
kjer
sedi
fazan

Oblikovanje tabel

Drug pomemben element v spletu so tabel, ki vam omogočajo sistematizacijo in priročno predstavitev velikih količin informacij.

Seznam HTML oznak:

• posoda za mizo;
• thead - kapica, ki običajno vsebuje glave;
• tbody - telo tabele z glavnimi podatki;
• tfoot - noga, v kateri se vsote povzamejo;
• tr - vrstica celic;
• td je navadna celica;
• th-header cell, ima svojo privzeto postavitev;
• col - vam omogoča, da izberete stolpec tabele in uporabite sloge;
• kolgroup - skupina stolpcev;
• napis je naslov na mizo.

Ta nepopolni seznam oznak HTML z opisom prikazuje, kako široka so možnosti hiperknjižnih oznak pri oblikovanju spletnih strani. Oblikovalec postavitve lahko predstavi vse informacije v uporabniku prijazni obliki in istočasno zagotovi dobro zaznavanje strani s strani iskalnih robotov, kar je zelo pomembno za njegovo promocijo.