Označni jezici su. HTML jezik za označavanje dokumenata. Struktura oznaka označnog jezika

Svi dokumenti dostupni putem weba napisani su u jeziku posebno razvijenom za tu svrhu, koji se zove Hyper Text Markup Language (HTML). HTML je jednostavan označni jezik koji vam omogućuje označavanje fragmenata teksta i postavljanje poveznica na druge dokumente, označavanje naslova na nekoliko razina, razbijanje teksta na odlomke, njihovo centriranje itd., pretvarajući jednostavan tekst u formatirani hipermedijski dokument.

Osnova alata HTML jezika su oznake - HTML upute; u jeziku ih ima na stotine. Oni su prisutni unutar hipertekstualnog dokumenta i omogućuju vam da oblikujete cjelokupnu strukturu i stil njegovog dizajna do suptilnosti. Kada, primjerice, pregledavate takav dokument pomoću preglednika, te su oznake nevidljive. A kod izrade web stranice korištenjem specijaliziranih softverskih alata, a takvi alati su prisutni u gotovo svim uredskim aplikacijama (Word, Excel, Access, Power Point, Outlook itd.), oznake nisu vidljive korisniku – one se automatski unose.

Oznake su, na primjer, napisane u uglastim zagradama

HTML oznake ne definiraju apsolutno oblikovanje dokumenta, poput kodova za obradu teksta, već samo relativno. Na primjer, oznaka koja uzrokuje centriranje retka teksta jednako će raditi i na širokom i na uskom zaslonu, a ako tekst ne stane po širini zaslona, ​​automatski će se pomaknuti u drugi redak, treći, i tako dalje.

Web-stranice možete pregledavati u bilo kojem uređivaču teksta, ali to je izuzetno nezgodno jer stranica nije formatirana, ali su njezine oznake vidljive.

Programi za pregled dokumenata u HTML format nazivaju se preglednici. Pregledavanje web dokumenata jedna je od glavnih, iako ne i jedina funkcija preglednika.

Prošlo je nekoliko godina od razvoja prve verzije jezika (HTML 1.0). U to vrijeme došlo je do prilično ozbiljnog razvoja jezika. Broj elemenata označavanja gotovo se udvostručio, dizajn dokumenata sve se više približava dizajnu visokokvalitetnih tiskanih publikacija, a razvijaju se i sredstva za opisivanje netekstualnog teksta. izvori informacija i načine interakcije s aplikacijskim softverom. Poboljšava se mehanizam za razvoj standardnih stilova. Zapravo, HTML se trenutno razvija prema stvaranju standardnog jezika za razvoj sučelja za lokalne i distribuirane sustave.

Pozdrav dragi čitatelju. Vrijeme je za razgovor HTML jezik za označavanje, uz pomoć kojih su stvorene apsolutno sve internetske stranice - i ruske i buržoaske, pa čak i kineske. Ali ovo nije programski jezik, kao što neki misle, već hipertekstualni označni jezik.

Podsjetit ću vas da je hipertekst tekst koji sadrži poveznice na druge stranice i dokumente. Označni jezik pokazuje gdje i kako treba postaviti neki tekstualni element, na primjer paragraf, naslov, popis itd. Za dizajn ovih elemenata odgovoran je jezik CSS, koji je usko povezan s HTML-om, što čini dizajn web stranice stranice lijepe, čitljive i lagane za istovar koda stranice.

Osim CSS html može se proširiti jezičnim funkcijama PHP programiranje i JavaScript, koji stranicama daju interaktivnost, tj. sposobnost reagiranja na radnje korisnika.
Uz pomoć svih ovih alata možete stvoriti bilo koju složenost i bilo koju funkcionalnost. Sam HTML jezik odgovoran je samo za označavanje

Web stranica iznutra

Ovo je moj tekst

U ovom danom kodu vidite naredbe - oznake koji se ponekad nazivaju deskriptori. Otvoreni su u uglastim zagradama. Oznake su uglavnom uparene. Otvor<>i zatvaranje, s kosom crtom naprijed. Sav kod HTML jezika za označavanje ugniježđen je jedan u drugi i nalikuje "matrjoški", gdje je jedan spremnik ugniježđen u drugi.

Slika ispod prikazuje dekodiranje ovog koda:

A evo kako ta ista stranica izgleda u pregledniku Mozilla Firefox. Pokazao sam gdje je tekst prikazan Zaglavlje Titula i tekst označiti Tijelo

Kako napraviti html stranicu

Radi jasnoće, kopirajte tekst s oznakama koji se nalazi iznad u bilo kojem uređivač teksta, na primjer, bilježnicu i spremite je na radnu površinu. Klik desni gumb i odaberite "preimenuj". Umjesto ekstenzije .txt, kao obične tekstualna datoteka, navedite ekstenziju.html ili .htm. Ikona bilježnice promijenit će se u ikonu preglednika koju možete kliknuti da vidite svoju prvu web stranicu.

Ako se proširenje ne prikazuje, morate učiniti sljedeće.

Pronađite na svom računalu: Izgled i personalizacija - Mogućnosti mape - Pogled.

Uvijek je korisno prikazati datotečne ekstenzije kako napadači ne bi mogli računati na to da ćete otvoriti zaraženu datoteku poput "gift.jpg", koja će zapravo biti "gift.jpg.exe". Vrlo je lako, bez ekstenzije koju Windows skriva prema zadanim postavkama, zamijeniti datoteku za pokretanje "zlonamjernog softvera" sa skrivenom ekstenzijom .EXE za običnu sliku.

Pogledajte video o izradi HTML stranica

Programi za izradu HTML stranica

Ručno pisanje Html koda za označavanje hiperteksta bez iskustva može izgledati kao iskušenje pažnje i izdržljivosti. Ali, vjerujte mi, samo jačanjem svojih vještina na ovaj način moći ćete se s ponosom zvati webmasterom.

Za inteligentnu kontrolu pisanja html kod ručno postoji mnogo programa s označavanjem koda. Notepad++ je najpopularniji među programerima amaterima. PHP Dizajner, Dreamweaver

Zadnja dva programa se plaćaju, ali stare verzije, koje nisu ništa lošije od novih, možete besplatno pronaći na internetu i legalno koristiti za svoje potrebe. Dreamweaver je vizualni uređivač. Sam pretvara vaš tekst s dizajnom u kod. U svakom slučaju, nećete požaliti što ste upoznali ovaj alat.

Zašto onda učiti ručno pisati kod? Poanta je da bilo koji vizualni urednici, čak i uređivač ugrađen u WordPress ponekad generira toliko smeća prilagođenog koda da su stranice mnogostruko teže od onih napisanih vašom glavom i rukama. Da, ako i to uzmete u obzir tražilice Sada paze na čistoću koda, tada ćete neizbježno razmišljati o proučavanju HTML-a kako biste kontrolirali cijeli proces.

Općenito, Dreamwaver će u početku zamijeniti dobrog učitelja. Koristite ovaj program i pogledajte kako je napisana html stranica. Glavna stvar je, nemojte biti lijeni pogledati gornji prozor programa, gdje se generira kod. Zabilježite sami gdje program radi nešto nepotrebno.

Što je zapravo preglednik?

Mnogi ljudi vjeruju da je preglednik dizajniran za pretraživanje stranica na Internetu i da mu je to svrha. Stoga se u razumijevanju korisnika osobnog računala stvara pogrešno mišljenje o svrsi preglednika. U stvari, preglednik je program za tumačenje html koda, CSS koda, JS koda itd. Drugim riječima, to je aplikacijski softverski alat za prikaz web stranica i drugih dokumenata.

Mogućnosti modernih preglednika doista su velike. Uostalom, web stranice sadrže grafike, videa i tekstove različitih formata. Preglednik čita html kod, vidi tamo ugrađen video materijal, grafiku i tekstualni kod i sve to ispravno prikazuje na ekranima uređaja. U tome mu pomažu oznake, te obične engleske riječi u uglastim zagradama<>.

Preglednik pomoću oznaka vidi koji je dio teksta koji tumači naziv stranice, koji je naslov, što treba predstaviti kao odlomak, gdje postaviti sliku i usput riješiti mnoge probleme povezane s različite jezike ugrađene u regularni HTML.

HTML označni jezik i osnovne oznake

Ova tablica služi samo za prikaz glavnih deskriptora.

U modernoj verziji HTML5, zajedno s novim oznakama, pojavio se ogroman broj novih značajki o kojima developeri web stranica nisu ni sanjali prije 10 godina.

Stilovi u html dokumentu

Kada preglednik prikazuje sadržaj web stranice, prikazuje naslove u jednom stilu, tekst odlomaka u drugom i različite veličine fonta. Ovo je omogućeno prema zadanim postavkama u svakom pregledniku. Ali mi želimo vidjeti pojedinačne dizajne za web stranice, a CSS tu dolazi u pomoć. Jezik kaskadnih stilskih tablica. S koristeći CSS možete postaviti dizajn bilo kojeg elementa, možete stvoriti bilo koji dizajn za web dokument.

CSS je stilski dodatak HTML jeziku i ne bi postojao bez njega.

Stilovi u Html implementirani su ovako:

Glava>

Ako se primjenjuje vanjska datoteka stilovi styles.css, zatim se povezuje s html dokumentom ovako:

Primjer pisanja CSS pravila:

p(boja: crna; font: x-small).

Kaže pregledniku koja je boja odlomka

crno- crno, a veličina slova je x-mali(mali)

Ovako, primjerice, stiliziram sadržaj na početku svakog članka na ovom blogu.

Obavijesti
(obrub: 2px na početku zeleno;
rubni radijus: 10px;
širina: 360;
obitelj-fontova: "Yeseva+One";
veličina fonta: 16px;
line-height: 1.2em;padding:10px 10px 10px 20px;
margina:10px auto 20px;
poravnanje teksta: lijevo;
boja pozadine: #a7cece;
}

postoji zanimljiv fragment u zadnjem retku: background-color: #a7cece;

#a7cece – ovo je html boja. Koristeći HEX skup znakova - heksadecimalni sustav: brojevi od 0 do 9 i slova od A do F, možete postaviti apsolutno bilo koju boju. Ovdje je postavljen lijepi akvamarin.

Temi CSS-a vratit ću se u posebnim publikacijama.

Kako naučiti HTML jezik za označavanje

• Internet je pun priručnika o HTML-u (html). Sviđa mi se stranica http://htmlbook.ru. Često dolazim ovamo po referentni materijal. Preporučujem da uštedite vrijeme.
• Andrej Bernatsky. Svakako pogledajte!
• Volim knjige američkih autora. Ovo je najfascinantnije HTML/CSS jezični vodič s tako cool prezentacijom gradiva koje ćete čitati bez prestanka. Sve je rečeno jednostavno i jasno. Može se besplatno preuzeti na internetu, ali bolje ju je kupiti i raditi s njom kao s knjigom.

Najviše Najbolji način ovladati jezikom HTML označavanje(html) - ovo je preuzimanje najpoznatijih tečajeva obuke na RuNetu, a neki od njih su potpuno besplatni. Posjetite web stranicu Evgeniya Popova i preuzmite mnoštvo korisnih informacija obrazovne informacije. Za stručno usavršavanje pročitajte informacije.

U sustavima za obradu teksta dodatne informacije su uključene u dokument, tzv oznake i obavljanje sljedećih funkcija:

• dodjela logički elementi ovaj dokument;
• postavljanje funkcija za obradu odabranih elemenata.

Konvencionalni programi za obradu teksta imaju ugrađene naredbe za uključivanje/isključivanje fontova i druge, slične naredbama za kontrolu smještaja informacija na ekranu ili pri ispisu (tzv. Escare sekvence). Ovaj pristup se zove tim ili proceduralno označavanje.

Alternativna tehnika označavanja je odabir dijela teksta bez navođenja načina na koji treba postupati s odabirom. Druge naredbe zatim dodjeljuju kako bi se fragmenti trebali obrađivati. Ovo označavanje se zove opisni(opisni). Uključuje oznake na početku i kraju tekstualnog elementa i ukazuje na to kako interpretirati ovaj fragment.

Promjenom skupa postupaka koji odgovaraju opisnom označavanju, možete promijeniti izgled istog dokumenta. Razvoj ideja o deskriptivnom označavanju doveo je do definicije označavanja kao formalnog jezika. To vam omogućuje da provjerite ispravnost oznake i minimizirate njen volumen zamjenom zadanih vrijednosti.

Prednosti

Glavna prednost deskriptivnog označavanja je njegova fleksibilnost, jer se dijelovi teksta označavaju kao "ono što jesu" (umjesto "kako bi trebali biti prikazani"), a u budućnosti se može pisati softver za takvu obradu tih fragmenata, koju nisu niti predvidjeli tvorci jezika. Na primjer, HTML hiperveze, izvorno namijenjene korisnicima za navigaciju kroz skup veza na mreži, kasnije su se počele koristiti za pretraživanje i mehanizme indeksiranja na mreži, za procjenu popularnosti izvora, i tako dalje.

Opisno označavanje također olakšava ponovno formatiranje dokumenta ako je potrebno, jer opis formata nije povezan sa sadržajem. Na primjer, kurziv može se koristiti za označavanje teksta, označavanje stranih (ili sleng) riječi ili za druge svrhe. Međutim, ako su riječi jednostavno istaknute (opisno ili proceduralno) kao kurziv, ova se dvosmislenost ne može u potpunosti riješiti. Ako su dva slučaja na početku različito označena, svaki se može preoblikovati neovisno o drugima. Generičko označavanje je drugi naziv za opisno označavanje.

U praksi, elementi različitih klasa označavanja obično koegzistiraju u bilo kojem sustavu. Na primjer, HTML sadrži elemente označavanja koji su proceduralni (b za podebljano) i druge koji su opisni (atribut "blockquote" ili "href"). HTML također uključuje PRE element, koji ograničava područje teksta koje će biti pozicionirano točno onako kako je upisano.

Sustavi opisnog označavanja

Najviše moderni sustavi Deskriptivno označavanje tretira dokumente kao hijerarhijske strukture (stabla) i također pruža neka sredstva za ugrađeno unakrsno referenciranje. Stoga se takvi dokumenti mogu tumačiti i obrađivati ​​kao Baza podataka, čija je struktura prilično dobro definirana (međutim, budući da nemaju tako stroge sheme kao relacijske baze podataka, obično se nazivaju "polustrukturirane baze podataka").

Dolaskom 3. tisućljeća javlja se interes za dokumente nehijerarhijske strukture. Na primjer, antička i vjerska književnost obično ima retoričku ili proznu strukturu (priča, odjeljak, odlomak itd.), a također uključuje popratne informacije(knjige, poglavlja, strofe, stihovi). Budući da se granice ovih modula često preklapaju, oni se ne mogu u potpunosti kodirati korištenjem samo stablo strukturiranog sustava označavanja. Sustavi za modeliranje dokumenata koji podržavaju takve strukture uključuju MECS, TEI smjernice, LMNL i CLIX.

Pojam "označavanje" dolazi iz tradicionalne prakse označavanja rukopisa prije objavljivanja (to jest, dodavanje simboličkih naredbi na marginama i između redaka papirnatog rukopisa). Stoljećima su to činili izdavački radnici (urednici i lektori) koji su bilježili kojim fontom, stilom i veličinom ulomaka teksta treba upisati, a zatim predavali rukopis slovoslagačima, koji su ručno upisivali tekst uzimajući u obzir oznake simboli.

Trenutno postoji mnogo jezika za označavanje, među kojima su najpoznatiji DocBook, MathML, SVG, Open eBook, XBRL i drugi. Oni su uglavnom dizajnirani za predstavljanje raznih tekstualni dokumenti, ali specijalizirani jezici mogu se koristiti u mnogim drugim područjima. Naravno, najpoznatiji označni jezik je HTML (HyperText Markup Language), jedan od temelja WWW (World Wide Web).

Pošaljite svoj dobar rad u bazu znanja jednostavno je. Koristite obrazac u nastavku

Studenti, diplomanti, mladi znanstvenici koji koriste bazu znanja u svom studiju i radu bit će vam vrlo zahvalni.

Slični dokumenti

Definicija pojma hiperteksta. Glavni dijelovi SGML dokumenta. Povijest stvaranja standardnog označnog jezika HTML dokumenti. Razlike između XHTML i HTML sintakse. RSS je obitelj XML formata za opisivanje izvora vijesti. Korištenje označnog jezika KML.

prezentacija, dodano 15.02.2014


Osnove programskog jezika za web stranice – HTML. Vrste informacija koje web stranica može sadržavati: tekst, grafika, zvuk, animacija i video. Alati za izradu web stranica. Osnovni HTML editori koji se koriste za web dizajn.

sažetak, dodan 19.01.2011


opće karakteristike Hypertext Markup Language. Struktura HTML dokumenta. Pregled glavnih značajki HTML-a. Elementi modernog dizajna web stranice. Analiza praktična aplikacija HTML (na primjeru programa za obuku).

kolegij, dodan 24.11.2012


Osnovni tagovi i atributi HTML jezika. Izrada web stranice koja se treba sastojati od nekoliko međusobno povezanih stranica. Razmotrite različita značenja atributa i oznaka na stranicama i drugim dokumentima. Zaslonski obrasci razvijene stranice.

laboratorijski rad, dodano 16.04.2014


Što je markup? Označni jezik skup je konvencija oblikovanja koje se koriste za kodiranje blokova teksta. Mogućnosti formata SGML, HTML, XML, povijest nastanka, specifičnosti primjene, kontrola nad postavljanjem informacija.

sažetak, dodan 22.03.2010


Novi jezik za označavanje hiperteksta XHTML. Validacija XHTML dokumenata, određivanje njihovog tipa. Uobičajene pogreške u XHTML označavanju. Sukladnost korisničkog agenta. Korištenje XHTML-a s drugim imenskim prostorima. Proširenje HTML semantike.

kolegij, dodan 14.07.2009


Proučavanje algoritma rekurzivnog spuštanja i sustava konstrukcije gramatike pomoću leksičkog analizatora Lex. Pisanje programa za tumačenje HTML jezika za označavanje. Provjera slijeda unosa za ispravan unos kao opća funkcija programa.

test, dodan 25.12.2012

Svaki dokument ima tri komponente:

· struktura;

Sadržaj je informacija koja se prikazuje u dokumentu. Sadržaj dokumenta na papiru može biti čisto tekstualni i sadržavati i slike. Ako je dokument dostavljen u u elektroničkom obliku, može sadržavati multimedijske podatke, kao i poveznice na druge dokumente. Iako sadržaj različite dokumente različite, mogu se klasificirati prema vrsti, na primjer, knjiga ili karta za vlak.

Stil dokumenta određuje oblik u kojem će se njegov sadržaj prikazati na određenom uređaju (na primjer, pisaču ili zaslonu). Koncept stila uključuje karakteristike fonta (naziv, veličinu, boju) cijelog izlaznog dokumenta ili njegovih pojedinačnih blokova, redoslijed paginacije, položaj blokova na stranicama i druge parametre. Isti dokument se može ispisati različitim stilovima kako na različitim medijima tako i na istim medijima.

Označni jezici dokumenata su umjetni jezici, namijenjen opisivanju strukture dokumenta i odnosa između različitih objekata strukture. Označni podaci nazivaju se i metapodaci.

Prvi označni jezik je GML (Generalized Markup Language), koji su razvili zaposlenici IBM-a još 60-ih godina prošlog stoljeća. Njegov neposredni nasljednik bio je jezik SGML (Standard Generalized Markup Language), koji definira pravila za pisanje elemenata za označavanje dokumenta. Dokument koji slijedi pravila jezika naziva se SGML dokument.

Jezik SGML definiran je u standardu ISO 8879, koji specificira sljedeće osnovne zahtjeve za jezik za označavanje dokumenata:

· Jezik mora biti čitljiv ljudima.

· datoteke s označenim dokumentima moraju biti tekstualne i kodirane korištenjem znakova ASCII koda (Američki standardni kod za razmjenu informacija). Međutim, sadržaj dokumenta ne mora biti ASCII kodiran ili tekst.

SGML i slični jezici koriste posebne alate za označavanje dokumenata:

· elementi i popratni atributi;

· entiteti;

· komentari.

Strukturna jedinica SGML dokumenta je element. U označenom tekstu svaki element mora biti istaknut na određeni način. Odabir se vrši umetanjem početne oznake (od engleske riječi tag - oznaka) na početak elementa (start tag) i završne oznake (end tag) na kraj elementa. Početna i završna oznaka imaju isti naziv. Kako bi se oznake razlikovale od običnog teksta, moraju započeti znakom koji označava početak oznake i završavati znakom koji označava kraj oznake. Osim toga, u završnoj oznaci naveden je simbol - znak završne oznake. U SGML-u se kao takve značajke mogu navesti bilo koji simboli, ali simbol koji se najčešće koristi kao početak oznake je "<" (левая угловая скобка), в качестве признака окончания тега используется символ ">" (lijeva kutna zagrada), a znak završne oznake je "/" (kosa crta). Elementi u SGML dokumentu mogu uključivati ​​druge elemente, što rezultira grafički prikaz SGML dokument je hijerarhijska (stablo) struktura.

Primjer 4.3.1. SGML dokument koji navodi popis studenata s rezultatima njihovih ispita može se navesti na sljedeći način:

Ivanov Ivan Ivanovič

TS-61

A

B

B

B

Petrov Petr Petrovič

TS-62

C

C

D

C

U ovom dokumentu, prvi element je element liste učenika. Ovaj element sadrži jedan element naslova (title) i nekoliko elemenata student (podaci o studentu). Zauzvrat, svaki element studenta sadrži jedan element punog imena (prezime, ime i patronim studenta), jedan element broja grupe (broj grupe) i jedan element popisa bodova (popis ocjena studenta u sesiji). I konačno, element popisa bodova sadrži nekoliko elemenata bodova (bod).

Grafički prikaz ove liste na Sl. 4.3.1 ima strukturu stabla:

Riža. 4.3.1. Struktura SGML dokumenta u grafičkom prikazu

Atributi se mogu koristiti za pročišćavanje SGML elemenata. Atributi su zapisani u početnoj oznaci elementa na sljedeći način:

naziv-atributa="vrijednost-atributa".

Element može imati više navedenih atributa. Atributi su međusobno i od naziva elementa odvojeni najmanje jednim razmakom.

Primjer 4.3.2. Za elemente ocjene u primjeru 4.3.1 možete postaviti atribut predmet čija je vrijednost naziv discipline iz koje se ispit polagao. Tada će za prvog učenika elementi imati sljedeći oblik:

A

B

B

B

Jezici kao što je SGML koriste entitete za rad sa grupama podataka. Entitet je bilo koji imenovani podatak, tekstualni i netekstualni. Prilikom pregledavanja dokumenta, naziv entiteta zamjenjuje se njegovom vrijednošću. Tako će, na primjer, naziv tekstualnog entiteta kpi biti zamijenjen njegovom vrijednošću: Kijevski politehnički institut, a netekstualni entitet slika1 bit će zamijenjen slikom pod nazivom slika1.