Oznake dolaze u dvije vrste. Prva uključuje uparene sobe, koje uključuju dvije komponente, po kojima su i dobile ime. Ovi sastojci se nazivaju početnim i završnim oznakama. Završna oznaka razlikuje se od svog para po prisutnosti karaktera / koji se postavlja odmah nakon toga < .

Druga vrsta oznaka uključuje pojedinačne oznake. I, kao što ime govori, nisu upareni kao drugi, završni tag.

Pojedinačne HTML oznake

Kada kreirate stranicu sa HTML-om, glavna svrha uparene oznake je da označi početak i kraj određene fragment teksta... Međutim, koriste se i oznake, čiji zadatak nema nikakve veze s odabirom fragmenata teksta.

Primjeri takvih oznaka uključuju one koje vam omogućavaju da postavite traku za razdvajanje ili dodate sliku na stranicu. A upravo su ove oznake pojedinačne, jer, da tako kažem, obavljaju svoju funkciju bez para.

Ove oznake uključuju:
,

Linija
Sledeći red

Ako negdje vidite ovakav format snimanja jedne oznake
, onda treba znati da su na ovaj način bili izloženi u više rane verzije HTML. Ali sada kada je stigao HTML 5, kosa crta nije obavezna.

Atributi HTML oznake

Takođe u razgovoru o HTML osnove nemoguće je ne spomenuti atribute tagova. Za određene oznake, upotreba atributa je opciona, ali sasvim prihvatljiva. A u nekim slučajevima, oni su nedvosmisleno potrebni.

Primjer takvog slučaja bi bila oznaka , koji je dizajniran za umetanje slike na stranicu. Obavezni atribut za datu oznaku je src, sa kojim možete naznačiti gdje se tačno slika nalazi. Ovo se radi kako bi pretraživač mogao otvoriti sliku. Ako je adresa slike navedena bez atributa, slika se neće prikazati na stranici.

U pravilu se u većini slučajeva oznake i atributi pišu u HTML-u ovako:

<имя-тега атрибут1="значение1" атрибут2="значение2" …>

Oznaka može imati jedan ili više atributa. U nastavku možete vidjeti primjere.

......

Dakle, nadam se da je sve jednostavno i jasno. Ali ako iznenada nešto, slobodno pitajte - svakako ću pomoći. U sljedećim lekcijama ćemo rastaviti različite oznake i istražiti čemu svaka od njih služi.

Već ste pročitali da se cijeli jezik sastoji od oznaka. U ovom vodiču ćemo detaljnije pogledati HTML oznake. U HTML jeziku, oznake se dijele na pojedinačne (neuparene) i uparene oznake. Dakle, pojedinačne HTML oznake sastoje se od jedne oznake, odnosno nemaju završnu oznaku. Upareni deskriptori imaju oznaku otvaranja i zatvaranja.

Pojedinačne HTML oznake

Pojedinačne oznake nemaju završnu oznaku. Na primjer:
, ... Nekada su pisali ovako:
, , sada ovaj stil pisanja pojedinačnih oznaka nije relevantan, pa nemojte tako pisati. Najčešće korišteno pojedinačne oznake:
- transfer do nova linija,

Uparene HTML oznake

Uparene oznake mnogo više. Upareni deskriptor ima početnu i završnu oznaku. Upareni tag formira kontejner. Sadržaj kontejnera je ono što se nalazi između oznake za otvaranje i zatvaranje. U primjeru u ovom članku vidjeli ste oznaku

Šta su deskriptori u HTML-u?

i kraj

Glavna greška novo u pisanju parova oznaka, ovo je zabuna ugniježđenja. Na primjer, ovo je ispravan unos:

Bold paragraf

Bold paragraf

Kako pravilno napisati uparene oznake

Šta je novo u HTML5 u pogledu oznaka?

HTML5 jezik je proširenje HTML4, tako da je zadržao većinu ili sve HTML4 deskriptore i dodao svoje. HTML5 uvodi posebne oznake za podelu sajta na glavne blokove: zaglavlje, meni, podnožje, bočna traka i sadržaj.

Zašto je važno naučiti kako koristiti oznake?

Yandex i Google pretraživači su osjetljivi na HTML izgled dokumenata, provjeravajući njihovu valjanost. Oni traže ključne riječi zatvorene u posebnim deskriptorima i tako dalje. Ali ovaj odjeljak nije o tome. Ovo se odnosi na promociju (SEO).

Kako naučiti sve HTML oznake?

Da, ima dosta oznaka. Ali ne morate ih posebno podučavati. Dok vježbate, napišite nešto, svi deskriptori, upareni i pojedinačni, bit će lako za pamćenje. Vremenom, naravno.

Pozdrav dragi čitaoci blog stranice! U prošlom članku smo shvatili koja je vrsta dokumenta i kako pretraživači određuju korišteni jezik. Oznaka je uzeta u obzir, ali sam koncept (termin) nije. U ovom članku ću vam reći šta je oznaka, zašto vam je potrebna i koje oznake postoje. Kao što sam rekao u prošlom članku ovog naslova, napravićemo fajl-stranicu, nad kojom ćemo eksperimentisati, oslanjajući se na stečeno znanje. Ali ovo je na kraju članka, ali za sada hajde da se pozabavimo HTML oznakom.

Šta je HTML oznaka, vrste HTML oznaka, primjeri pisanja

Ovo je oznaka za isticanje teksta podebljano... Oznake su tri vrste:

• Otvaranje oznake- oznaka na početku. U gornjem primjeru, oznaka je početni tekst i stoji ispred teksta koji želite da izaberete.
• Kraj oznaka- oznaka na kraju. Prepoznatljiva karakteristika ispred znakova u ugaonim zagradama nalazi se kosa crta "/". Opet, pogledajmo primjer koji je gore razmotren. Tag je završni iza teksta koji treba istaknuti podebljanim
• Pojedinačne oznake- oznake koje nemaju završnu oznaku. Primjer je
  Evo primjera oznake za otvaranje i zatvaranje:

Cijela konstrukcija, uključujući i tekst, izgledat će ovako:

Ovaj tekst će biti podebljan

A ovako će izgledati ovaj tekst kada ga pretraživač obradi i pruži nam: Ovaj tekst će biti istaknut podebljanim slovima. Postoji i nešto kao kontejnerske oznake, ali ovo je samo generički naziv za početnu i završnu oznaku. Kao što sam gore napisao, pored oznaka kontejnera, postoje i pojedinačne oznake. Razlika je u tome što takve oznake ne moraju biti zatvorene. Najsjajniji i najsjajniji čest primjer služi kao oznaka za novi red.

U osnovi, pojedinačne oznake se koriste za umetanje nekog elementa, kao što je slika ili tabela.

Šta su atributi, pravopisna pravila i zašto su potrebna

, koji, u stvari, ne radi ništa razumno bez atributa.

Font- oznaka kontejnera koja se koristi za formatiranje teksta. Uz pomoć ove oznake možete i podebljati tekst, i promijeniti veličinu i udaljenost između redova - općenito, sve što se može učiniti s tekstom. Pogledajmo primjer s veličinom teksta. Prvo, umotajmo tekst u oznaku Font.

Tekst

Sada malo o pravilima za pisanje atributa. Atributi uvijek se upisuju u početnu oznaku i iza znakova same oznake. Možete napisati nekoliko atributa u jednu oznaku bilo kojim redoslijedom. Atribute možete pronaći na web stranici W3C validatora (o kojoj ću pisati u nastavku). Dakle, evo primjera oznake fonta s atributom veličine:

Tekst

Ovaj atribut u oznaci fonta mijenja veličinu teksta zatvorenog u tagovima.
Ako otvorite izvor stranicu, vidjet ćete da je mjesto gdje je velika riječ"Tekst" ima oblik

Tekst

Već ste vidjeli kako se pišu atributi. Tačno su također napisani u drugim tagovima: prvo pišemo sam atribut (u u ovom slučaju size), zatim stavite "=" i priložite parametar atributa dvostruki navodnici... Sve parametre atributa možete pronaći na istoj web stranici konzorcija svjetske mreže.

Šta je W3C validator, pravopisna pravila i lista oznaka

Kao što sam napisao, postoji mnogo oznaka. Ali gdje ih sve pronaći? U tu svrhu postoji W3C validator W3C - Svijet Wide web konzorcijum, a na ruskom - World Wide Web Consortium. Nije sasvim jasno, zar ne? Ovo je mjesto gdje se razvijaju web standardi - (jezici za označavanje hiperteksta su njihova ideja). Na čelu cijelog konzorcijuma je, poznato iz prošlog članka, Tim Berners-Lee - tvorac HTML-a. Sajt ove organizacije je w3.org. Upozoravam vas, stranica je u potpunosti na engleskom, pa se opskrbite rječnikom ili prevodiocem u vašem pretraživaču. Inače, Google za ovu stranicu je 9, i - 37000 (ovo je sve puno, ako neko ne zna).

Vraćamo se na temu članka. Zanimaju nas jezički standardi HNTML 4.01. Slijedite vezu HTML 4.01 Specifikacija, nakon čega vidimo karticu elemenata na vrhu, kliknite na nju. Tako se otvara stranica sa svim oznakama. Ove oznake su razvijene i usvojene kao standard od strane konzorcijuma. Sve je, opet, na engleskom. Odmah iza riječi "Indeks elemenata" vidimo legendu (značenje slova u kolonama):

A odmah iza legende je tabela samih oznaka:

• U prvoj koloni - Ime- naziv same oznake - šta treba biti u uglatim zagradama (< и >).
• Druga kolona je Start Tag- prisustvo uvodne oznake. V ovu kolonu možete vidjeti slovo "O", što znači "Opcionalno", au prijevodu sa engleskog - Opciono. Ovo slovo se nalazi samo nasuprot oznakama , , i i znači da možete staviti početnu oznaku, ili je ne možete staviti - pretraživač će sve uraditi sam.
• Treća kolona je End Tag- prisustvo završne oznake. Nasuprot ove oznake možete vidjeti i slovo "O" i slovo "F". Vrijednost prvog nije promijenjena. Drugo slovo - "F" - doslovno "zabranjeno" sa engleskog - znači da je zabranjeno stavljati završnu oznaku, ona jednostavno ne postoji. Na primjer, ne postoji oznaka, jer se u njemu nema šta zatvoriti.
• Četvrto - Prazan- znači da je oznaka jednostruka (prazna). Sve oznake naspram kojih se nalazi slovo "E" u ovoj koloni, postoji i slovo "F" u prethodnoj koloni. Na kraju krajeva, pojedinačni tagovi nemaju završne oznake. Primjer je ista oznaka .
• Peta kolona je Depr. ili Zastarjelo- od engleskog "ne preporučuje se". Ako ova kolona sadrži slovo "D" (koje znači potpuno isto), to znači da ovu oznaku zastarjelo za korištenje u HTML-u. Idemo malo unaprijed, danas za dizajn i teksta i izgled ceo sajt i HTML dokument koriste kaskadne stilove - CSS. Ukratko i jednostavno, kreira se jedna datoteka u koju su upisani svi tekstualni parametri koji se mogu pozvati određenim atributima oznake. dakle, ovu funkciju koristi se samo na web stranicama, jer pri slanju biltena poštom ili putem RSS-a CSS nije primjenjiv. I ovdje ove iste oznake dolaze u pomoć. Većina ovih oznaka se, inače, odnosi na dizajn teksta ( i su primjer)
• Šesta kolona - DTD- može sadržavati bilo slovo "L" ili "F"... Prvi je "L" - Loose DTD- znači da je oznaka nasuprot kojoj je dato pismo, može se koristiti samo u prelaznom tipu dokumenta (- Tranzicioni, o čemu sam pisao u prethodnom članku). Drugi je "F" — Frameset DTD- znači da se oznaka može koristiti samo u dokumentu kao što je FRAMESET (- Frameset). Ako slovo nedostaje, tada se oznaka može koristiti u svim vrstama dokumenata.
• I poslednja, sedma kolona - Opis — Kratki opis tag, opet na engleskom

Atributi se mogu naći na istoj stranici HTML 4.01 specifikacije, ali na kartici "atributi". Postoji mnogo više atributa nego oznaka. I opet ću sve zapisivati ​​tačku po tačku.

• Prva kolona je Ime- kao u slučaju oznaka - naziv atributa. Sve je na engleskom, ali ima osnovno znanje možete pogoditi šta radi ovaj ili onaj atribut.
• Druga kolona - Povezani elementi Je lista svih oznaka koje koriste atribut. Sve oznake su povezane, tako da možete skočiti direktno na informacije o oznakama.
• Treća kolona - Tip- to je sve moguće vrijednosti određeni atribut. Na primjer, suprotno od onog koji smo odabrali atribut veličine v Oznaka fonta vrijednost je CDATA. Kasnije ćemo to pogledati, ali ukratko, to je poseban skup opcija veličine (u ovom slučaju). Na kraju krajeva, možete pisati i piksele i procente.
• Četvrta kolona - Default- znači da li je atribut potreban u određenoj oznaci. Na primjer, u Img tag atribut src je neophodan, jer ukazuje na izvor iz kojeg treba uzeti sliku.
• Kolone od 6, 7 i 8 znače isto kao i za oznake.

Sve navedeno se odnosi samo na HTML verzije 4.01. O HTML 5 ćemo govoriti u drugom članku, a dotaknućemo se i XHTML-a. A sada, kao što sam obećao, napravićemo HTML stranicu nad kojom ćemo eksperimentisati.

Kreirajte html fajl - HTML dokument

Prije svega, hajde da shvatimo šta je HTML dokument... A ovo je, u stvari, datoteka u HTML formatu. I sve web stranice su HTML dokumenti. Na primjer, prilikom ulaska na web lokaciju adresna traka na kraju se vidi iza ".html" ili ".htm" adrese. Kreiraćemo fajl sa ovom ekstenzijom. Općenito, ako želite eksperimentirati na web mjestu, a ne na stranici, onda je bolje kreirati lokalni server- Denver (o kome želim sve da napišem).

S obzirom da nisam ni govorio o tagovima prisutnim na svakoj stranici, jednostavno ćemo kreirati fajl sa bilo kojim imenom i ekstenzijom .html. Moguće je (i najbolje od svega) koristiti Notepad ++ jer u ovome uređivač teksta koristi se isticanje koda, što je vrlo zgodno za uređivanje koda i datoteke se mogu spremiti u više formata. Postoje i programi u kojima se, prilikom kucanja koda, rezultat odmah pojavljuje u obrađenom obliku.

Dakle, samo treba da otvorimo Notepad ++ i sačuvajte datoteku sa slobodan tekst(može biti prazan), ali u .html formatu. Da biste to učinili, kao i obično, kliknite na oznaku datoteke, zatim "sačuvaj kao" i pretražite među velika lista ekstenzije Datoteka HyperText Markup Language(ekstenzije datoteka) ". To je, u stvari, sve. Prve redove ovoj datoteci ćemo dodati u sljedećem članku iz naslova "Kreiranje web stranice od nule"

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

…

skraćenica od engleska 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 slovima i velikim slovima... Nekada je bilo opšte prihvaćeno da sve oznake treba pisati velikim slovima tako da se oznake razlikuju od običan tekst... 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 pruge

---

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.

Ovo razdvajanje nije striktno, tako da postoje neke oznake različite grupe... 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.

Hajde da pogledamo ispravnu strukturu oznake koje sadrže atribute:

1. 
2. Sam Webmaster

Na primjer, dao sam dva u potpunosti 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: