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

21.11.2021 Sigurnost

Označiti (pl. oznake, ponekad tag) Je HTML element koji se koristi za označavanje izvornog teksta web stranice. Oznake su kratice ili kratice engleskih riječi zatvorene u kutnim zagradama<>npr. oznaka

…

skraćenica za englesku riječ stavak, odnosno tekst zatvoren u ovoj oznaci preglednici će prepoznati kao odlomak.

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

…

i oznaka

…

- Ovo je isto. To jest, oznake se mogu pisati i malim i velikim slovima. Nekada je bilo općeprihvaćeno da sve oznake trebaju biti napisane velikim slovima kako bi se oznake razlikovale od normalnog teksta. Sada nema takve potrebe, budući da mnogi urednici imaju isticanje sintakse.

Klasifikacija oznaka

Ukupno ima više od 90 oznaka u HTML-u. U pravilu, jedna oznaka utječe na samo dio dokumenta, na primjer na oznaku naslova prve razine

…

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

) stvara efekt, a zatvaranje (

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

Neke oznake imaju jednokratni učinak na mjestu gdje se pojavljuju. Na primjer, oznaka vodoravne trake

ili oznaku za prikaz slike ... Takve oznake nemaju završne oznake. Takve oznake se nazivaju neuparene oznake.

Vrste oznaka

Osim toga, oznake su podijeljene u nekoliko vrsta, koje se razlikuju po svojim funkcijama:

oznake naslova dokumenta;
blok elementi;
inline elementi;
univerzalni elementi;
popisi;
stolovi;
okviri.

Ova podjela nije stroga, pa su neke oznake u različitim skupinama. Na primjer, oznake za izradu popisa

Struktura oznake

Kada se učitaju u preglednik, same oznake se ne prikazuju, ali utječu na način na koji se njihov sadržaj prikazuje. Ako postoji pogreška u pravopisu oznake, ona se potpuno zanemaruje.

Sve oznake imaju specifičnu strukturu koja se mora pridržavati 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:

Sam Webmaster

Kao primjer dao sam dvije potpuno različite oznake. Prvi single - odgovoran je za prikaz slika, atributa - src = "logo.jpg"... Drugi … paired je odgovoran za stvaranje veza, atribut - href = "stranica".

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čna tekstualna datoteka s nastavkom .htm (html). Za izradu najjednostavnije stranice na početku, dok samo vježbate, potrebna vam je samo bilježnica. Otvorite bilježnicu i napišite tekst.

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

Ova oznaka jednostavno govori pregledniku (ovo je program u kojem pregledavate web) da je dati dokument html markup dokument.

Označiti - znači početak html dokumenta, i- završna oznaka znači kraj html dokumenta.

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

Moja prva HTML stranica

Označiti znači naslov naslova prozora kada se prikazuje ova stranica. Sada možete stvoriti novi tekstualni dokument u notesu, kopirati gore prikazani tekst i spremiti ga kao Page1.html i pokrenuti ga u pregledniku, vidjet ćete naslov stranice iz <title>, i prazna stranica, jer nalazimo se u tijelu stranice u oznakama <body> </body> ne prikazuj ništa. Dakle, gornji tekst će za nas biti osnovni kostur svake web stranice. <h4>Uparene i neuparene oznake!</h4> <html></html>, <head></head>,<body></body> To su samo uparene oznake - one oznake koje idu kao par oznake i njezina zatvaranja, završna oznaka s /. Za uparene oznake, vrijednost između početka oznake i kraja oznake je radnja oznake. Radnja će se širiti dok se ne pronađe oznaka s / znakom. Neusklađene oznake - nemaju završnu oznaku. U nastavku ćemo navesti primjere takvih oznaka. <head></head>- Naslov html stranice, koji uključuje ključne riječi za tražilice, razne skripte itd. <body></body>- Izravno tijelo html dokumenta. Neuparena oznaka. Bilješka: U većini slučajeva sada, kada grade web stranice, koriste gotove rutine, dodatke itd. - za bržu izradu stranica, ali za primjenu i korištenje takvih rutina i predložaka - još uvijek je potrebno minimalno poznavanje ovih sesija. HTML (HyperText Markup Language) je jezik za označavanje hiperteksta... Označni jezik se koristi za davanje strukture internetskoj stranici, web mjestu. Označni jezik ne nosi dizajn, već obavlja zadatke strukturiranja. Struktura je postavljena pomoću posebnih elemenata - oznaka koje su razumljive pregledniku. Te se oznake nazivaju tagovi - od engleskog. riječi tag - imenovana oznaka. Hipertekst je dokument označen s HTML jezik... Izraz "hipertekst" izvorno je skovao Ted Nelson kako bi se odnosio na tekst "koji se sam račva ili izvršava radnju na zahtjev". HTML dokument je obična tekstualna datoteka koja ima posebnu strukturu. Kada otvorite internetski preglednik obrađuje ovaj dokument, zbog čega vidimo uobičajene internetske stranice za nas, na kojima se nalaze tekst, slike, poveznice itd. Internetske stranice imaju ekstenziju - html. Razmotrite strukturu jednostavnog HTML dokumenta <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>Dokument

Dokument

Crta zove oznaka. Općenito, sve što je zatvoreno u simbole<>zove 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 znak kose crte naprijed. Sadržaj oznake se umeće između ovih oznaka. Sadržaj oznake može biti ili običan tekst ili druge ugniježđene oznake. Primjeri uparenih oznaka:
Neupareno- oznake koje nisu zatvorene. Primjer:

Oznake se mogu pisati velikim i malim slovima jer HTML ne razlikuje pravopis. Uvijek biste trebali zatvoriti uparene oznake!

Smatra se da je dobra forma znati i znati raditi s velikim brojem oznaka. Ovoga se ne treba bojati, sve će se pamtiti i stat će vam u glavi čim svoje znanje počnete primjenjivati u praksi. Glavne oznake upoznat ćemo tijekom daljnjeg usavršavanja. Općenito, na Internetu je sada dostupan ogroman broj HTML priručnika, 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 godina. Također, u našoj cheat sheet naći ćete minimum oznaka koje će nam biti potrebne tijekom treninga.

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 započinju sa sličnom oznakom. To se smatra dobrom praksom. DOCTYPE govori pregledniku u kojoj verziji HTML-a je dokument napisan tako da svi preglednici (a sada ih ima mnogo) mogu ispravno obraditi oznaku i prikazati sadržaj dokumenta. Ako se to ne učini, tada će zadani preglednik pogrešno odrediti verziju dokumenta, zbog čega se sva oznaka može ići i prikazati pogrešno u različitim preglednicima. U ovom slučaju, DOCTYPE označava verziju HTML5.
- sav sadržaj stranice je zatvoren između ovih uparenih oznaka, koje obavještavaju preglednik da je ovo HTML stranica.
-service odjeljak (header), koji se koristi za povezivanje vanjskih datoteka, te 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 upisano je u body tag.

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

charset = "UTF-8" - atribut. Može postojati mnogo atributa. Atributi su odvojeni razmakom. U ovom slučaju, korištenjem meta HTML oznake, stranica je navedena kao UTF-8 kodiranje. Oni. preglednik je označen kodiranjem ovog dokumenta, za ispravan prikaz sadržaja stranice.

Atributi se koriste za proširenje funkcionalnosti oznaka i omogućuju vam izmjenu načina na koji se oznake prikazuju na stranici i njihovog ponašanja. 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

Što je hipertekst?
Koja je potreba za korištenjem HTML-a?
Što je kodiranje stranice? Zašto se koristi? Gdje mogu promijeniti kodiranje u pregledniku?
Koje vrste atributa ste svjesni?
Što su oznake? Po čemu se razlikuju od atributa?
Koje oznake mora sadržavati HTML stranica?

Tekst lekcije izrađen je zajedno s M.

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

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

Svi HTML elementi su pet vrsta:

praznih elemenata — , ,
, , ,
, , ,
Koristi se za pohranjivanje dodatnih informacija o stranici. Preglednici koriste ove informacije za obradu stranice, a tražilice 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 rasponu.
Odjeljak dokumenta koji sadrži navigacijske veze po web mjestu.