Css vse oznake in atribute z opisi. Osnovne oznake html. Kaj so glasbene oznake v zvočnih datotekah?

V HTML-ju bo vse, kar napišete v dokumentu HTML, prikazano na zaslonu brskalnika kot polno besedilo, kar pomeni, da brskalnik ignorira prelome vrstic in več presledkov, ki jih vnesete v vrstico, nadomesti en sam.

Oznake so kontrolni ukazi, ki so bili izumljeni za oblikovanje besedila, tj. oznake brskalniku natančno povedo, kako naj prikaže del besedila, obdanega z oznakami. Če želite ustvariti oznako, v oglati oklepaj vnesete kodo HTML, ki je namenjena samo brskalnikom. Obiskovalci spletnega mesta ne vidijo oznak.

Kot je navedeno zgoraj, se vse oznake začnejo z oklepajem< и заканчиваются угловой скобкой >. Odprtemu oklepaju sledi ime oznake (ukaz).

Oznaka je na primer namenjena poudarjanju besedila; brskalniki takšno besedilo prikažejo v poševnem tisku. Ko brskalnik naleti na to oznako, preklopi na oblikovanje besedila, ki sledi oznaki, v ležeči pisavi.

Poglejmo primer:

To besedilo je običajno. To besedilo je v ležečem tisku.

Oznaka se imenuje začetna ali začetna oznaka, kar pomeni, da je brskalnik vključil določen ukaz (v tem primeru v poševnem tisku). Večina oznak ima par v obliki zaključne oznake, ki onemogoči ukaz.

Zaključna oznaka je videti enako kot začetna oznaka, vendar se začne s poševnico. Torej, končna oznaka za poševno je .

Poglejmo primer:

To besedilo je običajno. Pozor! Poševno. To je spet običajna pisava.

Kot ste morda opazili, brskalnik zaporedno analizira dokument HTML v iskanju ukazov (oznak) in uporabi ali onemogoči različne možnosti oblikovanja besedila. Brskalnik v svojem oknu prikaže oblikovano besedilo (vse, kar ni oznaka).

Postopek vstavljanja oznak v navadno, neoblikovano besedilo se v dokumentu HTML imenuje označevanje, oznake pa označevalni znaki. Pri pisanju oznak se ne upošteva velikih in malih črk, oznaka je lahko zapisana tako z malimi kot z velikimi tiskanimi črkami, vendar je še vedno priporočljiva uporaba velikih črk.

Spodaj so primeri osnovnih oznak HTML z razlago njihove uporabe, pa tudi primeri, kako jih je mogoče uporabiti v dokumentu HTML.

Naslovi

Obstaja posebna oznaka za določanje naslovov v HTML. V HTML-ju je 6 ravni naslovov, od tistih za najpomembnejša obvestila do tistih za najmanj pomembna.

HTML je hiperbesedilni označevalni jezik. Temelji na tako imenovanih oznakah. Oznake so nekateri ovojni elementi, ki določajo obliko in lastnosti elementov spletne strani. Za vas smo na eni strani zbrali posodobljeno referenco oznak HTML.

Skupaj je več kot sto označevalnih elementov. Vsak ima več atributov in svojo sintakso. HTML Tags Reference vam bo pomagal hitro najti element, ki ga potrebujete.

Seznam oznak HTML

V spodnji tabeli je seznam oznak HTML5 s kratkim opisom v ruščini.

Oznaka Kratek opis
Komentar.
Določa vrsto dokumenta.
Povezava, hiperpovezava, sidro.
Besedilo definira kot okrajšavo.
Kontaktni podatki za avtorja ali lastnika dokumenta.
Določa območje na slikovnem zemljevidu
Članek
Vsebina ob strani (vsebina ni glavna vsebina na strani)
Omogoča vstavljanje trenutno predvajane zvočne datoteke.
Krepko besedilo.
Podaja osnovni URL ali ciljni atribut za relativne povezave v dokumentu.
Področje, kjer lahko pisanje besedila gre v drugo smer.
Nastavi smer pisanja besedila. V nasprotju s smerjo je navedena fizična smer
Kvota.
Določa telo dokumenta.

Prelom vrstice.
Gumb, ki ga je mogoče klikniti
Uporablja se za risanje grafik z uporabo skriptov
Podpis tabele.
Opomba k naslovu gradiva.
Uporablja se za vstavljanje računalniške kode v besedilni obliki.
Podaja značilnosti stolpcev v tabeli.
Definira skupino enega ali več stolpcev tabele za oblikovanje.
Uporablja se za določanje vnaprej določenih možnosti, med katerimi lahko izbirate, ko tipkate v besedilno polje
Določa opis izraza iz oznake na seznamu izrazov
Besedilo, ki je bilo odstranjeno v novi različici dokumenta.
Določa dodatne informacije, ki si jih lahko uporabnik ogleda ali skrije
Označuje, da je vsebina izraz.
Določa pogovorno okno ali interaktivni element
Element bloka je eden glavnih elementov postavitve.
Določa seznam definicij
Ime pojma na seznamu definicij
besedilo, označeno za pomen (običajno besedilo v poševnem tisku).
Posoda za zunanjo uporabo
Skupina povezanih elementov v obliki
Naslov elementa
Določa avtonomno skupino več elementov (na primer slika z napisom)
noga
Določa obrazec za vnos uporabnika
- Glave HTML različnih ravni: , , , , , .
Določa območje glave dokumenta.
Blok glave
Vodoravna črta je tematska ločnica.
Korenski element. Pove brskalniku, da je dani dokument dokument HTML.
Poševno besedilo.
Določa okvir v vrstici
Slika, slika.
Vnosno polje
Besedilo, ki je bilo dodano v novo različico dokumenta.
Besedilo, vneseno s tipkovnice, ali imena gumbov na tipkovnici. Običajno v monospace pisavi.
Oznaka za vnosno polje. Označuje vezavo elementa (običajno besedila) na vnosno polje.
Glava elementa
  • Element seznama
    Definira vezavo zunanjega vira (najpogosteje vezavo tabele slogov CSS)
    Glavna vsebina
    Posoda za. Določa zemljevid po meri na sliki
    Izbrano besedilo (običajno z označevanjem ozadja).
    Vsebnik za seznam elementov menija
    Določa elemente, ki jih lahko uporabnik prikliče iz kontekstnega menija
    Uporablja se za definiranje metapodatkov dokumenta.
    Merilec vrednosti v danem območju
    Posoda za navigacijske elemente
    Alternativna vsebina za uporabnike, ki imajo onemogočene skripte
    Definira vgrajeni objekt
    Določa oštevilčen seznam
    Določa skupino povezanih možnosti na spustnem seznamu. Poda ime skupini
    Parameter (možnost izbire) na spustnem seznamu
    Rezultat izračuna

    odstavek
    Nastavi možnosti za vgrajene predmete
    Vsebnik za več slik
    Vnaprej oblikovano besedilo.
    Vrstica napredka
    Citat v besedilu.
    Nadomestno besedilo, če brskalnik ne podpira .
    Opomba za vsebino oznake.
    Vsebnik za simbole in njihovo dekodiranje (predvsem za vzhodnoazijske simbole, hieroglife).
    Prečrtano besedilo.
    Besedilo, ki je rezultat računalniškega programa (običajno v monospace pisavi).
    Definira skript ali skriptno povezavo iz zunanjega vira.
    Odsek
    Določa spustni seznam
    Besedilo v manjši velikosti pisave.
    Definira vir za , in .
    Inline element.
    Besedilo poudarjeno po pomenu. Običajno prikazano krepko.
    Definira vsebnik za definiranje slogov dokumenta
    Prikaže besedilo kot indeks.
    Naslov znotraj oznake
    Prikaže besedilo kot nadnapis.
    Določa tabelo.
    Določa vsebinsko področje v tabeli.
    Celica v tabeli .
    Večvrstično vnosno polje
    Določa skupino vrstic na dnu tabele - noga. Več podrobnosti
    Mesto, kjer je dovoljen prelom vrstice.
    Podedovane oznake HTML

    Kako zamenjati zastarelo oznako HTML? V večini primerov bodo zadostne CSS Cascading Style Sheets. Obstajajo tudi alternative za oznake, ki niso uporabljene v novi specifikaciji znotraj HTML. Spodnja tabela prikazuje zastarele oznake HTML z možnostmi za njihovo zamenjavo.

    Oznaka Kratek opis
    akronim. Namesto tega uporabite oznako.
    Vgrajen programček. Namesto tega uporabite ali.
    Podaja barvo, velikost in družino pisav celotnega besedila v dokumentu. Uporabite ga namesto tega
    Večje besedilo. Uporabite ga namesto tega
    Sredinsko besedilo. Uporabite ga namesto tega
    Seznam imenikov. Uporaba
      namesto njega
    Podaja barvo, velikost in družino pisave. Uporabite ga namesto tega
    Okvir znotraj. Uporabite ga namesto tega
    Določa nabor okvirjev. Če želite dodati več okvirjev v vrstici, uporabite več elementov
    Nadomestno besedilo, če okvirji niso podprti
    Prečrtano besedilo. Namesto tega uporabite ali
    Enoprostorno besedilo. Uporabite ga namesto tega
    Podčrtano besedilo. Uporabite ga namesto tega

    Jezik HTML temelji na konceptu oznake. oznaka- oznaka, etiketa). Oznake so v oglatih oklepajih (< >) in tvorijo pare - vsebnike (začetni tag in zaključni tag). Na primer, vsebnik dokumenta HTML je par oznak in . Spletna stran vključuje vsebnike, ki so odgovorni za naslov dokumenta (glava) in vsebujejo dodatne informacije, ter vsebnike, ki so odgovorni za samo vsebino dokumenta (telo). Predstavljeni so na sliki.

    Torej je dokument HTML v vsebniku, glava je v vsebniku in vsebina dokumenta je v vsebniku. Vsebnik, ki se nahaja v glavi (vsebniku), vsebuje besedilo, ki se pojavi v zgornji vrstici okna brskalnika. Vsebniku glave je mogoče dodati tudi oznake, ki vsebujejo kodiranje, ključne besede spletne strani, kot tudi kodo za povezovanje datotek s kaskadnimi slogovnimi datotekami CSS, javascript, VBScript itd.

    Primer preproste strani HTML, ki vsebuje samo osnovne oznake:

    Naslov strani Vsebina preproste strani

    Rezultat te kode je prikazan na sliki.

    Kot lahko vidite iz primera, je besedilo »Vsebina preproste strani« prikazano v navadnem besedilu. Če želite oblikovati to besedilo, morate uporabiti posebne oznake. Primer uporabe oznak za oblikovanje je prikazan na sliki.

    Če želite spremeniti pisavo, njeno barvo in velikost, uporabite oznako s parametri "obraz", "barva" in "velikost". Na primer, če želite nastaviti pisavo "arial" v rdeči barvi in ​​velikosti 14, morate napisati naslednjo kodo:

    Oblikujte besedilo

    Če želite označiti odstavek v besedilu, uporabite oznako

    Vsak odstavek besedila je običajno postavljen v vsebnik. Za ustvarjanje naslova se uporabljajo oznake , , , , , .

    Vsebniki in se uporabljajo za oblikovanje seznamov v telesu dokumenta. Poleg tega oznaka tvori oštevilčen seznam, oznako

    Oznake HTML (goljufanje)

    HTML dokument (stran) je dokument, napisan v HTML. Vsebovano med oznakama in .

    Vrednosti oznake oznak dokumenta

    Označevalne oznake so posebni ukazi za urejanje besedila, grafike, video in zvočnih fragmentov na zaslonu, pa tudi ukazi, ki se uporabljajo za komunikacijo z drugimi dokumenti HTML in internetnimi viri.

    Osnovne označevalne oznake

    In . Med tema oznakama so informacije o dokumentu.

    In . Te oznake vsebujejo ime strani, ki bo prikazano v okviru okna pregledovalnika.

    in . "Telo" dokumenta (besedilo, grafika itd.) se nahaja med tema dvema oznakama.

    Parametri oznake:

    BGCOLOR - barva ozadja ( )

    OZADJE - ozadje

    TEXT - barva besedila

    ALINK - barva aktivne povezave

    in

    - oznake, ki se uporabljajo za označevanje odstavkov. Nov odstavek je vedno ločen od prejšnjega s prazno vrstico.


    - oznaka, ki se uporablja za prelom besedila v drugo vrstico. Uporablja se lahko tudi za ločevanje grafike od besedila s presledki.

    - oznaka, ki se uporablja za logično ločevanje besedila z vodoravno črto.

    in - Med tema oznakama je vnaprej oblikovano besedilo. Na zaslonu je prikazan v pisavi, kot je "kurir".

    Možnosti poravnave

    Uporablja se v

    in

    ALIGN= LEFT - leva poravnava

    ALIGN= RIGHT - poravnava na desni rob

    ALIGN= CENTER - sredinska poravnava

    Oznake za poravnavo

    in - leva poravnava

    in - desna poravnava

    in - sredinska poravnava

    Naslovi, ki se uporabljajo za poudarjanje logičnih delov besedila

    in - naslov prve stopnje.

    in - Naslov druge stopnje.

    in - naslov tretje ravni.

    in - Naslov četrte ravni.

    in - Naslov pete ravni.

    in - Naslov šeste ravni.

    Oznake za označevanje besedila in pisave

    in - oznake za označevanje besedila (besed, črk) v krepkem tisku.

    in- oznake za označevanje besedila (besed, črk) v ležeči pisavi, kot je Italic.

    in- besedilo med tema dvema oznakama bo podčrtano.

    in - besedilo med tema dvema oznakama bo utripalo.

    in - oznake za spreminjanje velikosti pisave (kjer je n velikost pisave v px).

    in - oznake za spreminjanje barve pisave.

    Oznake za ustvarjanje seznamov

    in - oznake, ki prikazujejo začetek in konec oštevilčenega seznama

      in
    - oznake, ki prikazujejo začetek in konec označenega seznama.

  • - Element seznama

    in - oznake, ki označujejo začetek in konec glosarja.

    - Izraz v glosarju se nahaja brez zamika od levega roba strani.

    - Opis pojma, ki se nahaja zamaknjeno od levega roba strani.

    Ukazne oznake za vstavljanje nebesedilnih informacijskih objektov v besedilo

    SRC= "file.gif" > ali SRC= "file.jpg" > - ukaz za vstavljanje grafične slike

    SRC= "file.wav" > - ukaz za vstavljanje zvočnega fragmenta

    SRC= "file.avi" > - ukaz za vstavljanje video delčka

    Grafične možnosti

    WIDHT - širina slike v slikovnih pikah

    HEIGHT - višina slike v slikovnih pikah

    ALIGN - poravnava (ALIGN= LEFT - poravnava na levi rob, ALIGN= RIGHT - na desni rob, ALIGN= TOP - na zgornji rob, ALIGN= BOTTOM - na spodnji rob, ALIGN= MIDDLE ali CENTER - na sredino )

    HSPACE - horizontalni presledek iz grafične slike

    VSPACE - navpični prostor

    ALT - alternativno besedilo, ki se uporablja za označevanje slike

    Ukazi za hiperpovezavo z drugimi dokumenti HTML in internetnimi viri

    in oz in- hiperpovezave

    nick @mail .ru - hiperpovezava z e-poštnim naslovom

    Mize

    Tabela - mreža za prikaz podatkov v vrsticah in stolpcih, kot tudi oblikovalnik besedila

    in
    - oznake za vstavljanje tabele v dokument HTML

    Možnosti oznak

    BGCOLOR - barva ozadja

    OBROBA - širina obrobe

    WIDHT - širina mize

    Oznake tabele

    in - ime tabele, ima parameter ALIGN= TOP - poravnava nad tabelo in ALIGN= BOTTOM - pod tabelo.


    in- Linija mize. Lahko ima parametre BGCOLOR - barva ozadja znotraj črte;

    ALIGN= LEVO , DESNO , SREDINA - poravnava znotraj črte;

    VALIGN= TOP , BOTTOM , MIDDLE - navpična poravnava znotraj vrstice tabele.


    - Stolpec tabele. Lahko ima parametre BGCOLOR - barva ozadja pod stolpcem;

    ALIGN= LEVO , DESNO , SREDINA - poravnava znotraj stolpca;

    COLSPAN raztegne celico čez več stolpcev, ROWSPAN raztegne celico čez več vrstic.


    in - Naslov stolpca. Lahko ima parametre BGCOLOR - barva ozadja pod imenom;

    ALIGN= LEVO, DESNO, SREDINA - poravnava;

    VALIGN= TOP , BOTTOM , MIDDLE - navpična poravnava;

    COLSPAN, ROWSPAN - raztezanje celice v več stolpcev ali vrstic; WIDHT - širina naslova.

    Okvirji okvirjev

    Okvirji so sredstvo za razdelitev zaslona na več področij, od katerih vsako prikazuje vsebino ločene spletne strani ali spletnega mesta.

    in oznake za ustvarjanje okvirja

    Možnosti oznak

    COLS - razdelite zaslon na določeno število stolpcev (navpično)

    ROWS - razdeli zaslon na določeno število stolpcev (vodoravno)

    BORDCOLOR - barva okvirja

    OBROBA - širina obrobe

    FRAMEBORDER - obroba okvirja (FRAMEBORDER= DA - obroba je, FRAMEBORDER= NO - brez obrobe, FRAMESPACING= n - širina obrobe)

    Oznaka za opis okvirja ( ).

    Možnosti oznak

    SCROLING - parameter za prilagajanje drsnega traku:

    SCROLING= YES - drsni trak bo vedno tam

    SCROLING= NO - ne bo drsnega traku

    SCROLING= SAMODEJNO - drsni trak se pojavi samo, ko je to potrebno

    MARGINWIDHT in MARGINHEIGHT - parametra, ki nadzirata zamik znotraj okvirjev, ki se uporabljata za poravnavo grafične slike znotraj okvirja

    NORESIZE - parameter, ki označuje, da se velikost okvirja okvirja ne bo nikoli spremenila.

    Povezava do datoteka.htm- Komunikacija med okvirji

    CILJ - komunikacijski atribut med okvirji. Ima več pomenov:

    BLANK naloži vsebino strani, ki jo določa povezava, v novo prazno okno.

    SELF vsebino strani, ki jo določa povezava, v okno, ki vsebuje povezavo.

    PARENT naloži vsebino strani, podane s povezavo, v okno, ki je neposredni lastnik nabora okvirjev.

    ZGORITE vsebino strani, ki jo določa povezava, v okno, ne da bi upoštevali vse uporabljene okvirje.

    Ravnanje z brskalniki, ki ne podpirajo okvirjev:

    Okvirji se nahajajo tukaj


    Tukaj je besedilo brez okvirjev

    Ticker

    TEXT - oznaka, ki ustvari plazečo črto

    TEKCT - Če mora biti ticker usmerjen od desne proti levi

    TEKCT - gibanje od leve proti desni.

    drsenje - standardno gibanje od desne proti levi

    prosojnica - napis poteka enkrat od desnega roba proti levi, kjer ostane.

    nadomestno - gibanje od desnega roba strani proti levi in ​​nazaj. Neskončni cikel.

    TEKCT - Omejite število ciklov. Vrednost n stavka LOOP določa, kolikokrat se bo zanka ponovila.

    TEKCT - označujejo širino površine, ki jo zavzema plazeča črta, kjer je n širina dela strani, na katerem se nahaja plazeča črta. Vrednost n je določena v slikovnih pikah in kot odstotek skupne vidne širine strani.

    TEKCT - Prilagoditev premikanja napisa na ekranu. Tukaj je n število slikovnih pik.

    TEKCT - V tem primeru se spremenljivka - čas t - meri v milisekundah. Metoda nastavitve hitrosti je sestavljena iz določitve časa, po katerem se bo besedilo ponovno narisalo na zaslonu.

    BESEDILO - možnost določanja velikosti pisave besedila v vrstici.

    BESEDILO - obarvajte površino tekoče črte v poljubno barvo, pri čemer lahko n podate kot šestnajstiško število ali tako, da napišete njegovo ime

    TEXT - označuje višino tickerja

    Oznaka je posebna rezervirana beseda, zaprta v oglatih oklepajih (na primer ). Oznaka je glavna komponenta HTML: koda se z njo začne, z njo konča in informacije, prikazane na spletni strani, so vsebovane v oznakah. Priporočljivo je, da jih napišete z malimi črkami, to je z navadnimi malimi črkami: ne, ampak.

    Kakšne so vrste oznak?

    Večina oznak HTML je seznanjenih: obstajata začetna oznaka (na primer ) in zaključna oznaka, ki se od začetne oznake razlikuje po poševnici (/) za prvim oglatim oklepajem (na primer ). Vse, kar je znotraj para oznak, se imenuje njihova vsebina.

    Vsebina Besedilo znotraj teh oznak postane krepko

    Obstajajo tudi neparne (enojne) oznake, ki se imenujejo oznake. Za razliko od seznanjenih oznak jih ni treba zapreti, ker ne delajo z vsebino, ampak opravljajo neko funkcijo sami. Primer ene oznake -
    . Nastavi, da se besedilo prelomi v naslednjo vrstico.

    Če potegnemo vzporednice z ruskim jezikom, lahko rečemo, da so seznanjene oznake narekovaji ali oklepaji, ki vplivajo na lastnosti besedila v njih (poskusite, da narekovajev ne zaprete pravočasno), posamezne oznake (oznake) pa so ločila ( klicaj, vprašanje ali pika).

    Vsaka oznaka je sestavljena iz:

    • Odprti oklepaj (< ).
    • Posebna beseda (ime oznake). Na primer hr , iframe , b .
    • Zaključni kotni oklepaj (> ).
    Osnovne oznake HTML

    Ker so oznake osnova označevalnega jezika, ni presenetljivo, da jih je kar veliko. Oglejmo si glavne, najpomembnejše oznake.

    in
    , , , se uporabljajo pri ustvarjanju tabel in so podrobno obravnavani v ločenem članku.
  • - oznaka, ki strani doda interaktivnost, kar pomeni, da uporabniku omogoči interakcijo s spletno stranjo. Obrazec seveda potrebuje upravljalnik, vendar lahko s pomočjo oznak v notranjosti ustvarite vmesnik. Potrditvena polja, gumbi, izbirni gumbi, vnosna polja in drugi predmeti, ki od vas zahtevajo aktivna dejanja, so vsi elementi obrazca, katerih koda je nameščena znotraj vsebnika.
  • - oznaka, ki ustvari interaktivni gumb. Da se nekaj zgodi, ko kliknete nanj, mora biti gumb v obliki (nahaja se med oznakami).
  • ustvarja elemente obrazca: stikala, potrditvena polja, gumbe, vse vrste vnosnih polj. Vstavljeno v posodo. Toda zakaj potrebujemo ločene, če obstaja univerzalni? omogoča ustvarjanje gumba z naprednimi parametri. Na primer, lahko postavite sliko na gumb. Tega ni mogoče storiti na elementu, ustvarjenem prek .
  • in - oznake za ustvarjanje menija v HTML 5. - to je vsebnik, znotraj katerega so postavljeni elementi, katerih dodajanje vodi do ustvarjanja elementov menija. Zelo zanimiv par. Na primer, z njegovo pomočjo lahko ustvarite lasten kontekstni meni za stran ali njen posamezni element.
  • - še ena oznaka obrazca, ki v njem ustvari veliko polje, v katerega lahko vnesete ne le eno vrstico besedila, temveč celotne odstavke.
    , In