Za strukturiranje i dizajn teksta koriste se tagovi - posebne ključne riječi uokvirene u zagradama< и >... Većina njih ima završni par sa kosom crtom "/" ispred naziva oznake. Ovo vam omogućava da označite određene dijelove teksta. Na primjer:

Kao što možete vidjeti iz primjera, oznake se ne prikazuju u pretraživaču, ali mogu uticati na prikaz teksta.

Neke oznake nisu dizajnirane da istaknu dio teksta, već su odgovorne za jedan element dokumenta (na primjer, sliku ili dugme). Takve oznake ne zahtijevaju završni par, a kosa crta "/" se stavlja ispred završne zagrade oznake. Na primjer,
(prelom reda) ili

Element (ili čvor) je kolekcija početnih i završnih oznaka, zajedno sa njihovim sadržajem i praznim oznakama. Elementi su građevni blokovi dokumenta. Radi čitljivosti prikazaćemo elemente koji se sastoje od praznih oznaka sa kosom crtom, i onih od uparenih bez nje.

Sintaksa i mehanizam za pregled

Podsjetimo da je jedna od funkcija HTML 5 prezentacijskog motora osigurati kompatibilnost novog standarda sa postojećim HTML/XHTML dokumentima. To je zbog prisustva tri "moda" (HTML5, XHTML5, DOM5 HTML) interpretatora, od kojih svaki podržava svoju sintaksu.

Uopšteno govoreći, HTML standard vam omogućava da kucate oznake u svakom slučaju. Osim toga, možete izostaviti neke od završnih oznaka (i kosu crtu u pojedinačnim oznakama). U HTML 5 to je također dozvoljeno (HTML5 sintaksa prezentacije), ali takav kod neće biti kompatibilan sa XML/XHTML sintaksom, što otežava korištenje XML-kompatibilnih tehnologija kao što su, na primjer, mikroformati. Iz tog razloga, preporučujemo da napišete svoj kod koristeći XHTML sintaksu (dokument se tumači u XHTML5 reprezentaciji). Na osnovu toga će biti sprovedeno dalje predstavljanje.

Za kompatibilnost sa starijim pretraživačima koji ne razumiju XHTML sintaksu, preporučljivo je ostaviti razmak između imena i kose crte "/" u pojedinačnim oznakama, iako je ovo više korisna navika nego pravilo:

Pravilo ugniježđenja oznaka

Uparene oznake (kontejneri) mogu sadržavati ne samo tekst, već i druge oznake. U ovom slučaju vrijedi jedno pravilo - oznake moraju biti zatvorene obrnutim redoslijedom od onog kojim su otvorene. Obratite pažnju na lokaciju 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 jednu polovinu staviti unutra, a drugu van. Ovo pravilo se ne primjenjuje na prazne oznake koje jednostavno nemaju krajnji par.

Ugniježđeni elementi se nazivaju djeca, a oni u koje su ugniježđeni nazivaju se roditelji. Ovo je relativno svojstvo, budući da svaki čvor može biti i dijete jednog i roditelj drugog. Element najvišeg nivoa (neroditeljski) naziva se osnovni element.

Atributi oznake

Bilo koja početna (ili prazna) oznaka može sadržavati atribute koji definiraju neka dodatna svojstva za cijeli element. Atributi se pišu odmah iza naziva oznake, odvojeni od nje i jedan od drugog razmakom:

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

U ovom primjeru smo specificirali oznaku (hiperveza) dva atributa. Prvom (href) odgovornom za adresu veze dodijelili smo vrijednost http://www.example.com/. Vrijednost _blank atributa target znači da kada se klikne na vezu, stranica navedena u href treba da se otvori u novoj kartici pretraživača.

Neki atributi mogu imati samo jednu valjanu vrijednost i samo dva moguća stanja - kada je atribut prisutan u elementu i, shodno tome, kada je odsutan. U ovom kursu, takvi atributi se nazivaju booleans, po analogiji sa varijablama u matematici. Vrijednost logičkog atributa je obično ista kao i njegovo ime. Na primjer, disabled = "onemogućeno". Uopšteno govoreći, mogu se izostaviti navođenjem samo imena atributa (tzv. skraćeni atributi). Međutim, za kompatibilnost sa XHTML / XML sintaksom, potrebne su vrijednosti. Osim toga, svi nazivi atributa moraju biti napisani malim slovima i zatvoreni u dvostrukim navodnicima, iako HTML 5 ne primjenjuje ovo ograničenje.

Nije preporuceno:
Preporučeno:

Posebni simboli

Ali što ako trebate koristiti dvostruki navodnik u vrijednosti atributa? Ili u tekstu dokumenta - trouglasta zagrada? Uostalom, onda nije jasno koji od navodnika zatvara atribut, a koji se odnosi na njegovu vrijednost i da li je zagrada početak oznake ili je to matematički znak "manje"? U ovom i u mnogim drugim slučajevima u pomoć priskaču posebni HTML znakovi.

Posebni znakovi u HTML-u implementirani su korištenjem mnemoničkih kodova koje tumači pretraživač. Na primjer, dvostruki navodnik (") može se odštampati sa kodom", a znak eura (€) - €. Svi mnemonički kodovi počinju znakom ampersanda (&) i završavaju tačkom i zarezom (;). Kako se uobičajeni ampersand u tekstu ne bi pobrkao s početkom mnemoničkog koda, uvijek mora biti prikazan sa & kodom. Čak se i UTF-8 znakovi mogu prikazati pomoću mnemoničkih kodova. Takvi mnemonički kodovi su oblika xxx; , gdje je xxxx decimalni kod znaka u UTF-8 kodiranju. Na primjer, © će se pojaviti kao "©". Mnogi od UTF-8 znakova imaju tekstualne mnemoničke parnjake. Isti simbol "" može se označiti ovako:.

9 komentara

Negdje sam pročitao da atribut target = "_blank" nije baš dobar za korištenje, da li krši neke standarde? Pročitao sam da programer ne može umjesto korisnika odlučiti kako da otvori link (u novoj kartici ili u istoj), ma koliko ona bila dobra. Voleo bih da znam vaše mišljenje. Atribut target = "_blank" nije uključen u XHTML standard. Da bi se očuvala valjanost XHTML stranica, ciljna vrijednost se poništava (ako je potrebno, naravno) koristeći JavaScript. U HTML-u, ovo je savršeno valjan atribut i nema potrebe za takvim trikovima.

Što se tiče svrsishodnosti, slažem se da je ne treba zloupotrebljavati, jer većina korisnika zna način da otvori bilo koji link u novoj kartici, a dugme "Nazad" je uvijek pri ruci. Pa ipak, bez target = "_blank" postoji određena vjerovatnoća gubitka korisnika koji je "zaboravio" da se vrati, dok uz to postoji mogućnost izazivanja pravednog bijesa istog korisnika. Ispada mač sa dve oštrice.

U svojoj praksi ovaj atribut u pravilu koristim samo za linkove koje dodaju korisnici (npr. u komentarima), tj. prelazak na koji nije bio planiran tokom pripreme članka. I u situacijama kada je to zaista neophodno: na primjer, na stranicama na kojima korisnik u trenutku klika može preuzeti video, slušati radio, razgovarati itd.

Čini se da u HTML 5 možete ostaviti uparene oznake otvorene ako ih prati druga oznaka. Kao, na listama, li tag sada može ostati nezatvoren. Katerina, možeš, da. I u HTML 4 također. U tom slučaju, pretraživači ih moraju sami zatvoriti. Međutim, u nekim slučajevima (IE9, na primjer) to rade pogrešno, što dovodi do grešaka u rasporedu koje nije lako otkriti. XML parseri (ako postoji potreba da ih koristite) će vjerovatno naići i na ovu grabu. I općenito, nema prednosti od takve uštede u kodu. Po mom mišljenju, ipak je bolje zatvoriti oznake. HTML 5 slagači ne mare mnogo za IE. Ne podržava mnogo HTML5 funkcija - Wikipedia Browser Comparison (HTML5). A na htmlbook.ru postoji lista oznaka koje je dozvoljeno preskočiti - http://htmlbook.ru/samhtml5/sintaksis-html5

Ima dovoljno IE korisnika da ih jednostavno ostavite. Graciozna degradacija je naše sve. Što se tiče nezatvorenih uparenih tagova, u pravu ste - ako se striktno pridržavate ove liste, ne bi trebalo biti problema čak ni u IE, ova pravila su na snazi ​​od HTML 3.2.

Hvala, pročitaću) Hvala na otkriću! Odlična stvar, definitivno vredna korišćenja.

Ministarstvo obrazovanja Republike Bjelorusije

BELORUSSKI NACIONALNI TEHNIČKI UNIVERZITET

Katedra za "Osnove poslovanja"

Izvještaj o realizaciji laboratorijskog rada br.1

"STRUKTURA HIPERTEKSTNOG DOKUMENTA"

u disciplini "Informacione tehnologije"

Izvršio: studentska grupa 105032 Bychko E.V.

Prihvatio: nastavnik Dashkevich N.V.

Laboratorijski rad br.1

STRUKTURA HIPERTEKSTA DOKUMENTA

Cilj: steći početne vještine za izradu najjednostavnijih Internet dokumenata; naučite kako formatirati generirane web stranice.

Završetak radova

Zadatak 1: Kreirajte strukturu datoteke

Koristeći Explorer alate, kreirana je struktura datoteke u njegovom radnom folderu, prikazanom na Sl. 1.1.

Rice. 1.1. Struktura fajla

Zadatak 2. Kreiranje HTML dokumenta

Koristeći Notepad, kreirajte HTML dokument koji, kada se gleda u pretraživačima, prikazuje tekst "Sadržaj naslovne trake" u naslovnoj traci prozora i tekst "Ovo je HTML dokument izgleda" u glavnom delu. Slika 2.1. HTML dokument je predstavljen.

Rice. 2.1. HTML dokument

Pregled dokumenta u pretraživaču prikazan je na slici 2.2.

Rice. 2.2. Dokument u pretraživaču

Zadatak 3. Izmjena HTML dokumenta

Potrebno je promijeniti dokument na način da se pri pregledu u pretraživaču u naslovnoj traci prikaže tekst "Opšti prikaz html dokumenta", a u glavnom dijelu dokumenta:

„Evo nekoliko načina za rad,

koje ćemo savladati:

razdvajanje teksta

poravnanje teksta

kreiranje zaglavlja

rad sa stolovima."

Struktura HTML dokumenta prikazana je na slici 3.1.

Rice. 3.1. HTML dokument

Pregledanje dokumenta u pretraživaču (slika 3.2).

Rice. 3.2. Dokument u pretraživaču

Kontrolna pitanja

Šta je hipertekst?

Koja je struktura najjednostavnijeg HTML dokumenta?

Struktura najjednostavnijeg HTML dokumenta izgleda ovako:

PRVI TEKST NA STRANICI

Kako se postavlja početak tekstualnog pasusa?

Da biste postavili početni paragraf, morate koristiti oznaku za par - početak i kraj pasusa.

Šta je HTML oznaka za hipertekst?

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

Kako se neuparene oznake razlikuju od uparenih oznaka?

HTML oznake mogu biti uparene ili neuparene. Neusklađene oznake utiču na ceo dokument ili definišu jednokratni efekat na mestu gde su umetnute. Kada se koriste uparene oznake, dokumentu se dodaju oznake za otvaranje i zatvaranje koje utiču na dio dokumenta zatvoren između njih.

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. 
2. 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:



Hej! Pa, jeste li napravili svoju prvu stranicu? Dobro urađeno! Hajde sada da razgovaramo o oznakama: šta su i zašto su potrebne.

Kreiranje web stranice pomoću HTML-a se vrši pomoću oznaka. Svaka oznaka sadrži određeni element. A sve zajedno čine upravo onu stranicu koja se prikazuje u prozorima pretraživača. Ovo su same osnove HTML-a. Razgovarajmo o njima detaljnije.

Bilo koja oznaka, bez obzira na njenu svrhu i lokaciju, postavlja se između znakova < i > nalazi se na početku i na kraju oznake, respektivno.

primjer:

Uparene oznake

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 uparivanja oznaka je da označi početak i kraj određenog dela 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 imajte na umu da su na ovaj način bili izloženi u ranijim verzijama HTML-a. Ali sada kada je HTML 5 tu, kosa crta nije obavezna.

Atributi HTML oznake

Također, kada se govori o osnovama HTML-a, ne može se 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 ovu 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.