Postoje dvije vrste oznaka. Prvi uključuje uparene, koji uključuju dvije komponente, po čemu su i dobili naziv. Te se komponente nazivaju otvarajuće i zatvarajuće oznake. Oznaka za zatvaranje razlikuje se od svog dvojnika po prisutnosti simbola / , koji se postavlja odmah nakon < .

Druga vrsta oznaka su pojedinačne oznake. I, kao što ime sugerira, nisu upareni s drugom, završnom oznakom.

Pojedinačne HTML oznake

Prilikom izrade stranice pomoću HTML-a, glavna svrha uparenih oznaka je označavanje početka i kraja određenog fragment teksta. No, koriste se i oznake čija zadaća nema nikakve veze s isticanjem fragmenata teksta.

Primjeri takvih oznaka uključuju one koje vam omogućuju postavljanje linije razdvajanja ili dodavanje slike na stranicu. A upravo su te oznake jednostruke, jer svoju funkciju, da tako kažem, obavljaju bez para.

Ove oznake uključuju:
,

Crta
Sljedeći red

Ako negdje vidite ovakav format za snimanje jedne oznake
, onda znajte da su ovako bile izložene u više ranije verzije HTML. Ali sada kada se pojavio HTML 5, kosa crta nije potrebna.

Atributi HTML oznake

Također u razgovoru o osnove HTML-a Nemoguće je ne spomenuti atribute oznaka. Za određene oznake upotreba atributa nije obavezna, ali je sasvim prihvatljiva. A u nekim su slučajevima svakako potrebni.

Primjer takvog slučaja mogla bi biti oznaka , koji je dizajniran za umetanje slike na stranicu. Obavezan atribut za ovu oznaku je src, s kojim možete označiti gdje se točno nalazi slika. To se radi kako bi preglednik mogao otvoriti sliku. Ako je adresa slike navedena bez atributa, slika neće biti prikazana 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. Ispod možete vidjeti primjere.

......

Dakle, nadam se da je ovdje sve jednostavno i jasno. Ali ako se nešto dogodi, slobodno pitajte - sigurno ću pomoći. U sljedećim lekcijama ćemo raščlaniti različite oznake i naučiti što svaka od njih radi.

Već ste pročitali da se sav jezik sastoji od oznaka. U ovoj lekciji pobliže ćemo 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. A upareni deskriptori imaju oznaku otvaranja i zatvaranja.

Pojedinačne HTML oznake

Pojedinačne oznake nemaju završnu oznaku. Na primjer:
, . Ranije su pisali ovako:
, , sada ovaj stil pisanja pojedinačnih oznaka nije relevantan, stoga nemojte pisati tako. Najviše korišten pojedinačne oznake:
- prenijeti na nova linija,

Uparene HTML oznake

Uparene oznake puno više. Upareni deskriptor ima početnu i završnu oznaku. Uparena oznaka čini spremnik. Sadržaj spremnika je ono što se nalazi između početnih i završnih oznaka. U primjeru iz ovog članka vidjeli ste oznaku

Što su deskriptori u HTML-u?

, i na kraju

Glavna greška početnici u pisanju uparenih oznaka, ovo je zabuna u gniježđenju. Na primjer, ovo je ispravan unos:

Podebljani paragraf

Podebljani paragraf

Kako pravilno napisati uparene oznake

Što je novo u HTML5 u smislu oznaka?

HTML5 jezik je proširenje HTML4, tako da zadržava većinu ili sve deskriptore iz HTML4 i dodaje svoje. U HTML5 pojavio posebne oznake podijeliti web mjesto na glavne blokove: zaglavlje, izbornik, podnožje, bočnu traku i sadržaj.

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

Tražilice Yandex i Google su osjetljive 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 nema potrebe da ih posebno podučavate. Sve dok vježbate pisanje nečega, lako ćete zapamtiti sve deskriptore, uparene i pojedinačne. S vremenom, naravno.

Pozdrav, dragi čitatelji bloga! U prošlom smo članku otkrili što je vrsta dokumenta i kako preglednici određuju jezik koji se koristi pomoću . Oznaka je uzeta u obzir, ali sam koncept (termin) nije. U ovom članku ću vam reći što je oznaka, zašto je potrebna i koje vrste oznaka postoje. Kao što sam rekao u prošlom članku ovog odjeljka, napravit ćemo stranicu datoteke s kojom ćemo eksperimentirati, na temelju znanja koje smo stekli. Ali ovo je na kraju članka, ali za sada pogledajmo HTML oznaku.

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

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

• Oznaka za otvaranje- oznaka na početku. U gornjem primjeru, oznaka otvara se i nalazi se ispred teksta koji treba označiti.
• Završna oznaka- oznaka na kraju. Posebnost služi kao kosa crta “/” prije znakova u uglastim zagradama. Pogledajmo ponovno gore razmotreni primjer. Označiti se zatvara i dolazi iza teksta koji treba istaknuti masnim slovima
• Pojedinačne oznake- oznake koje nemaju završnu oznaku. Primjer bi bio
  Evo primjera oznake za otvaranje i zatvaranje:

Cijeli dizajn, uključujući tekst, izgledat će ovako:

Ovaj će tekst biti istaknut podebljanim slovima

A ovako će ovaj tekst izgledati kada ga preglednik obradi i dostavi nam: Ovaj će tekst biti istaknut podebljanim slovima. Postoji i takav koncept kao oznake spremnika, ali ovo je samo generički naziv za početne i završne oznake. Kao što sam gore napisao, osim oznaka kontejnera, postoje i pojedinačne oznake. Razlika je u tome što se takve oznake ne moraju zatvarati. Najsjajniji i najsjajniji čest primjer služi kao oznaka za novi red.

U osnovi, pojedinačne oznake koriste se za umetanje elementa, poput slike ili tablice.

Što su atributi, pravila pisanja i zašto su potrebni?

, koji bez atributa zapravo ne čini ništa smisleno.

Font— oznaka spremnika koja se koristi za oblikovanje teksta. Pomoću ove oznake možete podebljati tekst, promijeniti veličinu i udaljenost između redaka - općenito, sve što možete učiniti s tekstom. Pogledajmo primjer s veličinom teksta. Prvo, stavimo tekst u oznaku Font.

Tekst

Sada malo o pravilima pisanja atributa. Atributi Stalno pišu se u početnoj oznaci i iza znakova same oznake. Možete napisati više atributa u jednu oznaku bilo kojim redoslijedom. Atribute možete pronaći na web stranici W3C validatora (o kojoj ću pisati u nastavku). Evo primjera oznake fonta s atributom veličine:

Tekst

Ovaj atribut u oznaci fonta mijenja veličinu teksta unutar oznaka.
Ako otvorite izvor stranicu, vidjet ćete da je mjesto gdje je velika riječ"Tekst" izgleda

Tekst

Već ste vidjeli kako se pišu atributi. Oni se pišu na potpuno isti način u drugim oznakama: prvo upišemo sam atribut (in u ovom slučaju veličina), zatim stavite “=” i uključite parametar atributa dvostruki navodnici. Sve parametre atributa možete pronaći na istoj web stranici konzorcija svjetska mreža.

Što je W3C validator, pravila pisanja i popis oznaka

Kao što sam napisao, ima jako puno oznaka. Ali gdje ih sve možete pronaći? To je ono zbog čega postoji W3C validator W3C - Svijet Wide Web Konzorcij, 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 njihova su zamisao). Na čelu cijelog konzorcija je iz prethodnog članka poznati Tim Berners-Lee, tvorac HTML-a. Web stranica ove organizacije je w3.org. Upozoravam vas, stranica je u potpunosti na engleskom, stoga imajte rječnik ili prevoditelj u svom pregledniku. Inače, Google ocjena za ovu stranicu je 9 i 37.000 (to je sve puno, ako netko ne zna).

Vratimo se na temu članka. Zanimaju nas jezični standardi HNTML 4.01. Slijedite vezu HTML 4.01 Specification, nakon čega vidimo karticu elemenata na vrhu, kliknite na nju. Ovdje se otvara stranica sa svim oznakama. Konzorcij je ove oznake razvio i prihvatio kao standard. Sve je, opet, na engleskom. Odmah nakon riječi "Indeks elemenata" vidimo legendu (značenje slova u stupcima):

I odmah nakon legende nalazi se tablica samih oznaka:

• U prvom stupcu - Ime— naziv same oznake je ono što bi trebalo biti u uglastim zagradama (< и >).
• Drugi stupac - Početna oznaka- prisutnost oznake za otvaranje. U ovaj stupac možete vidjeti slovo "O", što znači "Optional", au prijevodu s engleskog - Optional. Ovo slovo je prisutno samo nasuprot oznakama , , I i znači da možete staviti oznaku za otvaranje, ili ne morate - preglednik će sve učiniti sam.
• Treći stupac - Završna oznaka— prisutnost završne oznake. Nasuprot ove oznake možete vidjeti i slovo "O" i slovo "F". Značenje prvog se nije promijenilo. Drugo slovo - "F" - doslovno "zabranjeno" na engleskom - znači da je zabranjeno staviti oznaku za zatvaranje, ona jednostavno ne postoji. Na primjer, nema oznake, jer se u njemu nema što skrivati.
• Četvrta - Prazan— znači da je oznaka jednostruka (prazna). Sve oznake koje imaju slovo "E" ispred sebe u ovom stupcu također imaju slovo "F" u prethodnom stupcu. Uostalom, pojedinačne oznake nemaju završne oznake. Primjer je ista oznaka .
• Peta kolona - Depr. ili Zastarjelo- od engleskog "ne preporučuje se". Ako ovaj stupac sadrži slovo "D" (što znači potpuno isto), to znači da ovu oznaku ne preporučuje se za korištenje u HTML-u. Gledajući malo unaprijed, danas za dizajn teksta i izgled Cijelo web mjesto i HTML dokument koriste kaskadne stilske listove (CSS). Ukratko i jednostavno, kreira se jedna datoteka u koju su upisani svi tekstualni parametri koji se mogu pozvati određenim atributima oznake. Tako, ovu funkciju koristi se samo na web stranicama, jer CSS nije primjenjiv kod slanja vijesti e-poštom ili RSS-om. I ovdje te iste oznake dolaze u pomoć. Većina ovih oznaka, usput, odnosi se na dizajn teksta ( I su primjer)
• Šesti stupac - DTD- može sadržavati bilo koje slovo "L", ili "F". Prvo - "L" - Labavi DTD— znači da je oznaka nasuprot koje je dano pismo, može se koristiti samo u prijelaznoj vrsti dokumenta (- Tranzicijski, o čemu sam pisao u prethodnom članku). drugo - "F" — Skup okvira DTD— znači da se oznaka može koristiti samo u dokumentu tipa FRAMESET (- Skup okvira). Ako slovo nedostaje, tada se oznaka može koristiti u svim vrstama dokumenata.
• I zadnja, sedma kolona - Opis — Kratki opis oznaka, opet na engleskom

Atributi se nalaze na istoj stranici specifikacije HTML 4.01, ali u kartici "atributi". Postoji mnogo više atributa nego oznaka. I opet ću sve zapisati točku po točku.

• Prvi stupac - Ime— kao u slučaju oznaka — naziv atributa. Sve je na engleskom, ali imajući osnovno znanje možete pogoditi što ovaj ili onaj atribut radi.
• Drugi stupac - Povezani elementi je popis svih oznaka koje koriste bilo koji atribut. Sve oznake imaju veze, tako da možete odmah otići na informacije o oznaci.
• Treći stupac - Tip- ovo je sve moguće vrijednosti određeni atribut. Na primjer, nasuprot onoj koju smo odabrali atribut veličine V Oznaka fonta vrijednost je CDATA. Pogledat ćemo to kasnije, ali ukratko, to je poseban skup opcija veličine (u ovom slučaju). Uostalom, možete pisati i piksele i postotke
• Četvrti stupac - Zadano- označava je li atribut potreban u određenoj oznaci. Na primjer, u oznaka Sl atribut src je obavezan, jer označava izvor iz kojeg treba uzeti sliku.
• Kolone 6, 7 i 8 znače isto kao u slučaju oznaka.

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

Izrada datoteke u html formatu - HTML dokument

Prije svega, shvatimo što je to HTML dokument. A ovo je zapravo datoteka u HTML formatu. A sve internet stranice su HTML dokumenti. Na primjer, kada stignete na mjesto u adresna traka na kraju možete vidjeti ".html" ili ".htm" nakon adrese. Ovo je datoteka koju ćemo izraditi s ovom ekstenzijom. Općenito, ako želite eksperimentirati s web-mjestom, a ne sa stranicom, bolje je izraditi lokalni poslužitelj— Denver (o kojem želim sve napisati).

S obzirom na to da nisam ni govorio o oznakama prisutnim na svakoj stranici, jednostavno ćemo stvoriti datoteku s bilo kojim nazivom i ekstenzijom.html. Moguće je (i najbolje) koristiti Notepad++, jer u ovom uređivač teksta Koristi se označavanje koda, što je vrlo zgodno pri uređivanju koda, a datoteke se mogu spremati u različitim formatima. Postoje i programi u kojima se, kada upišete kod, rezultat odmah pojavi u obrađenom obliku.

Dakle, samo trebamo otvoriti Notepad++ i spremite datoteku s slobodan tekst(može biti prazno), ali u .html formatu. Da biste to učinili, kao i obično, kliknite na natpis datoteke, zatim "spremi kao" i pretražite između veliki popis proširenja "HyperText Markup Language datoteka(nastavci datoteka)". To je zapravo sve. Dodat ćemo prve retke ovoj datoteci u sljedećem članku iz odjeljka “Izrada web stranice od nule”

Označiti (pl. oznake, ponekad oznaka) je element HTML jezik, s kojim se vrši obilježavanje izvorni tekst Internet stranice. Oznake su kratice ili kratice engleskih riječi u uglastim zagradama<>, na primjer, oznaka

…

skraćenica za engleska riječ paragraf, tj. tekst 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. Veličina slova u nazivima oznaka nije važna, na primjer, oznaka

…

i oznaka

…

- To je isto. Odnosno, oznake se mogu pisati malim slovima i velikim slovima. Ranije je bila uobičajena praksa da se sve oznake pišu velikim slovima kako bi se oznake razlikovale od čisti tekst. Sada nema takve potrebe, jer mnogi urednici imaju isticanje sintakse.

Klasifikacija oznaka

U HTML-u postoji više od 90 oznaka. Obično jedna oznaka utječe samo na dio dokumenta, na primjer, oznaka naslova prve razine

…

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

) stvara učinak, a zatvaranje (

) — zaustavlja svoje djelovanje. Kao što možete vidjeti iz primjera, završna oznaka uvijek ima ovaj simbol ( / ) - kosa crta. Ove oznake se nazivaju dvostruki.

Neke oznake daju jednokratni učinak tamo gdje se pojave. Na primjer, oznaka horizontalna pruga

---

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

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;
• popisi;
• stolovi;
• okviri.

Ova podjela nije stroga, pa su neke oznake in različite grupe. Na primjer, oznake za izradu popisa

I
primijeniti i na popise i na blok elemente.

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 je oznaka pogrešno napisana, u potpunosti se zanemaruje.

Sve oznake imaju određenu strukturu koja se mora slijediti prilikom pisanja. Osim toga, gotovo sve oznake imaju različite atribute koji mogu promijeniti način na koji se sadržaj prikazuje.

Pogledajmo ispravna struktura oznake koje sadrže atribute:

1. 
2. Vaš vlastiti webmaster

Kao primjer naveo sam dvije u potpunosti različita oznaka. Prvi jedan - odgovoran za prikaz slika, atribut - src=”logo.jpg”. Drugi … paired je odgovoran za stvaranje veza, atribut je href=”web stranica”.

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

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

Slika za pojašnjenje: