Ističe posebno važan dio teksta. Obično se prikazuje kurzivom.

Kako napraviti web stranicu? - saznajte na Webremeslo.ru!!

Tag

Od engleske tastatura - tastatura. Određuje tekst unet sa tastature ili za naziv tastera. Obično se prikazuje u monospace fontu.

Kliknite Ctrl+Z da poništite poslednju radnju.

Tag

Ističe citat u tekstu. Za razliku od oznake citat označen oznakom se automatski citira od strane pretraživača.

Kao što je rekao Ostap Bender Led je probio! gospodo žiri!

Inače, tu je i oznaka za fizičko formatiranje teksta

Ova oznaka također označava tekst kao citat i istovremeno ga razlikuje od ostatka teksta uvlakama i prijelomima redaka.

logicno formatiranje teksta : - pretraživači automatski stavljaju takav navodnik u navodnike. Usput, nadilazeći temu, tip citata se može lako kontrolirati pomoću CSS pseudo-klasa lang i njegova značenja citati- citati.

Ovaj citat je kreiran pomoću oznake logicno formatiranje teksta : Led je probio! gospodo porote... Ostap Bender. 12 stolica. - obično ga pretraživači prikazuju kurzivom. Druga svrha ove vrste citata je da posluži kao fusnota uz drugi dokument.

I ovaj citat je kreiran pomoću oznake fizički formatiranje teksta

:

Led je probio! gospodo žiri...

- u glavnom tekstu je istaknut uvlakama i prijelomima reda; u pravilu se takvim citatom označavaju dugi dijelovi teksta preuzeti iz drugih izvora.

Ovo su razlike...

Tag

Označava tekst koji se prikazuje na ekranu kao rezultat rada programa. Obično se prikazuje u pretraživačima u monorazmaknom fontu.

U procesu rješavanja problema 2+2, program će dati odgovor: 4

Tag

Ističe posebno važan dio teksta. Obično se prikazuje podebljanim slovima.

Kako napraviti web stranicu? - saznajte na Webremeslo.ru!!

Tag

Odabire tekst kao varijablu u radu programa. Pretraživači obično prikazuju kurziv.

Ova funkcija koristi varijablu $count

Pa, to su zapravo sve oznake kreirane za logičko označavanje teksta. Neću pokazivati ​​primjere, mislim da je sve jasno, ali evo nekoliko korisnih savjeta za označavanje teksta u dokumentu.

Korisni savjeti:

· Stil svih oznaka, i logičkog i fizičkog oblikovanja teksta, je savršeno prilagodljiv korištenjem CSS alati! Moj savjet tebi naučite CSS: (http://www.webremeslo.ru/css/glava0.html), ako do ovog trenutka još uvijek niste upoznati s njim. Koristeći CSS svojstva kada radite sa tekstom, zaboravićete na problem kompatibilnosti među pretraživačima, odnosno vaš tekst će se u svim pretraživačima prikazivati ​​tačno onako kako vam je potrebno, a ne kako pretraživač želi. Osim toga, CSS otvara mnogo šire mogućnosti vezane za stil teksta i dizajn web stranice u cjelini.

· Pokušajte da pravilno označite tekst na stranicama vašeg sajta... i to:

Za početak razbijte sav tekst u paragrafe pomoću oznake

- ovo će olakšati čitanje teksta i ljudima i programima, osim toga, omogućit će vam u budućnosti lako upravljanje tekstom sa koristeći CSS. Općenito, pokušajte da ne ostavljate "gole" riječi i rečenice koje nisu uključene ni u jednu oznaku za formatiranje teksta.

Neka naslovi budu smisleni

-

tj. recimo da je naslov stranice uključen u oznaku

podnaslovi u oznaci

još manje značajni podnaslovi u oznaci

itd. U idealnom slučaju, na stranici treba biti samo jedan naslov

, zatim se tekst dijeli na nekoliko

i dalje prema važnosti naslova.

Koristite logičke oznake za označavanje samo tamo gdje su zaista neophodne, tj. na primjer, ne treba isticati skraćenicu navodnikom i obrnuto... za to služi logika, da sve bude logično!!

Koristi I u slučajevima kada želite da usmerite pažnju na tekst ne samo ljudi, već i pretraživača, u drugim situacijama koristite I .

· Kada naučite CSS, zaboravite i izbacite tag iz glave i svi njegovi atributi!! Odavno ga niko ne koristi, naravno sa rijetkim izuzecima..

Iako HTML uključuje oznake za postizanje različitih efekata fonta (podebljano, kurziv, podvučeno), ne podržavaju ih svi pretraživači. Međutim, svi pretraživači podržavaju ovaj ili onaj način za odabir teksta. Stoga će korištenje logičnog oblikovanja teksta u svakom slučaju uzrokovati da gledalac istakne različite dijelove teksta i otkrije strukturu dokumenta.

Govoreći o logičnom rasporedu teksta, možemo razlikovati dva glavna dijela:

Isticanje naslova u dokumentu; logičan izbor tekstualnih elemenata.

Naslov dokumenta naveden pomoću oznake

Zaglavlje 1. nivoa

Zaglavlje nivoa 2

Zaglavlje nivoa 3

Zaglavlje 4. nivoa

Zaglavlje 5. nivoa

Zaglavlje nivoa 6

Zapamtite da ako zaboravite da uključite oznaku za zatvaranje naslova, stranica će izgledati iskrivljeno: bilo koja oznaka naslova automatski umeće prazan red ispred i iza sebe.

Podrška za oznake naslova Atribut ALIGN, čiji je učinak sličan efektu istog atributa oznake za isticanje pasusa.

Elementi logičke selekcije fragmenata teksta, kao i mogući dizajn svakog od njih prikazani su u tabeli.

Oznake	Aplikacija	Rezultat
	Koristi se za isticanje citata ili naslova knjiga i članaka	Koristi se za isticanje citata ili naslova knjiga i članaka
	Koristi se za izlaz malog komada programski kod	Koristi se za prikaz malog dijela programskog koda
	Koristi se za isticanje važnih dijelova teksta	Koristi se za isticanje važnih dijelova teksta
	Ističe tekst koji je korisnik uneo na tastaturi	Ističe tekst koji je korisnik uneo na tastaturi
	Koristi se za isticanje primjera teksta	Koristi se za isticanje primjera teksta
	Koristi se za isticanje veoma važnih delova teksta	Koristi se za isticanje veoma važnih delova teksta
	Koristi se za označavanje imena varijabli	Koristi se za označavanje imena varijabli
	Koristi se za označavanje izbrisanog teksta	Koristi se za označavanje izbrisanog teksta

Vjerovatno ste primijetili da neki elementi logičkog označavanja teksta daju isti rezultat. Zašto je onda potrebna takva raznolikost? Odgovor na ovo pitanje sadržan je u nazivu ove grupe oznaka. Oni su dizajnirani da stave logički naglasak, istaknu logičke dijelove i naglase suštinu iskaza. Njihova upotreba je vrlo relevantna, jer će, vjerovatno, u bliskoj budućnosti biti moguće, na primjer, tražiti citate u web prostoru, a možda će sljedeća generacija pretraživača naučiti čitati dokumente naglas. Programi koji mogu prepoznati logičke naglaske zamijenit će današnje monotone govorne procesore.

Za isticanje dugih citata iz glavnog teksta u HTML-u postoji oznaka

. Ovaj element je kontejner i može sadržavati bilo koje oznake za formatiranje.

Moderni pretraživači reaguju na element

pomicanje teksta citata udesno. Neki tekstualni programi prikazi označavaju citat sa > simbolima koji se nalaze u krajnjoj lijevoj koloni ekrana. Pošto većina današnjih pretraživača jeste grafički programi, element

omogućava autorima da dodaju vizuelnu raznolikost tekstu.

Logičko i fizičko formatiranje

Za formatiranje teksta HTML dokumenata predviđena je čitava grupa oznaka koje se mogu podijeliti na oznake logicno I fizički formatiranje.

Oznake logičko formatiranje označavaju (vlastitim imenima) strukturne tipove njihovih fragmenata teksta, kao što su npr. programski kod(oznaka ), citat(oznaka<СIТЕ> ), skraćenica(oznaka< ABBR >) I TAKO DALJE.

Korištenje oznaka<ЕМ>I možete, na primjer, označiti pojedinačne fragmente kao posvećeno,or jako naglašeno.Primijetite to mi pričamo o tome O strukturne oznake, što ne utiče na specifičan prikaz fragmenta na ekranu pretraživača. Zato se ova oznaka zove logicno.

Pretraživači podrazumevano prikazuju logično formatirane isečke na ekranu na specifičan način. Tip displeja nema nikakve veze strukturni tip fragment (tj. naziv oznake za logičko oblikovanje), ali se lako može zamijeniti.

Definiraju oznake fizičkog formatiranja format prikaza fragment teksta naveden u njima u prozoru pretraživača.

Na primjer, za prikaz fragmenta kurziv možete koristiti italic tag .

Između programera HTML dokumenata dugo vremena Vodile su se debate o prednostima i nedostacima jednog ili drugog pristupa. Izlaskom specifikacije HTML 4.0 ova debata je okončana u korist upotrebe logičkog formatiranja, jer je proklamovan princip odvajanja strukture dokumenta od njegove prezentacije. Zaista, samo na osnovu logičkog oblikovanja možete fleksibilno kontrolirati prezentaciju dokumenta koristeći savremenim metodama(zasnovano na stilovima, dokumentima koji se dinamički mijenjaju, itd.).

Međutim, na trenutno Fizičko formatiranje se također može slobodno koristiti. HTML 4.0 specifikacija je zastarjela neke oznake fizičkog formatiranja, ali ih i dalje podržavaju svi pretraživači. Imajte na umu da neke logičke oznake formatiranja, dizajnirane da zamjene pojedinačne oznake fizičkog formatiranja, ne prepoznaju svi pretraživači, što njihovu upotrebu čini izuzetno nezgodnom.

Logičke oznake za formatiranje teksta

Tag

Tag< ABBR > označava vaš tekst kao skraćenica(ABBReviation).

Jezik HTML Razvio ga je britanski naučnik Tim Berners-Lee oko 1991-1992 u zidinama Evropskog saveta za nuklearna istraživanja u Ženevi (Švajcarska). HTML je kreiran kao jezik za razmjenu naučne i tehničke dokumentacije, pogodan za upotrebu od strane ljudi koji nisu specijalisti u oblasti izgleda.

Tag

Tag< KRATICA >. Isto kao i oznaka< ABBR >, koji se koristi za označavanje skraćenica. Preporučljivo je ovom oznakom označiti tzv akronimi,T. e. izgovorene riječi koje se sastoje od skraćenica. Tag< KRATICA > možda će se u budućnosti koristiti za nevizuelni prikaz elemenata, na primjer u sintezi govora.

Ovu oznaku je zgodno koristiti u kombinaciji s parametrom TITLE, čija se vrijednost može navesti kao puna verzija skraćenice. Zatim vizuelni pretraživači kada pređete mišem preko teksta označenog oznakom< KRATICA >, će prikazati puno ime kao opis alata.

TPU.

Oznaka H1...H6

HTML nudi šest naslova na različitim nivoima, što ukazuje na relativnu važnost sekcije nakon naslova. Da, oznaka

predstavlja najvažniji naslov prvog nivoa i oznaku

služi za označavanje naslova šestog nivoa i najmanje je značajan. Podrazumevano, naslov prvog nivoa se prikazuje najvećim podebljanim fontom, a naslovi narednih nivoa su manje veličine. Oznake

...

referirati na blok elementi, uvijek počinju u novom redu, a nakon njih se drugi elementi pojavljuju u sljedećem redu. Dodatno, razmak se dodaje ispred i iza naslova. Izgled zaglavlja može se lako kontrolisati pomoću stilova.

Zaglavlje prvog nivoa

Naslov drugog nivoa

Naslov trećeg nivoa

U pretraživaču će izgledati ovako:

Tag<СIТЕ>

Tag koristi se za označavanje citata ili naslova knjiga i članaka, linkova na druge izvore, itd. Pretraživači obično prikazuju takav tekst u kurzivu.

Ne možete reći osobi: "Možete stvarati. Zato samo naprijed, stvarajte." Mnogo je tačnije čekati dok on sam ne kaže: „Mogu stvarati, i stvaraću, htjeli vi to ili ne“.

Isaac Asimov

Tag

Tag označava vaš tekst kao mali komad koda.Uobičajeno se prikazuje u monospace fontu. Ovu oznaku ne treba brkati sa oznakom

Biti element na nivou bloka koji treba koristiti za označavanje veliki fragmenti (listing) koda.

 
Programski kod
 

 funkcija checkParent (src, dest) ( 
dok (src != null) ( 
if (src.tagName == dest) vrati src 
src = src.parentElement 

 } 
vrati null 

 }
 
 


Tag 
Tag označava vaš tekst kao daljinski.Ovaj element je koristan za označavanje promjena napravljenih na dokumentu od verzije do verzije.  Tag može se koristiti kao element na nivou teksta i kao element na nivou bloka.
Oznaka ima dva opciona parametra: CITE i DATETIME.  Vrijednost CITE parametra mora biti URL dokumenta koji objašnjava zašto je fragment uklonjen.
Parametar DATETIME specificira datum brisanja u formatu: GGGG-MM-DDThh:mm:ssTZD, koji specificira godinu, mjesec, dan, sate, minute i sekunde brisanja, kao i vremensku zonu (Vremenska zona).
 
Oznake za fizičko oblikovanje teksta
 
Tag 
Zatvoren između ovih oznaka ima svojstva podebljanog teksta.  Ima atribut title - poziva tekst u obliku opisa alata.


Tag 
Ova oznaka povećava veličinu tekstualnog prikaza. Ima atribut title - poziva tekst kao tooltip.
Primjer fizičkog oblikovanja


Tag 
Koristi se za odabir fonta za tekst.  Atributi:
veličina - veličina teksta od 1 do 7

boja - boja teksta
Primjer fizičkog oblikovanja


Tag 
Ova oznaka umeće horizontalnu liniju na stranicu.  Atributi:
veličina - visina i debljina linije
širina - širina linije
noshade - kreiranje linije bez sjene
boja - mijenja boju linije

Tag 
Tag označava vaš tekst kao skraćenicu (ABBReviation).  Iako je ova oznaka uključena u HTML 4.0 specifikaciju, trenutno je ne podržava nijedan pretraživač.
Tag 
Tag .  Isto kao i oznaka , koji se koristi za označavanje skraćenica.  Preporučljivo je koristiti ovu oznaku za označavanje takozvanih akronima, odnosno izgovorenih riječi koje se sastoje od skraćenica.  Tag možda će se u budućnosti koristiti za nevizuelni prikaz elemenata, na primjer u sintezi govora.
Ovu oznaku je zgodno koristiti u kombinaciji s parametrom TITLE, kao čiju vrijednost možete navesti puni oblik kratice.  Zatim vizuelni pretraživači kada pređete mišem preko teksta označenog oznakom , će prikazati puno ime kao opis alata.
Imajte na umu da oznaka prepoznaje samo pretraživač Microsoft Internet Explorer.  primjer:
SPbGITMO- jedan od vodećih tehničkih univerziteta u Sankt Peterburgu
Tag 
Tag koristi se za označavanje citata ili naslova knjiga i članaka, linkova na druge izvore, itd. Pretraživači obično prikazuju takav tekst u kurzivu.  primjer:
Nevskoe time je jedna od najpopularnijih gradskih novina u Sankt Peterburgu
Tag 
Tag označava vaš tekst kao mali dio programskog koda.  Obično se prikazuje u monospace fontu.  Ovu oznaku ne treba brkati sa 
Element na nivou bloka koji treba koristiti za označavanje velikih fragmenata (listinga) koda.
Na primjer:
Primjer najjednostavnijeg operatora u programskom jeziku C: 
puts("Zdravo, svet!");
Postoji još jedna razlika u korištenju oznaka I 
U programskom kodu je često važno prisustvo nekoliko uzastopnih razmaka.  Njihov prikaz će biti sačuvan samo kada se koristi oznaka 
Tag 
Tag označava vaš tekst kao izbrisan.  Ovaj element je koristan za označavanje promjena napravljenih na dokumentu od verzije do verzije.  Tag može se koristiti kao element na nivou teksta i kao element na nivou bloka.
Oznaka ima dva opciona parametra: CITE i DATETIME.  Vrijednost CITE parametra mora biti URL dokumenta koji objašnjava zašto je fragment uklonjen.
Parametar DATETIME specificira datum brisanja u formatu: GGGG-MM-DDThh:mm:ssTZD, koji specificira godinu, mjesec, dan, sate, minute i sekunde brisanja, kao i vremensku zonu (Vremenska zona).  Na primjer:
Najnovija prihvaćena specifikacija HTML jezika za označavanje je verzija 3.2
 4.0
Označeni tekst obično se prikazuje kao precrtan tekst.  HTML 4.0 specifikacija daje prednost ovoj oznaci u odnosu na oznaku fizičkog formatiranja. ili , što označava precrtani tekst.  Međutim, oznaka  
Tag 
Tag označava svoj fragment teksta kao definiciju (DeFinitioN).  Na primjer, ova oznaka se može koristiti za označavanje pojma kada se prvi put pojavi u tekstu.  primjer:
Internet Explorer je popularan web pretraživač
Tag Podržava samo Microsoft Internet Explorer.  Podrazumevano se prikazuje kurzivom.
Tag 
Tag označava vaš tekst kao umetanje (INSertion).  Ovaj element je koristan za označavanje promjena napravljenih na dokumentu od verzije do verzije.  Tag može se koristiti kao element na nivou teksta i kao element na nivou bloka.
Oznaka ima dva opciona parametra: CITE i DATETIME.  Vrijednost CITE parametra mora biti URL na dokument koji objašnjava detalje napravljenih dodataka.
Parametar DATETIME specificira datum umetanja u formatu: GGGG-MM-DDThh:mm:ssTZD, koji specificira godinu, mjesec, dan, sat, minute i sekunde umetanja, kao i vremensku zonu (Vremenska zona).
Označeni tekst , obično se prikazuje kao podvučeni tekst.  Tag trenutno prepoznaje samo Microsoft Internet Explorer.
Tag 
Tag (EMphasis - isticanje, podvlačenje) se koristi za isticanje važnih fragmenata teksta.  Pretraživači obično prikazuju ovaj tekst u kurzivu.  primjer:
Primjer odabira pojedinačne reči tekst
 .
Tag 
Tag Označava tekst kao što ga je korisnik unio s tastature.  Obično se prikazuje u monospace fontu, na primjer:
Da pokrenete uređivač teksta, upišite: notepad
Ova oznaka ima prednost u odnosu na oznaku fizičkog formatiranja. .
Tag 
Tag označava kratke citate u redu teksta.  Za razliku od oznake nivoa bloka 
Prilikom prikaza, tekst za označavanje nije odvojen praznim redovima.  Obično se prikazuje kurzivom.  Tag (Za razliku od 
) trenutno prepoznaje samo Microsoft Internet Explorer.
Oznaka ima CITE parametar, čija vrijednost može biti izvor citata.
Tag 
Tag označava tekst kao uzorak (SAMPle).  Uobičajena upotreba ove oznake je označavanje tekstualnog izlaza iz programa (uzorak izlaza).  Također se koristi za isticanje više znakova u jednorazrednom fontu.
Ova oznaka ima prednost u odnosu na oznaku fizičkog formatiranja. .  Na primjer:
Rezultat programa će biti ispisan: Zdravo svijete!.
Tag 
Tag , u pravilu se koristi za isticanje važnih fragmenata teksta.  Pretraživači obično prikazuju ovaj tekst podebljanim fontom.  primjer:
Sankt Peterburg se nalazi na najistočnijem vrhu Finski zaljev na ušću rijeke Ne ti
Ova oznaka ima prednost u odnosu na oznaku fizičkog formatiranja. .  Tag obično označavaju važnije dijelove teksta od onih označenih oznakom .
Tag 
Tag označava imena programskih varijabli.  Obično se ovaj tekst prikazuje kurzivom.  primjer:
Postavite vrijednost varijable N

Prikaz nekih od primjera datih u opisu oznaka logičkog oblikovanja teksta prikazan je na slici.  1.1.  Slika pokazuje kako kada pređete mišem preko teksta označenog oznakom , prikazuje se savjet.
Rice.  1.1.
 Primjeri oblikovanja teksta
Vjerovatno ste primijetili da neki elementi daju isti rezultat.  Štaviše, neki elementi možda neće ni na koji način promijeniti prezentaciju teksta na ekranu.  Može se postaviti legitimno pitanje: zašto je stvorena takva raznolikost elemenata oblikovanja?
Odgovor je u nazivu ove grupe elemenata.  Oni su dizajnirani da stave logički naglasak, istaknu logičke dijelove i naglase suštinu iskaza.  Njihova upotreba je vrlo relevantna, jer će se, vjerovatno, u bliskoj budućnosti mogućnosti pretraživača povećati, na primjer, postaće moguće pretraživati ​​citate na webu, a možda će sljedeća generacija pretraživača naučiti čitati dokumente naglas.  Osim toga, ništa ne sprječava autore dokumenata danas, koristeći stilove, da postave željeni prikaz za bilo koju od oznaka, nadjačavajući zadane vrijednosti.

Prije svega, hajde da definiramo šta je logično formatiranje dokumenta.  Logičko oblikovanje se odnosi na upotrebu posebnih HTML oznaka za riječi i grupe riječi prema njihovom značenju.  Na primjer, citati se formatiraju pomoću oznake CITE, isticanje pomoću EM oznake itd.  Zašto je to potrebno?  Zašto jednostavno ne možemo koristiti oznake fizičkog formatiranja?  Vrlo je jednostavno, logičke oznake formatiranja mogu se nadjačati pomoću CSS-a.  Istovremeno se postiže visoka fleksibilnost u dizajnu sajta i jednostavnost u njegovom pisanju.
U sljedećoj tabeli, gledamo logičke oznake za formatiranje dokumenata sa zadanim opcijama oblikovanja:
Tag
Opis
ABBR
Koristi se za opisivanje skraćenice (skraćeno ime koje se čita slovima).  Završna oznaka je obavezna.  Primjer: HTML
KRATICA
Koristi se za opisivanje akronima (skraćeno ime koje se čita kao riječ).  Završna oznaka je obavezna.  Primjer: Univerzitet
CITE
Koristi se za citate (podrazumevani kurziv tekst).  Opciono svojstvo TITLE specificira tekst opisa alata.  Završna oznaka je obavezna.  Primjer: I ovo će proći...
KOD
Koristi se za prikaz fragmenata programskog koda (podrazumevani jednorazredni font).  Opciono svojstvo TITLE specificira tekst opisa alata.  Završna oznaka je obavezna.  Primjer: var a = new Array();  .
DFN
Koristi se za definicije, na primjer za termin koji se prvi put pojavljuje u tekstu (podrazumevano je kurziv za prvi red, a normalan za ostatak).  Opciono svojstvo TITLE specificira tekst opisa alata.  Završna oznaka je obavezna.  Primjer: HTML je jezik za označavanje hiperteksta.
E.M.
Koristi se za isticanje teksta (podrazumevano je kurziv font, izveden iz engleskog naglaska).  Opciono svojstvo TITLE specificira tekst opisa alata.  Završna oznaka je obavezna.  Primjer: EM se koristi za pražnjenje tekst.
KBD
Isticanje teksta koji je korisnik uneo sa tastature (podrazumevano je jednorazredni font).  Završna oznaka je obavezna.  Primjer: ušao: ugodan dan :) .
SAMP
Koristi se za isticanje primera (podrazumevano je jednorazredni font).  Završna oznaka je obavezna.  Primjer: Primjer.
JAKO
Koristi se za isticanje teksta (podebljano prema zadanim postavkama).  Završna oznaka je obavezna.  Alternativa je B oznaci fizičkog formatiranja.  Primjer: Tekst je istaknut bold.

VAR
Koristi se za isticanje varijabli u fragmentu programskog koda (podrazumevano kurziv).  Završna oznaka je obavezna.  Primjer: delta dvostruke preciznosti.