Kako podesiti pametne telefone i računare. Informativni portal
  • Dom
  • Sigurnost
  • Osnovne HTML oznake. Kako se neuparene oznake razlikuju od uparenih oznaka? Uparene i neuparene oznake

Osnovne HTML oznake. Kako se neuparene oznake razlikuju od uparenih oznaka? Uparene i neuparene oznake

Tag (pl. oznake, ponekad i oznake) Je HTML element koji se koristi za označavanje izvornog teksta web stranice. Oznake su skraćenice ili skraćenice engleskih riječi zatvorene u ugaone zagrade<>npr. oznaka

skraćenica za englesku riječ stav, odnosno, tekst zatvoren u ovoj oznaci će pretraživači prepoznati kao pasus.

Svaka oznaka u HTML-u ima posebno značenje i odgovorna je za prikaz određenih podataka. Velika i mala slova u nazivima oznaka nisu bitna, na primjer, oznaka

i oznaku

- Ovo je isto. To jest, oznake se mogu pisati i malim i velikim slovima. Nekada je bilo opšte prihvaćeno da sve oznake treba pisati velikim slovima kako bi se oznake razlikovale od normalnog teksta. Sada nema takve potrebe, jer mnogi urednici imaju isticanje sintakse.

Klasifikacija oznaka

Ukupno ima više od 90 oznaka u HTML-u. Po pravilu, jedna oznaka utiče samo na dio dokumenta, na primjer, oznaka zaglavlja prvog nivoa

... U takvim slučajevima koriste se uparene oznake: otvaranje i pokrivanje... Oznaka za otvaranje (npr.

) stvara efekat, a zatvaranje (

) - prestaje njegovo dejstvo. Kao što možete vidjeti iz primjera, završna oznaka uvijek ima sljedeći simbol ( / ) - kosa crta naprijed. Takve oznake se nazivaju upareno.

Neke oznake imaju jednokratni efekat tamo gdje se pojavljuju. Na primjer, oznaka horizontalne trake


ili oznaka za prikaz slike ... Takve oznake nemaju krajnje oznake. Takve oznake se nazivaju neuparene oznake.

Vrste oznaka

Osim toga, oznake su podijeljene u nekoliko tipova, koji se razlikuju po svojim funkcijama:

  • Oznake naslova dokumenta;
  • blok elementi;
  • inline elementi;
  • univerzalni elementi;
  • liste;
  • stolovi;
  • okviri.

Ova podjela nije stroga, pa su neke oznake u različitim grupama. Na primjer, oznake za kreiranje lista

    i
      primijeniti i na liste i na blok elemente.

      Struktura oznake

      Kada se učitaju u pretraživač, same oznake se ne prikazuju, ali utiču na način na koji se njihov sadržaj prikazuje. Ako postoji greška u pravopisu oznake, ona se potpuno ignoriše.

      Svi tagovi imaju specifičnu strukturu koja se mora poštovati prilikom pisanja. Osim toga, gotovo sve oznake imaju različite atribute koji mogu promijeniti način na koji se sadržaj prikazuje.

      Pogledajmo ispravnu strukturu oznaka koje sadrže atribute:

      1. Sam Webmaster

      Kao primjer dao sam dvije potpuno različite oznake. Prvo single - odgovoran je za prikaz slika, atributa - src = "logo.jpg"... Sekunda paired je odgovoran za kreiranje linkova, atribut - href = "site".

      Zaključak 1: Atributi mogu imati uparene i neuparene oznake.

      Zaključak 2: Atributi mogu imati samo početne oznake, završne oznake nemaju atribute.

      Slika za pojašnjenje:

      HTML je običan tekstualni fajl sa ekstenzijom .htm (html). Za kreiranje najjednostavnije stranice na početku, kada samo vježbate, potrebna vam je samo bilježnica. Otvorite notepad i napišite tekst.

      Svaki HTML element je oznaka uokvirena<>zagrade. Bilo koja datoteka, html stranica počinje oznakom i završava se oznakom.

      Ova oznaka jednostavno govori pretraživaču (ovo je program u kojem pretražujete web) da je dati dokument html markup dokument.

      Tag - označava početak html dokumenta, i- završna oznaka znači kraj html dokumenta.



      Postoji nekoliko drugih važnih oznaka unutar ovih oznaka. Odmah nakon oznake postoje oznake koje znače naslov stranice i tijelo stranice.


      Moja prva HTML stranica




      Tag znači naslov naslova prozora kada se prikazuje ova stranica. <br>Sada možete kreirati novi tekstualni dokument u notepadu, kopirati gore prikazani tekst i sačuvati ga kao Page1.html i pokrenuti ga u pretraživaču, vidjet ćete naslov stranice iz <title>, i prazna stranica, jer nalazimo se u tijelu stranice u oznakama <body> </body> ne prikazuj ništa.</p> <p>Dakle, gornji tekst će za nas biti osnovni kostur svake web stranice.</p> <h4><b>Uparene i neuparene oznake!</b></h4> <p><html></html>, <head></head>,<body></body> Ovo su samo upareni tagovi - oni tagovi koji idu kao par oznake i njen zatvarajući, zatvarajući tag sa /. Za uparene oznake, vrijednost između početka oznake i kraja oznake je akcija oznake. Akcija će se širiti dok se ne pronađe oznaka sa / karakterom.</p> <p>Neusklađene oznake - nemaju završnu oznaku. U nastavku ćemo dati primjere takvih oznaka.</p> <p><head></head>- Naslov html stranice, koji uključuje ključne riječi za pretraživače, razne skripte itd.</p> <p><body></body>- Direktno tijelo html dokumenta.</p> <p><br />Unpaired tag.</p> <p><b>Bilješka:</b> U većini slučajeva sada, kada prave sajtove, koriste gotove rutine, dodatke itd. - za brže kreiranje sajtova, ali da biste primenili i koristili takve rutine i šablone - i dalje je potrebno minimalno poznavanje ovih sesija.</p> <p>HTML (HyperText Markup Language) je <b>jezik za označavanje hiperteksta</b>... Jezik za označavanje se koristi za davanje strukture internet stranici, sajtu. Jezik za označavanje ne nosi dizajn, već obavlja zadatke strukturiranja. Struktura je postavljena pomoću posebnih elemenata - oznaka koje su razumljive pretraživaču. Ove oznake se zovu tagovi - od engleskog. riječi <i>tag - imenovana oznaka.</i></p> <p>Hipertekst je dokument označen sa <b>HTML jezik</b>... Termin "hipertekst" prvobitno je skovao Ted Nelson da se odnosi na tekst "koji se sam račva ili izvršava radnju na zahtev".</p> <p>HTML dokument je običan tekstualni fajl koji ima posebnu strukturu. Kada otvorite internet pretraživač obrađuje ovaj dokument, usled čega vidimo uobičajene internet stranice za nas, na kojima se nalaze tekst, slike, linkovi itd. Internet stranice imaju ekstenziju - <i>html</i>.</p> <p>Razmotrite strukturu jednostavnog HTML dokumenta</p> <p><!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>Dokument

      Dokument

      Linija zove se oznaka. Općenito, sve što je zatvoreno u simbole<>zove se oznaka. Ovi znakovi su uslužni znakovi u HTML jeziku. Postoje dvije vrste oznaka:

      • Upareno- ove oznake imaju oznaku za otvaranje i zatvaranje. Završna oznaka sadrži kosicu naprijed. Sadržaj oznake se ubacuje između ovih oznaka. Sadržaj oznake može biti ili običan tekst ili druge ugniježđene oznake. Primjeri uparenih oznaka:
      • Unpaired- oznake koje nisu zatvorene. primjer:

      Oznake se mogu pisati velikim i malim slovima jer HTML ne pravi razliku između pravopisa. Uvijek treba zatvoriti uparene oznake!

      Smatra se da je dobra forma znati i biti sposoban raditi s velikim brojem oznaka. Ovoga se ne treba plašiti, sve će se pamtiti i stat će vam u glavi čim svoje znanje počnete primjenjivati ​​u praksi. Glavne oznake upoznaćemo u toku naše dalje obuke. Općenito, na Internetu je sada dostupan ogroman broj HTML referentnih knjiga, gdje možete pronaći ažurirane informacije, jer napredak ne miruje, a programski jezici se brzo razvijaju i ažuriranja se objavljuju gotovo svake polovine godišnje. Također, naći ćete minimum oznaka koje će nam biti potrebne tokom treninga u našoj varalici.

      Razmotrite strukturu HTML dokumenta:

      • - koja je ovo oznaka? Ovo je HTML verzija koja se koristi na ovoj stranici. Uobičajeno je da se svi HTML dokumenti počnu sa sličnom oznakom. Ovo se smatra dobrom praksom. DOCTYPE govori pretraživaču u kojoj verziji HTML-a je dokument napisan, tako da svi pretraživači (a sada ih ima mnogo) mogu ispravno obraditi oznake i prikazati sadržaj dokumenta. Ako se to ne učini, tada će zadani preglednik pogrešno odrediti verziju dokumenta, zbog čega sve oznake mogu ići i prikazati se pogrešno u različitim preglednicima. U ovom slučaju, DOCTYPE označava HTML5 verziju.
      • - sav sadržaj stranice je zatvoren između ovih uparenih oznaka, koje obavještavaju pretraživač da je ovo HTML stranica.
      • -servis odjeljak (header), koji se koristi za povezivanje eksternih fajlova, i postavke odgovorne za izgled, izlaz i rad ove stranice. Njegov sadržaj se najčešće ne prikazuje na stranici, osim oznake title. Title tag - sadrži naslov stranice, koji se prikazuje u kartici.
      • - sve što je prikazano na stranici je upisano u body tag.

      Da bi se proširila funkcionalnost HTML-a, tagovima se dodaju posebne informacije koje se nazivaju atributi. Dakle u redu:

      charset = "UTF-8" - atribut. Može postojati mnogo atributa. Atributi su odvojeni razmakom. U ovom slučaju, koristeći meta HTML tag, stranica je navedena kao UTF-8 kodiranje. One. pretraživač je označen kodiranjem ovog dokumenta, za ispravan prikaz sadržaja stranice.

      Atributi se koriste za proširenje funkcionalnosti oznaka i omogućavaju vam da izmijenite način na koji se oznake prikazuju na stranici i njihovo ponašanje. Ne koriste se sve oznake za prikaz informacija, postoje oznake koje se koriste samo za programiranje ponašanja stranice, na primjer, korištenjem JavaScripta.

      Pitanja za samokontrolu

      1. Šta je hipertekst?
      2. Koja je potreba za korištenjem HTML-a?
      3. Šta je kodiranje stranice? Zašto se koristi? Gdje mogu promijeniti kodiranje u pretraživaču?
      4. Koje vrste atributa ste svjesni?
      5. Šta su oznake? Po čemu se razlikuju od atributa?
      6. Koje oznake mora sadržavati HTML stranica?

      Tekst lekcije razvijen je zajedno sa M.

      HTML oznake- osnova HTML jezika. Oznake se koriste za razgraničenje početka i kraja elemenata u markupu.

      Svaki HTML dokument sastoji se od stabla HTML elemenata i teksta. Svaki HTML element je identificiran početnom (otvaranjem) i završnom (završnom) oznakom. Početna i završna oznaka sadrže naziv oznake.

      Svi HTML elementi su pet tipova:

      • prazni elementi , ,
        , , ,
        , , ,
        Koristi se za pohranjivanje dodatnih informacija o stranici. Pretraživači koriste ove informacije za obradu stranice, a pretraživači ih koriste za indeksiranje. U bloku može postojati više oznaka , budući da, ovisno o korištenim atributima, nose različite informacije. Indikator mjerenja u navedenom opsegu.