Za strukturiranje i oblikovanje teksta koriste se oznake - posebne ključne riječi uokvirene zagradama< и >. Većina njih ima završni par s kosom crtom "/" ispred naziva oznake. To vam omogućuje označavanje određenih dijelova teksta. Na primjer:

Kao što možete vidjeti iz primjera, oznake se ne prikazuju u pregledniku, ali mogu utjecati na prikaz teksta.

Neke oznake nisu namijenjene isticanju područja teksta, već su odgovorne za jedan element dokumenta (na primjer, sliku ili gumb). Takve oznake ne zahtijevaju završni par, a kosa crta "/" stavlja se ispred zagrade za zatvaranje oznake. Na primjer,
(prijelom retka) ili

Element (ili čvor) je zbirka otvarajućih i zatvarajućih oznaka zajedno s njihovim sadržajem, kao i praznih oznaka. Elementi su građevni blokovi koji čine dokument. Radi lakšeg čitanja, prikazat ćemo elemente koji se sastoje od praznih oznaka s kosom crtom, a one koji sadrže uparene oznake - bez nje.

Sintaksa i mehanizam pogleda

Podsjetimo se da je jedna od funkcija HTML 5 prezentacijskog motora osigurati kompatibilnost novog standarda s postojećim HTML/XHTML dokumentima. To je zbog prisutnosti tri "moda" (HTML5, XHTML5, DOM5 HTML) tumača, od kojih svaki podržava vlastitu sintaksu.

Općenito govoreći, HTML standard dopušta upisivanje oznaka u bilo kojem slučaju. Također možete izostaviti neke završne oznake (i kosu crtu u pojedinačnim oznakama). U HTML 5 ovo također vrijedi (HTML5 sintaksa prezentacije), ali takav kod neće biti kompatibilan sa XML/XHTML sintaksom, što otežava korištenje tehnologija kompatibilnih s XML-om kao što su mikroformati. Iz tog razloga preporučujemo pisanje koda koristeći XHTML sintaksu (dokument se tumači u XHTML5 reprezentaciji). Na temelju toga će se provesti daljnja prezentacija.

Radi kompatibilnosti sa starijim preglednicima koji ne razumiju XHTML sintaksu, dobra je ideja ostaviti razmak između imena i kose crte "/" u pojedinačnim oznakama, iako je to dobra navika, a ne pravilo:

Pravilo ugniježđivanja oznaka

Uparene oznake (spremnici) mogu sadržavati ne samo tekst, već i druge oznake. U ovom slučaju vrijedi jedno pravilo - oznake se moraju zatvoriti obrnutim redoslijedom od onog kojim su otvorene. Obratite pažnju na položaj oznaka u sljedećem primjeru:

Da biste zapamtili ovo pravilo, zamislite da su oznake lutke za gniježđenje. Možete ih staviti jednu u drugu, ali ne možete staviti jednu polovicu unutra, a drugu vani. Ovo se pravilo ne odnosi na prazne oznake koje jednostavno nemaju završni par.

Ugniježđeni elementi nazivaju se djeca, a oni unutar kojih su ugniježđeni nazivaju se roditelji. Ovo je relativno svojstvo, jer svaki čvor može biti i dijete jednog i roditelj drugih. Element najviše razine (bez roditelja) naziva se korijenski element.

Atributi oznake

Svaka početna (ili prazna) oznaka može sadržavati atribute koji definiraju neka dodatna svojstva cijelog elementa. Atributi se pišu odmah iza naziva oznake, odvojeni od njega i jedan od drugog razmakom:

<а href="http://www.example.com/" target="_blank">Veza

U ovom smo primjeru naveli oznaku (hiperveza) dva atributa. Prvom smo dodijelili vrijednost http://www.example.com/ (href), koji je odgovoran za adresu linka. Vrijednost _blank ciljnog atributa znači da bi se, kada kliknete na vezu, stranica navedena u href trebala otvoriti u novoj kartici preglednika.

Neki atributi mogu imati samo jednu valjanu vrijednost i samo dva moguća stanja - kada je atribut prisutan u elementu i, sukladno tome, kada ga nema. U ovom kolegiju se takvi atributi, po analogiji s varijablama u matematici, nazivaju Booleovim. Vrijednost Booleovog atributa obično je ista kao i njegovo ime. Na primjer, disabled="onemogućeno" . Općenito govoreći, oni se mogu izostaviti, navodeći samo naziv atributa (tzv. skraćeni atributi). Međutim, za kompatibilnost s XHTML/XML sintaksom, vrijednosti su i dalje potrebne. Osim toga, svi nazivi atributa moraju biti upisani malim slovima, a njihove vrijednosti moraju biti u dvostrukim navodnicima, iako HTML 5 ne nameće takvo ograničenje.

Ne preporučuje se:
Preporučeno:

Posebni simboli

Ali što ako trebate koristiti dvostruke navodnike u vrijednosti atributa? Ili u tekstu dokumenta - trokutasta zagrada? Uostalom, onda nije jasno koji od navodnika zatvara atribut, a koji se odnosi na njegovu vrijednost, te je li zagrada početak taga ili je to matematički znak “manje od”? U ovom, kao iu mnogim drugim slučajevima, posebni HTML znakovi dolaze u pomoć.

Posebni znakovi u HTML-u implementirani su pomoću mnemotehnike koju interpretira preglednik. Na primjer, dvostruki navodnici (") mogu se ispisati s kodom " , a znak eura (€) s € . Svi mnemonički kodovi počinju znakom & (&) i završavaju točkom i zarezom (;). Kako biste spriječili da se uobičajeni ampersand u tekstu ne zamijeni s početkom mnemoničkog koda, mora se uvijek ispisati s kodom &. Čak se i UTF-8 znakovi mogu prikazati pomoću mnemotehnike. Takvi mnemonički kodovi izgledaju kao xxx; , gdje je xxxx zamijenjen decimalnim kodom znaka u UTF-8 kodiranju. Na primjer, © će se pojaviti kao "©". Mnogi UTF-8 znakovi imaju svoje parnjake u obliku tekstualnih mnemoničkih kodova. Isti simbol “ ” može se označiti ovako: .

9 komentara

Negdje sam pročitao da atribut target="_blank" nije baš dobar za korištenje, krši li neke standarde? Pročitao sam da programer ne može odlučiti umjesto korisnika kako otvoriti link (u novoj kartici ili u istoj), koliko god dobra bila. Htio bih znati vaše mišljenje. Atribut target="_blank" nije uključen u XHTML standard. Kako bi se održala valjanost XHTML stranica, ciljna vrijednost se zamjenjuje (ako je potrebno, naravno) pomoću JavaScripta. U HTML-u ovo je potpuno valjan atribut i nema potrebe za takvim trikovima.

Što se tiče njegove ekspeditivnosti, slažem se da ga ne treba zlorabiti, jer većina korisnika zna kako otvoriti bilo koju poveznicu u novoj kartici, a gumb "Natrag" uvijek je pri ruci. Pa ipak, bez target="_blank" postoji neka šansa da izgubite korisnika koji se "zaboravio" vratiti, dok s njom postoji šansa da navučete na sebe pravedni gnjev istog korisnika. Ispada da je to dvosjekli mač.

U svojoj praksi, u pravilu, koristim ovaj atribut samo za poveznice koje dodaju korisnici (u komentarima, na primjer), tj. prijelaz na koji nije planiran prilikom pripreme članka. I također u situacijama kada je to stvarno potrebno: ​​na primjer, na stranicama gdje korisnik može preuzeti video u trenutku klika, sluša radio, razgovara itd.

Čini se da u HTML-u 5 možete ostaviti uparene oznake otvorene ako ih prati druga oznaka. Kao, na listama oznaka li sada može ostati otvorena. Katerina, možeš, da. I u HTML 4 također. U tom slučaju, preglednici ih moraju sami zatvoriti. Međutim, u nekim slučajevima (IE9, na primjer) to rade neispravno, što dovodi do pogrešaka u izgledu koje nije tako lako otkriti. XML parseri (ako postoji potreba za njihovim korištenjem) najvjerojatnije će se također spotaknuti o ove grablje. Ali općenito, nema prednosti od takve uštede koda. Po mom mišljenju, ipak je bolje zatvoriti oznake. Oni koji kodiraju u HTML 5 ne mare puno za IE. Ne podržava mnogo HTML5 značajki -- Usporedba preglednika Wikipedije (HTML5). A na htmlbook.ru postoji popis oznaka koje je dopušteno preskočiti - http://htmlbook.ru/samhtml5/sintaksis-html5

Ima dovoljno IE korisnika da ih jednostavno ostavimo iza sebe. Graciozna degradacija je naše sve. Što se tiče nezatvorenih uparenih tagova, u pravu ste - ako striktno slijedite ovaj popis, ne bi trebalo biti problema čak ni u IE, ova pravila su na snazi ​​od HTML 3.2.

Hvala, pogledat ću) Hvala na otkriću! Izvrstan materijal, svakako vrijedan korištenja.

Ministarstvo obrazovanja Republike Bjelorusije

BJELORUSKO NACIONALNO TEHNIČKO SVEUČILIŠTE

Katedra za osnove poslovanja

Izvješće o radu laboratorija br.1

"STRUKTURA HIPERTEKSTUALNOG DOKUMENTA"

u disciplini "Informacijske tehnologije"

Izvršio: student gr.105032 Bychko E.V.

Prihvatio: nastavnik Dashkevich N.V.

Laboratorijski rad br.1

STRUKTURA HIPERTEKSTUALNOG DOKUMENTA

Cilj rada: steći početne vještine izrade jednostavnih internetskih dokumenata; naučiti kako oblikovati kreirane web stranice.

Završetak rada

Zadatak 1. Kreiranje strukture datoteke

Koristeći alate Explorera, struktura datoteke prikazana na slici 1 je stvorena u mojoj radnoj mapi. 1.1.

Riža. 1.1. Struktura datoteke

Zadatak 2. Izrada HTML dokumenta

Pomoću aplikacije Notepad izradite HTML dokument koji, kada ga pregledavate u preglednicima, u naslovnoj traci prozora prikazuje tekst “Sadržaj naslovne trake”, a u prozoru tekst “Ovako izgleda HTML dokument”. glavno područje. Na slici 2.1. Prikazan je HTML dokument.

Riža. 2.1. HTML dokument

Prikaz dokumenta u pregledniku prikazan je na slici 2.2.

Riža. 2.2. Dokument u pregledniku

Zadatak 3. Promjena HTML dokumenta

Dokument je potrebno promijeniti na način da se prilikom pregledavanja u pregledniku u naslovnoj traci prikazuje tekst “Opći pogled na html dokument”, a u glavnom dijelu dokumenta tekst:

"Evo nekoliko načina rada:

koje ćemo savladati:

cijepanje teksta

poravnanje teksta

stvaranje zaglavlja

rad sa tablicama."

Struktura HTML dokumenta prikazana je na slici 3.1.

Riža. 3.1. HTML dokument

Pregledajte dokument u pregledniku (Sl. 3.2).

Riža. 3.2. Dokument u pregledniku

Kontrolna pitanja

Što je hipertekst?

Kakva je struktura jednostavnog HTML dokumenta?

Struktura najjednostavnijeg HTML dokumenta je sljedeća:

PRVI TEKST NA STRANICI

Kako postaviti početak odlomka teksta?

Da biste postavili početni odlomak, morate koristiti uparenu oznaku - početak i kraj odlomka.

Što je označavanje hiperteksta pomoću HTML-a?

HTML je označeni jezik za označavanje dokumenata. Svaki dokument u HTML jeziku je skup elemenata, a početak i kraj svakog elementa označeni su posebnim oznakama - tagovima. Elementi mogu biti prazni, odnosno ne sadrže tekst ili druge podatke. U ovom slučaju, oznaka za zatvaranje obično nije navedena. Osim toga, elementi mogu imati atribute koji definiraju neka njihova svojstva. Atributi su navedeni u početnoj oznaci.

Kako se nesparene oznake razlikuju od uparenih oznaka?

HTML oznake mogu biti uparene ili neuparene. Neuparene oznake imaju učinak u cijelom dokumentu ili imaju jednokratni učinak tamo gdje su umetnute. Pri korištenju uparenih oznaka dokumentu se dodaju otvarajuće i zatvarajuće oznake koje utječu na dio dokumenta koji se nalazi između njih.

Označiti (pl. oznake, ponekad oznaka) je element HTML jezika koji se koristi za označavanje izvornog teksta web stranice. Oznake su kratice ili kratice engleskih riječi u uglastim zagradama<>, na primjer, oznaka

…

skraćenica engleske riječi 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 i malim i velikim slovima. Ranije je bila uobičajena praksa da se sve oznake pišu velikim slovima kako bi se oznake razlikovale od običnog teksta. 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 horizontalne trake

---

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 u različitim skupinama. 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 ispravnu strukturu oznaka koje sadrže atribute:

1. 
2. Vaš vlastiti webmaster

Kao primjer dao sam dvije potpuno različite oznake. 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:



Zdravo! Pa, jeste li napravili svoju prvu stranicu? Dobro napravljeno! Sada razgovarajmo o oznakama: što su i zašto su potrebne.

Stvaranje web stranice pomoću HTML-a vrši se pomoću oznaka. Svaka oznaka sadrži određeni element. A svi zajedno tvore točno onu stranicu koja se prikazuje u prozorima preglednika. Ovo su same osnove HTML-a. Razgovarajmo o njima detaljnije.

Bilo koja oznaka, bez obzira na svrhu i lokaciju, postavlja se između simbola < I > , koji se nalazi na početku, odnosno na kraju oznake.

Primjer:

Uparene oznake

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čiti početak i kraj određenog dijela 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 se ovako prikazivale u ranijim verzijama HTML-a. Ali sada kada se pojavio HTML 5, kosa crta nije potrebna.

Atributi HTML oznake

Također, kada govorimo o osnovama HTML-a, ne možemo 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. Obavezni 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.