Simbol razmaka u html-u. Korištenje razmaka za formatiranje HTML koda, neprekinutog razmaka i drugih posebnih znakova (mnemotehnika)

Zdravo, dragi čitatelji blog stranica! Oni koji su imali vremena barem površno upoznati se s njim vjerojatno su već primijetili, iako u opći nacrt. To znači da imaju ideju o tome koji se HTML simboli općenito koriste u kodu dokumenta.

U današnjem članku pokušat ćemo shvatiti što je razmak u HTML-u iu kojim slučajevima se može koristiti znakovi razmaka prilikom oblikovanja samog koda za lakše čitanje. Saznat ćemo kada je potrebno koristiti neprekinuti razmak, a također ćemo se upoznati s drugim posebnim znakovima (ili, kako ih još nazivaju, mnemotehnikama).

Zapravo, savjetovao bih vam da ne zanemarite temu korištenja raznih posebnih znakova, jer je to važna komponenta koja vam omogućuje da završite svoje učenje jezika označavanje hiperteksta. Općenito, informacije navedene u ovoj publikaciji definitivno neće biti suvišne. Pa, sada na stvar.

Razmaci i razmaci u HTML-u

Prvo morate učiniti važna nota. Računalna tipkovnica ima posebni ključevi, koji vam omogućuju implementaciju odvajanja teksta (više o tome u nastavku). Međutim, samo široka razmaknica pruža razdvajanje između riječi ne samo u uređivaču, već iu prozoru preglednika. Postoje nijanse kod lomljenja linija i uvlačenja od rubova.

Kao što znate, prikaz određenih elemenata u web pregledniku određen je oznakama. Za oblikovanje teksta koristi se dobro poznati , koji se temelji na blokovima. Odnosno, njegov sadržaj se nalazi po cijeloj dostupnoj širini.

Do prelomi retke unutar odlomka P, morate koristiti jednu BR oznaku, s kojom to možete učiniti. Recimo da u tekst trebamo umetnuti stihove iz pjesme koju pišemo uređivač teksta:

Unatoč činjenici da su redovi stiha ispravno smješteni i crtice su napravljene na pravim mjestima, sve će izgledati drugačije u pregledniku:


Da biste postigli isti prikaz u prozoru web preglednika, trebate napisati BR na svakom prijelomu retka:

Sada smo ispunili zadatak i poetski stihovi bit će potpuno ispravno prikazani u pregledniku:

Tako, potrebni transferi linije su dovršene. Još jedna značajka koju ovdje treba napomenuti je da se više razmaka koji dolaze jedan za drugim prikazuje u web pregledniku kao jedan. To možete provjeriti ako u istom uređivaču pokušate staviti ne jedan, već nekoliko razmaka između dvije riječi i klikom na gumb "Spremi" pogledajte rezultat u pregledniku.

Razmak, tabulator i prijelom retka

Uglavnom, s ovima znakovi razmaka upoznajemo se čim počnemo raditi s tekstom u editoru i oblikujemo ga u pravom obliku. Za provedbu takvog zadatka postoje posebni ključevi, od kojih svaki odgovara vlastitom razmaku:

  • Razmaknica je najšira tipka na tipkovnici računala (bez oznake);
  • Tab - tipka s lijeve strane s natpisom "Tab" i dvije strelice koje pokazuju u različitim smjerovima;
  • Prijelom retka - tipka "Enter".

Međutim, kao što rekoh gore, finale željeni rezultat ne samo u uređivaču teksta, već iu pregledniku, dobivamo ga samo kada koristimo prvu tipku. Sva tri ključa (uključujući tabulator i prijelom retka korisni su pri formatiranju HTML koda. Recimo da ovako izgleda fragment koda u NotePad++ (ima puno informacija o ovom uređivaču) kada se prikazuju svi razmaci:


Dobivamo kod koji je lako čitljiv i razumljiv zahvaljujući razmacima. Narančaste strelice označavaju udubljenja stvorena pomoću tipke Tab, a simboli CR i LF označavaju prijelome redaka stvorene pomoću tipke Enter.

Pregledavaju se spremnici ugniježđeni jedan u drugi, a oznake za otvaranje i zatvaranje jasno su vidljive. U ovom obliku ovaj kod možete lako urediti. Sada ga usporedite s istim kodom, koji nema takvu podjelu teksta:

Na isti način, koristeći razmake, također možete pisati CSS pravila, koji će vizualno izgledati jasno i probavljivo:


Nakon što sve stilove dovedete pod zajednički nazivnik i potpuno završite s uređivanjem datoteke stilova, možete izvršiti uređivanje uklanjanjem svih razmaka iz koda. To je potrebno za povećanje, što je vrlo važno kada se promovira resurs.

Posebni znakovi (ili mnemotehnike) u HTML kodu

Sada pogledajmo slučajeve u kojima je potrebno koristiti posebne znakove koje sam spomenuo na početku članka. Specijalista HTML znakova, koji se ponekad nazivaju mnemotehnikom, uvedeni su kako bi se riješio dugogodišnji problem s kodiranjem koji je nastao u jeziku za označavanje hiperteksta.

Kada tipkate tekst na tipkovnici, znakovi jezika koji koristite su kodirani. U web pregledniku će se upisani tekst prikazati pomoću fontova koje ste odabrali kao rezultat operacije obrnutog dekodiranja.

Činjenica je da postoji mnogo takvih kodiranja; sada nemamo cilj detaljno ih analizirati. Samo što svakom od njih možda nedostaju određeni simboli, koji se ipak moraju prikazati. Recimo da osjećate potrebu da napišete jednostruke navodnike ili znak naglaska, ali te ikone jednostavno nisu uključene u set.

Kako bi se uklonio ovaj problem, uveden je sustav posebnih simbola koji uključuje veliki broj različitih mnemotehnika. Svi počinju znakom & "&" i obično završavaju točkom i zarezom ";". U početku je svaki poseban znak imao svoj digitalni kod. Na primjer, za neprekinuti prostor, koji ćemo detaljnije razmotriti u nastavku, vrijedit će sljedeći unos:

Ali nakon nekog vremena, najčešćim simbolima dodijeljeni su slovni analozi (mnemotehnike) kako bi se lakše zapamtili. Recimo da za isti neprekinuti prostor to izgleda ovako:

Kao rezultat, preglednik prikazuje odgovarajući simbol. Popis mnemotehnike je vrlo obiman, najčešće korišteni posebni znakovi u HTML-u možete otkriti u sljedećoj tablici:

simbol kodirati mnemotehnika opis
neprekinuti prostor
      uzak prostor (en-širina kao slovo n)
      širok prostor (em-širina kao slovo m)
– - – crtica (crtica)
- — — em crtica (em crtica)
­ - ­ meki prijenos
A ́ naglasak se stavlja iza slova "naglasak".
© © autorsko pravo
® ® ® registrirani zaštitni znak
™ ™ ™ znak zaštitnog znaka
º º º koplje Marsa
ª ª ª ogledalo Venere
‰ ‰ ‰ ppm
π π π pi (koristite Times New Roman)
¦ ¦ ¦ okomita isprekidana linija
§ § § paragraf
° ° ° stupanj
µ µ µ mikro znak
oznaka odlomka
… … … elipse
‾ ‾ ‾ nadstavljanje
´ ´ ´ znak naglaska
№ № brojčani znak
🔍 🔍 Povećalo (nagnuto ulijevo)
🔎 🔎 Povećalo (nagnuto udesno)
znakovi aritmetičkih i matematičkih operacija
× × × pomnožiti
÷ ÷ ÷ podijeliti
< < manje
> > > više
± ± ± plus/minus
¹ ¹ ¹ stupanj 1
² ² ² stupanj 2
³ ³ ³ stupanj 3
¬ ¬ ¬ negacija
¼ ¼ ¼ Jedna četvrtina
½ ½ ½ pola
¾ ¾ ¾ tri četvrtine
⁄ ⁄ ⁄ decimalna točka
− − − minus
≤ ≤ ≤ manje ili jednako
≥ ≥ ≥ više ili jednako
≈ ≈ ≈ približno (skoro) jednak
≠ ≠ ≠ nejednak
≡ ≡ ≡ istovjetno
√ √ √ kvadratni korijen (radikal)
∞ ∞ ∞ beskonačnost
∑ ∑ ∑ znak zbrajanja
∏ ∏ ∏ oznaka rada
∂ ∂ ∂ parcijalni diferencijal
∫ ∫ ∫ sastavni
∀ ∀ ∀ za sve (vidljivo samo ako je podebljano)
∃ ∃ ∃ postoji
∅ ∅ ∅ prazan skup
Ø Ø Ø promjer
∈ ∈ ∈ pripada
∉ ∉ ∉ ne pripada
∋ ∋ ∗ sadrži
⊂ ⊂ ⊂ je podskup
⊃ ⊃ ⊃ je superset
⊄ ⊄ ⊄ nije podskup
⊆ ⊆ ⊆ je podskup ili jednak
⊇ ⊇ ⊇ je nadskup ili jednak
⊕ ⊕ ⊕ plus u krug
⊗ ⊗ ⊗ znak množenja u krugu
⊥ ⊥ ⊥ okomito
∠ ∠ ∠ kutak
∧ ∧ ∧ logično I
∨ ∨ ∨ logički ILI
∩ ∩ ∩ križanje
∪ ∪ ∪ Unija
znakovi valute
€ € € Euro
¢ ¢ ¢ Cent
£ £ £ lb
¤ ¤t; ¤ Znak valute
¥ ¥ ¥ Znak jena i juana
ƒ ƒ ƒ Florin znak
oznake
. jednostavan marker
○ ○ krug
· · · središnja točka
† † križ
‡ ‡ dupli križ
♠ ♠ ♠ vrhovi
♣ ♣ ♣ klubovi
srca
♦ ♦ ♦ dijamant
◊ ◊ ◊ romb
✏ ✏ olovka
✎ ✎ olovka
✐ ✐ olovka
✍ ✍ ruka
citati
" " " dvostruki navodnik
& & & ampersand
« « « lijevi tipografski navodnik (navodnik u obliku riblje kosti)
» » » desni tipografski navodnik (navodnik riblje kosti)
‹ ‹ singl kutni citat otvor
› › single corner quote closing
′ ′ ′ primarni (minute, stope)
″ ″ ″ dvostruko prima (sekunde, inči)
‘ ‘ ‘ gornji lijevi jednostruki navodnik
’ ’ ’ gornji desni jednostruki navodnik
‚ ‚ ‚ donji desni jednostruki navodnik
“ “ “ citat-foot lijevo
” ” ” citat stopalo gore desno
„ „ „ citat stopalo dolje desno
❛ ❛ jednostruki engleski početni navodnik
❜ ❜ jednostruki engleski zatvarajući navodnik
❝ ❝ otvarajući dvostruki navodnik
❞ ❞ zatvarajući dvostruki navodnik
strijele
← ← ← lijeva strelica
strelica prema gore
→ → → desna strijela
↓ ↓ ↓ strelica prema dolje
↔ ↔ ↔ strelica lijevo i desno
↕ ↕ strelica gore i dolje
↵ ↵ ↵ povrat prtljage
⇐ ⇐ ⇐ dvostruka strelica lijevo
⇑ ⇑ ⇑ dvostruka strelica prema gore
⇒ ⇒ ⇒ dvostruka desna strelica
⇓ ⇓ ⇓ dvostruka strelica prema dolje
⇔ ⇔ ⇔ dvostruka strelica lijevo i desno
⇕ ⇕ dvostruka strelica gore i dolje
▲ ▲ trokut strelica prema gore
▼ ▼ trokut strelica prema dolje
trokut strelica desno
◄ ◄ trokut strelica lijevo
zvijezde, snježne pahulje
☃ ☃ Snjegović
❄ ❄ Pahuljica
❅ ❅ Snježna pahulja stisnuta djetelinom
❆ ❆ Debela pahulja oštrog kuta
★ ★ Osjenčana zvijezda
☆ ☆ Prazna zvijezda
✪ ✪ Neispunjena zvijezda u ispunjenom krugu
✫ ✫ Ispunjena zvijezda s otvorenim krugom iznutra
✯ ✯ Rotirajuća zvijezda
⚝ ⚝ Nacrtana bijela zvijezda
⚪ ⚪ Srednji otvoreni krug
⚫ ⚫ Ispunjeni srednji krug
⚹ ⚹ Sekstil (tip snježne pahulje)
✵ ✵ Osmerokraka rotirajuća zvijezda
❉ ❉ Zvijezda sa sfernim krajevima
❋ ❋ Podebljani osmokraki zvjezdasti propeler u obliku kapi
✺ ✺ Šesnaestokraka zvjezdica
✹ ✹ Dvanaestokraka zvijezda
✸ ✸ Podebljana osmerokraka ravno ispunjena zvijezda
✶ ✶ Ispunjena šesterokraka zvijezda
✷ ✷ Osmerokraka ravno ispunjena zvijezda
✴ ✴ Zvijezda s osam krakova
✳ ✳ Zvijezda s osam krakova
✲ ✲ Zvijezda s praznim središtem
✱ ✱ Debela zvijezda
✧ ✧ Zašiljena četverokraka otvorena zvijezda
✦ ✦ Zašiljena četverokraka ispunjena zvijezda
⍟ ⍟ Zvijezda u krugu
⊛ ⊛ Pahuljica u krugu
sat, vrijeme
⏰ ⏰ Gledati
⌚ ⌚ Gledati
⌛ ⌛ Pješčani sat
⏳ ⏳ Pješčani sat

Slučajevi korištenja nekih posebnih znakova, uključujući neprekinuti razmak i meku crticu

Ako ste već malo proučili tablicu, dobili ste potvrdu onog što sam gore rekao, da se za prikaz svih posebnih znakova koristi digitalni kod () ili njegov abecedni analog (simbolička mnemonika), gdje se umjesto skupa hash oznaka oznake i brojke, slova ().

Sada da vidimo kada koristiti ove kodove. Recimo da u članku trebate navesti neku HTML oznaku u informativne svrhe, na primjer,

. Ako s tipkovnice upišete kutne zagrade (a postoji takva opcija), preglednik će takvu konstrukciju percipirati kao početnu oznaku, a ne kao jednostavan fragment teksta.

Stoga iz iste tablice HTML posebni znakovi uzmemo odgovarajuće kodove i cijeli zapis će izgledati ovako:

Osim toga, kako bi se u pregledniku prikazao ne sam znak ampersand, već njegova oznaka oblik

, trebate dodati njegov kod iz tablice:

podnožje

Tada će preglednik prikazati točno onaj zapis mnemotehnike koju je potrebno primijeniti za prikaz Oznaka FOOTER. Malo zbunjujuće, ali ova stranica će vam pomoći u praksi ovaj aspekt unosom mnemotehnike za odgovarajuće simbole u polje “HTML” i korištenjem gumba “Pokreni”, te u području “Rezultat” dobivanje rezultata njihovog prikaza u pregledniku:


Imajte na umu da sam osigurao da je tekst omotan pomoću već spomenute BR oznake tako da sami znakovi nisu prikazani u jednom retku, već u stupcu radi praktičnosti.

Samo naprijed. Ponekad se u tekstu pojavljuju kombinacije koje nije poželjno razdvajati različite linije. Recimo, "1000 rubalja." bilo bi logično ili ostaviti na Gornji red, ili ako nema dovoljno prostora, pomaknite cijelu strukturu na red ispod.

To je osobito istinito ako korisnici koriste uređaje s različitim širinama zaslona, ​​uključujući mobilne. Doista, u ovom slučaju, web preglednik oblikuje tekst, prilagođavajući se novim uvjetima. A ako na standardne veličine Ako se tekst ispravno prikazuje na monitoru, njihova promjena može promijeniti sve.

Za ove slučajeve predviđeno je nesalomljiv razmak HTML , što sam već spomenuo. Dopustite mi da vas podsjetim da je u ovom slučaju prostorni kod sljedeći:

I treba ga umetnuti između dva skupa znakova koje je potrebno povezati:

1000 rub.

Sada ih preglednik ni pod kojim okolnostima neće razdvojiti, čak i ako je za ispravan prikaz potrebno oblikovanje teksta.

Postoji i situacija kada vrlo duga riječ ne uklapa se slobodan prostor i trebate pomaknuti dio toga. Kako mogu predefinirati novi red u ovom slučaju ako je potrebno? Za ovo postoji poseban znak meke crtice-, koji treba staviti na mjesto gdje treba prekinuti riječ:

Duga, duga, duga, duga riječ

Ako se pojavi situacija kada riječ treba staviti crticom, tada se na mjestu mnemonike meke crtice formira praznina, gdje se pojavljuje crtica (crtica), a ostatak riječi pojavljuje se u sljedećem retku ispod.

Međutim, opet, bit će korisno vidjeti cijelu ovu stvar, uključujući primjere kontinuiranog i mekog prijenosa, u praksi:


U prozoru ovog uređivača možete promijeniti veličinu polja za prikaz "Rezultat" tako da lijevom tipkom miša uhvatite rub ovog područja i, bez otpuštanja, povučete ulijevo kako biste smanjili širinu. Tada nastaje stvarna situacija kada preglednik počne preoblikovati sadržaj kako bi ga ispravno prikazao.

I prijenos se provodi, što je bilo predviđeno u primjerima koje sam opisao. Međutim, sami možete pomicati prozor za gledanje, širiti ga i sužavati i to vizualno provjeriti.

Ovaj put ćemo govoriti o HTML razmacima. Na prvi pogled tema se čini nevažnom i nepotrebnom, ali usuđujem se uvjeriti da to nije tako. Razmaci u HTML-u imaju, prvo, jasna i definirana svrha, i drugo, unaprijed određeno ponašanje. Mislim da je svrha razmaka u HTML-u više-manje jasna: razmaci se uglavnom koriste za HTML oblikovanje kod, ali ne samo za ovo. Ali mislim da nije sve jasno u vezi s ponašanjem razmaka. Stvar je u tome što preglednici barataju razmacima na poseban način, zbog čega sam napisao da razmaci imaju jasno definirano ponašanje.

Odmah napomenimo da HTML znakove razmaka dijeli na vrste: HTML tab, razmak i prijelom retka. Svaku od ovih vrsta preglednik obrađuje na poseban način, osim toga, postoje posebne oznake u HTML-u koje govore pregledniku kako postupati s razmacima. Iz ovog ćete posta saznati zašto su razmaci potrebni u HTML-u, na koje se vrste razmaka u HTML-u dijele i kako ih preglednik obrađuje.

Također ćemo detaljno razmotriti svaki od znakova razmaka posebno. Snimak će obuhvatiti sljedeća pitanja:

  • kako preglednik postupa praznine u HTML dokument e i koja je razlika između regularni prostor i neprekinuti prostor;
  • Čemu služi tabulator u HTML-u;
  • kako preglednik tretira prijelome redaka, zašto su prijelomi redaka potrebni u HTML-u i kako prijelom retka izgleda u HTML-u?;
  • kako natjerati preglednik da prisili prijelom retka;
  • i kako sačuvati sve razmake u HTML-u.

Nadam se da će vam verbalna objašnjenja i primjeri iz posta pomoći da shvatite kako preglednik obrađuje razmake.

Čemu služe razmaci u HTML-u?

U HTML-u, kao i u bilo kojem drugom jeziku u kojem nešto razvijamo, postoje razmaci. Dakle, prvo maknimo pitanje s puta: Čemu služe razmaci u HTML-u?? Odgovor je zapravo vrlo jednostavan. Razmaci u HTML-u koriste se u dvije svrhe. Prva svrha ili prva svrha razmaka u HTML-u je formatiranje HTML dokumenta.

Korištenjem razmaka činimo HTML kod čitljivim i razumljivim za nas i druge programere. Slažem se da kod bez razmaka ne bi bio baš čitljiv i ne bi bio baš zgodan za uređivanje. Standard HTML jezika je tolerantan prema razmacima, što znači da ih možemo koristiti u dokumentu kako želimo ili možemo pisati kontinuirani kod.

Druga namjena razmaka u HTML-u je, moglo bi se reći, logična, a razmake koristimo za međusobno odvajanje riječi, jer bi tekstovi bez razmaka bili potpuno nečitljivi. Postoje situacije kada slučajno stavite nekoliko razmaka između riječi unutra HTML oznaka i, u ovom slučaju, preglednik će "komprimirati" te prostore u jedan. U budućnosti ćemo se u to uvjeriti i pogledati primjer.

Nadamo se da sa Shvatili smo svrhu razmaka u HTML-u a sada možemo dalje. Tema razmaka je prilično jednostavna, ali važna. U osnovi, u HTML-u ne postoji teške teme i ništa nije nevažno jer HTML je standard koji se mora poštovati.

Vrste razmaka u HTML-u

Budući da je sve jasno o svrsi znakova razmaka, vrijedi razumjeti vrste znakova razmaka. U HTML-u i općenito, znakovi razmaka mogu se odvojiti na sljedeći način: razmak, tabulator i prijelom retka. Dobro je opisivati ​​razmake riječima, ali volio bih ih vidjeti vlastitim očima, što će nam pomoći u ovome, što ima isticanje sintakse, ali sada nam je važno da Notepad++ može prikazati razmake.

Obratite pozornost na sliku: ovo je snimka zaslona iz Notepada++, koja je otvorena iz posta u kojem smo govorili o . Narančasta strelica – ovo je kartica u HTML dokumentu. Budući da koristim Windows 10, Prijelomi redaka u HTML-u prikazuju se s dva znaka: CR i LF(ovo je tradicija koja dolazi od pisaćih strojeva, u OS obitelji Linux priključak linije su označene simbolom LF). Ali razmaknica u Notepad++ prikazana je kao simbol crvene točke; ako pažljivo pogledate snimak zaslona, ​​primijetit ćete to.

Tako, Notepad++ nam je pomogao vidjeti razmake u HTML dokumentu: tabulator, prijelom retka i razmak. Međutim, nećemo vidjeti većinu tih razmaka HTML stranica, koje će preglednik generirati za nas. Već smo rekli da HTML nije osjetljiv na razmake, a preglednici odbacuju sve razmake između oznaka.

Također bismo vam željeli skrenuti pozornost na činjenicu da svaki znak razmaka zauzima prostor na vašem tvrdom disku; veličina znaka razmaka u HTML-u ovisi o kodiranju dokumenta. Stoga, ako pregledavate i pokušavate smanjiti brzinu učitavanja stranice, tada na hostingu možete pokušati ukloniti sve razmake između , čime se smanjuje veličina dokumenta.

Razmak i neprekinuti razmak u HTML-u

Pogledajmo sada svaki od razmaka pojedinačno. Počnimo s razmacima u HTML-u. Dakle, već znamo da preglednik ignorira sve razmake između oznaka. Ali kako preglednik obrađuje razmake unutar oznaka? važno pitanje, budući da to određuje kako će tekstovi biti prikazani na stranici. Pogledajmo ovo na primjeru. Otvorite bilo koji urednik koji vam odgovara, možete čak koristiti i običnu bilježnicu, ali preporučujem vam, koji ima izvrsne mogućnosti za rad s HTML-om, i upišite sljedeći kod:

Spremite datoteku s nastavkom .html u bilo koju mapu koja vam odgovara i otvorite je u pregledniku, vidjet ćete ovu sliku:

Vidimo da je u prvom HTML odlomku preglednik sve "pretvorio". dodatni prostori i razmake osim razmaka u jedan razmak. Ali u drugom paragrafu naša situacija je nešto drugačija. Ovdje koristimo poseban znak, za koji se često kaže da je neprekinuti razmak u HTML-u. Stvar je u tome što izgovaranje neprekinutog razmaka u HTML-u nije sasvim točno, budući da se radi o posebnom nizu kodiranja.

Neraskidivi razmaci u HTML dokumentima, kao i u bilo kojem drugom dokumentu, koristi se za označavanje programa koji se otvara ovaj dokument(u našem slučaju pregledniku) da su te riječi neraskidivo povezane razmakom, drugim riječima, ako napišemo “Hello world!”, tada preglednik nikada neće prenijeti riječ “world!” bez riječi "Hello" u novom retku, omot će se provesti samo zajedno. Plus sve ostalo može se koristiti neprekinuti razmak u HTML-u staviti razmake između riječi unutar HTML oznaka.

Obratite pozornost na sliku koja prikazuje prozor preglednika: preglednik je ignorirao sve prijelome redaka, unatoč činjenici da smo koristili neprekinuti razmak unutar HTML oznake

Ukratko: preglednik zanemaruje sve razmake izvan HTML oznaka, a preglednik komprimira svi razmaci unutar HTML oznaka do jednog razmaka, ako se neraskidivi razmak ne koristi unutar HTML oznake.

HTML kartica ili drugi razmak

HTML kartica je još jedan razmak. Najčešće se kartice u HTML-u koriste za oblikovanje HTML koda u uređivaču. Kartice se ne smiju koristiti unutar HTML oznake. 

O čemu ćemo dalje govoriti.  Stvar je u tome što tabeliranje nema fiksna veličina.  Veličina kartice može se prilagoditi iu uređivaču iu pregledniku.  Stoga je nemoguće točno reći kako će se tablica prikazati za određenog korisnika na .


Tabelarni prikaz u HTML-u se može prilagoditi (i ne samo u HTML-u), jer predstavlja nekoliko spojenih prostora.  Da biste napisali razmak tabulator, pritisnite tipku Tab (mislim da će ovo raditi u bilo kojem uređivaču).  Tabelarni prikaz u HTML-u može se koristiti za formatiranje koda (nemojte brkati kod za oblikovanje s izravnim oblikovanjem teksta u HTML-u), ali se ne smije koristiti unutar HTML oznaka, jer će biti prikazan za svakog korisnika u skladu s njegovim postavkama, a time i drugačije .  Vjerojatno smo rekli sve što smo mogli korištenje kartica u HTML dokumentima i uređivačima.


HTML prijelom retka ili treći razmak.  Znak prijeloma retka


Prijelom retka u HTML-u, a ne samo u HTML-u, vrši se klikom Unesite tipke. Znak prijeloma retka u operacijskim salama Linux sustavi: LF.  U operacijskim salama Windows sustavi CR LF, V Mac sustavi OS prije verzije devet, znak prijeloma retka bio je niz CR.  Dakle, to već znamo Preglednik ignorira prijelome redaka u HTML dokumentu, gdje god se nalazili.


Prijelom retka u HTML-u koristi se uglavnom za uređivanje i oblikovanje koda kako bi bio čitljiv i lak za uređivanje, nemojte zanemariti priliku da stavite prijelom retka kako biste sebi i ljudima koji rade s vama olakšali čitanje koda.


Kako preglednik radi prijelome redaka


Dakle, već smo shvatili kako preglednik tumači znakove razmaka i, u principu, odlučili za sebe pitanje što su znakovi razmaka: tabulator, razmak, neprekinuti razmak, prijelom retka, trebamo za formatiranje koda da bude čitljiv.  Ali ne bismo rekli cijelu istinu da ne govorimo o tome kako preglednik prekida redove kada nema dovoljno prozora za prikaz.


Stvar je u tome što su za preglednik razmaci smjernice po kojima on određuje kako će se redovi prelamati u slučaju kada ih nije moguće smjestiti u područje gledanja.  Pokušajmo implementirati jednostavan primjer.  Kreirajmo jednostavan HTML dokument.  Na primjer, otvorite bilo koji prikladan editor i napišite sljedeći kod:

 
 




Praznina u HTML-u




Tekst napisan bez razmaka neće se prenositi


Preglednik koristi razmak za prekidanje redaka kada područje pregleda nije dovoljno veliko da stane u cijeli redak.








 


 
<
!
DOCTYPE
html
>

<
html
lang
=
"ru-RU"
>

<
head
>

<
meta
charset
=
"UTF-8"
>

<
title
>Razmaci u HTML-u<
/
title
>

<
link
rel
=
"stylesheet"
type
=
"text/css"
href
=
"style.css"
/
>

<
/
head
>

<
body
>

<
h1
>Tekst napisan bez razmaka neće se prenositi<
/
h1
>

<
p
>Preglednik koristi razmake za prelamanje
linije u slučaju kada nema dovoljno prostora za gledanje
odgovara cijeloj liniji<
/
p
>

<
/
body
>

<
/
html
>




Zatim otvorite primjer u pregledniku i smanjite područje gledanja na minimum, vidjet ćete približno istu sliku kao na donjoj slici.




U slučaju HTML zaglavlja, preglednik nije ništa omotao i ostavio je redak kakav jest.  Ali u slučaju HTML odlomka, preglednik to razumije kako zamotati linije zbog činjenice da tekst odlomka sadrži razmake, na koje se preglednik fokusira kako bi izvršio prijelom retka.


Dakle, već smo pronašli tri upotrebe razmaka u HTML-u: prva i glavna je da se znakovi razmaka koriste za formatiranje koda, druga primjena je da preglednik, fokusirajući se na znakove razmaka, radi prijelome retka kada nema dovoljno prozora za prikaz, a treća upotreba znakova razmaka u HTML-u je sve o odvajanju riječi u tekstu.


Prisilni prijelom retka u HTML-u.  HTML oznaka 




Dakle, saznali smo da preglednik kihnuo na prijelome redaka u HTML-u, ali što trebamo učiniti ako treba prekinuti liniju tamo gdje želimo, a ne tamo gdje završava okvir za prikaz u pregledniku?  Na primjer, želimo objaviti pjesme, ali njihovo objavljivanje u paragrafima nije baš ispravno i nezgodno.  U takvim situacijama HTML tag nas spašava i to itekako. 
.


BR je HTML malim slovima element i jednu HTML oznaku.  Izvršava HTML oznaku 
jedan jedini jednostavan, ali važna funkcija – prisiljava lomove redaka.  Kada preglednik vidi HTML oznaku 
generira HTML element koji korisnici vide kao prijelom retka.  Napravimo prisilni prijelom retka pomoću primjera, otvorimo bilo koji urednik koji vam odgovara, po mom mišljenju jedan od najvažnijih zgodni urednici je i kopirajte sljedeći kod:

 
 




Praznina u HTML-u




Bijela breza 
Ispod mog prozora 
Prekriven snijegom 
Upravo srebro.








 


 
<
!
DOCTYPE
html
>

<
html
lang
=
"ru-RU"
>

<
head
>

<
meta
charset
=
"UTF-8"
>

<
title
>Razmaci u HTML-u<
/
title
>

<
link
rel
=
"stylesheet"
type
=
"text/css"
href
=
"style.css"
/
>

<
/
head
>

<
body
>

<
p
>Bijela breza<
br
>Pod mojim prozorom<
br
>

Pokrio sam se snijegom,<
br
>Upravo srebro.<
/
p
>

<
/
body
>

<
/
html
>




Četaren iz Jesenjinova djela bit će prikazan na sljedeći način:




Svaki redak pjesme napisan je sa nova linija, u principu, to je ono što smo tražili.  Dakle, označite 
koristi se za prisiliti prijelome redaka u HTML-u.  Ako napišete dvije ili više BR oznaka u nizu, preglednik će generirati onoliko prisilnih prijeloma redaka koliko ima oznaka 
on će se sastati u dokumentu.


Važna značajka oznake 
je da se svi znakovi razmaka koji se nalaze u kodu prije njega i svi znakovi koji se nalaze iza njega zanemaruju.  Stoga možete sigurno stvoriti prisilni prijelom retka s ovom oznakom, bez straha da će dodatni znak razmaka "ispuzati" negdje.  Vrijedno je napomenuti da oznaka 
ima jednu jasnu koja govori pregledniku kako postupiti sa sljedećom 
ako se tekst omotava oko plutajućeg HTML elementa, ali o tome ćemo govoriti u drugom postu.


Očuvanje razmaka u HTML-u.  HTML oznaka 


Sada razgovarajmo o problemu Vladimira Majakovskog... Točnije, njegovom stilu, još preciznije, kako možemo napisati pjesme Vladimira Majakovskog u HTML dokument.


Moramo li doista koristiti posebne HTML znakove, kao što je neprekinuti razmak i oznaka iza svakog retka 
?  Odgovor: naravno da ne.  Programeri HTML standarda uzeli su u obzir ovu točku i usvojili je u standard poseban HTML označiti 
. Označiti 
Ili preformatirano može se prevesti na ruski kao autorsko oblikovanje.


Ova oznaka dopušta sačuvati razmake u HTML-u.  Kada preglednik naiđe na tekst unutar oznake 
Prikazuje ga onakvog kakvog jest, tj. zadržavajući sve razmake: prijelomi redaka, tabulatori i samo razmaci bit će spremljeni unutar oznake 
Onako kako si ih napisao.


Vrijedno je napomenuti da HTML oznaka 
Je uparen, a HTML PRE element je na razini bloka.  Zapravo, oznaka je nazvana autorsko oblikovanje iz razloga koji smo gore naveli: preglednik sprema sve razmake u tekstu unutar ove oznake u obliku u kojem ih je autor napisao.  Pokušajmo zadržite sve razmake u HTML-u, koristeći oznaku 
I da vidimo kako će razmaci biti prikazani u pregledniku.




Šifra dokumenta je vrlo jednostavna, stih V. Majakovskog smješten je u kontejner 
Sada da vidimo Kako preglednik rukuje razmacima unutar? HTML element PRIJE.




Vidimo da su svi razmaci sačuvani u obliku u kojem smo ih napisali.  Sada smo se uvjerili da oznaka 
Stvarno čuva razmake u HTML stranicama.


Dakle, rezimirajmo sve gore navedeno. U HTML-u postoje tri vrste razmaka: tabulator, prijelom retka i razmak.. Kartica u HTML-u Treba se koristiti samo za formatiranje HTML koda u uređivaču. Prijelomi redaka u HTML-u preglednici ih ignoriraju, "komprimiraju" ih u razmak, baš kao i kartice.  Da biste stvorili prijelom retka u HTML-u, upotrijebite oznaku 
.


Razmaci u HTML-u potrebni su u dvije svrhe: preglednik koristi razmake kako bi odredio kako prekinuti retke; razmaci su potrebni kako bi tekst bio čitljiv.  HTML podržava posebne znakove za kodiranje, npr. neprekinuti razmak u HTML-u može se koristiti kada želite napisati više razmaka u nizu (inače će ih preglednik skratiti na jedan) ili u kodu za koji želite reći pregledniku da ne prelama riječi u nove retke jednu bez druge.


Pozdrav, dragi čitatelji bloga.  Malo ranije smo već uspjeli razgovarati o tome, a također smo naučili o dizajnu u njemu.  Danas zauzvrat imamo koncept bjeline u HTML-u, kao i povezano oblikovanje koda prilikom pisanja (radi pogodnosti njegovog naknadnog čitanja i percepcije).
Pa, zbog činjenice da ćemo se dotaknuti teme neprekinutog razmaka i meke crtice, morat ćemo se usredotočiti na takozvane posebne znakove ili mnemonike koji se koriste u Html jeziku, koji će vam omogućiti da dodate web kod dokument ima mnogo dodatnih simbola, poput onih koji su već spomenuti.  Ali prvo o svemu.
Razmaci i razmaci u HTML-u
Prije nego što prijeđem na pitanje oblikovanja teksta pomoću oznaka posebno dizajniranih za to (odlomak, naslovi, itd.), želim se zadržati na tome kako se razmaci, prijelomi redaka (Enter) i tabeliranje tumače u HTML jeziku, te kako se prekidanje izvodi tekst u prozoru preglednika kada mu se promijeni veličina.
Istina, za ovakvo vizualno oblikovanje (koje neće biti vidljivo na web stranici) najčešće se ne koriste sami razmaci, već znakovi tabulator i prijelom retka.  Postoji takvo pravilo - kada počnete pisati ugniježđeni HTML oznaka, To uvući pomoću tabulatora (Tipka Tab na tipkovnici), a kada zatvorite ovu oznaku, uklonite uvlaku (kombinacija tipki Shift+Tab na tipkovnici).
To morate učiniti tako da su oznake za otvaranje i zatvaranje na istoj okomitoj razini (na istom broju kartica od desnog ruba stranice u vašem Html uređivaču, na primjer, Notepad++, o kojem sam pisao).  Osim toga, savjetujem vam da odmah nakon pisanja uvodnog elementa napravite nekoliko prijeloma retka i odmah napišete završni na istoj razini (broj tabulatora), kako to ne biste zaboravili učiniti kasnije.
Oni.  početni i završni elementi trebaju biti na istoj razini okomito, a unutarnje oznake trebaju biti pomaknute za jedan tab znak i zatvarajući i početni elementi trebaju biti ponovno postavljeni na istu razinu.
Za jednostavan web dokumenata ovo se može činiti pretjeranim, ali kada stvarate više ili manje složene, oni kod će postati mnogo jasniji i čitljiv zbog obilja razmaka, a također će biti puno lakše uočiti pogreške zbog simetričnog rasporeda oznaka.
Posebni znakovi ili mnemotehnike u HTML kodu
Dakle, sada govorimo o tzv posebni znakovi, čiju sam jednostavnost korištenja najavio na početku ovog članka.  Posebni znakovi se također ponekad nazivaju mnemotehnikama ili zamjenama.  Namijenjeni su rješavanju problema koji se dugo javljao u jeziku za označavanje hiperteksta, a koji se odnosi na korištena kodiranja.
Kada upisujete tekst na tipkovnici, znakovi vašeg jezika kodiraju se prema unaprijed određenom algoritmu, a zatim se zbog dekodiranja prikazuju na stranici pomoću fontova koje koristite (gdje pronaći i kako instalirati za stranicu).
Postoji mnogo kodiranja, ali za Html jezik standardno je usvojena proširena verzija kodiranja.
U ovom kodiranju teksta bilo je moguće napisati samo 256 znakova - 128 iz ASCII i još 128 za ruska slova.  Kao rezultat toga, pojavio se problem s upotrebom na stranicama znakova koji nisu uključeni u ASCII i nisu ruska slova uključena u Windows kodiranja 1251 (CP1251).  Pa, odlučili ste koristiti tildu ili apostrof, ali takve su mogućnosti svojstvene jeziku koji se koristi HTML kodiranje nije pod hipotekom.
Upravo su za takve slučajeve izmišljene supstitucije ili, drugim riječima, mnemotehnike.  U početku posebni znakovi imali digitalni pogled zapisa, ali onda su za one najčešće dodani slovni pandani kako bi se lakše zapamtili.
U opće razumijevanje, mnemotehnika je znak koji počinje ampersandom "&" i završava točkom i zarezom ";".  Upravo iz tih razloga preglednik HTML parsiranje kod izdvaja posebne znakove iz njega.  Ampersand u numeričkom zamjenskom kodu mora odmah slijediti znak "#", koji se ponekad naziva i hash.  I tek onda slijedi digitalni kod željenog znaka u Unicode kodiranju.
Više od 60 000 znakova može se napisati u Unicodeu - glavno je da mnemonički simbol koji vam je potreban podržava font koji se koristi na vašoj web stranici.  Postoje fontovi koji podržavaju gotovo sve Unicode znakove, a postoje opcije samo s određenim skupom znakova.
Potpuni popis posebnih znakova bit će jednostavno ogroman, ali najčešće korištena mnemotehnika možete posuditi na primjer iz ove tablice:
SimbolHTML kôdDecimal 
kodirati		Opis




neprekinuti prostor

 

 
 
uzak prostor (en-širina kao slovo n)

 

 
 
širok prostor (em-širina kao slovo m)

–
-
–
crtica (crtica)

-
—
—
em crtica (em crtica)

­
-
­
meki prijenos

A
́
naglasak se stavlja iza slova "naglasak".

©

©
autorsko pravo

®
®
®
registrirani zaštitni znak

™
™
™
znak zaštitnog znaka

º
º
º
koplje Marsa

ª
ª
ª
ogledalo Venere

‰
‰
‰
ppm

π
π
π
pi (koristite Times New Roman)

¦
¦
¦
okomita isprekidana linija

§
§
§
paragraf

°
°
°
stupanj

µ
µ
µ
mikro znak

oznaka odlomka

…
…
…
elipse

‾
‾
‾
nadstavljanje

´
´
´
znak naglaska

№

№
brojčani znak

🔍

🔍
Povećalo (nagnuto ulijevo)

🔎

🔎
Povećalo (nagnuto udesno)

znakovi aritmetičkih i matematičkih operacija

×
×
×
pomnožiti

÷
÷
÷
podijeliti

<
<

manje

>
>
>
više

±
±
±
plus/minus

¹
¹
¹
stupanj 1

²
²
²
stupanj 2

³
³
³
stupanj 3

¬
¬
¬
negacija

¼
¼
¼
Jedna četvrtina

½
½
½
pola

¾
¾
¾
tri četvrtine

⁄
⁄
⁄
decimalna točka

−
−
−
minus

≤
≤
≤
manje ili jednako

≥
≥
≥
više ili jednako

≈
≈
≈
približno (skoro) jednak

≠
≠
≠
nejednak

≡
≡
≡
istovjetno

√
√
√
kvadratni korijen (radikal)

∞
∞
∞
beskonačnost

∑
∑
∑
znak zbrajanja

∏
∏
∏
oznaka rada

∂
∂
∂
parcijalni diferencijal

∫
∫
∫
sastavni

∀
∀
∀
za sve (vidljivo samo ako je podebljano)

∃
∃
∃
postoji

∅
∅
∅
prazan skup

Ø
Ø
Ø
promjer

∈
∈
∈
pripada

∉
∉
∉
ne pripada

∋
∋
∗
sadrži

⊂
⊂
⊂
je podskup

⊃
⊃
⊃
je superset

⊄
⊄
⊄
nije podskup

⊆
⊆
⊆
je podskup ili jednak

⊇
⊇
⊇
je nadskup ili jednak

⊕
⊕
⊕
plus u krug

⊗
⊗
⊗
znak množenja u krugu

⊥
⊥
⊥
okomito

∠
∠
∠
kutak

∧
∧
∧
logično I

∨
∨
∨
logički ILI

∩
∩
∩
križanje

∪
∪
∪
Unija

znakovi valute

₽

₽
Rublja.  Znak rublja mora se koristiti zajedno s brojem.  Standard Unicode 7.0.  Ako ne vidite sliku, ažurirajte svoje Unicode fontove.

€
€
€
Euro

¢
¢
¢
Cent

£
£
£
lb

¤
¤
¤
Znak valute

¥
¥
¥
Znak jena i juana

ƒ
ƒ
ƒ
Florin znak

oznake


.

jednostavan marker

○

○
krug

·
·
·
središnja točka

†

†
križ

‡

‡
dupli križ

♠
♠
♠
vrhovi

♣
♣
♣
klubovi




srca

♦
♦
♦
dijamant

◊
◊
◊
romb

✏

✏
olovka

✎

✎
olovka

✐

✐
olovka

✍

✍
ruka

citati

"
"
"
dvostruki navodnik

&
&
&
ampersand

«
«
«
lijevi tipografski navodnik (navodnik u obliku riblje kosti)

»
»
»
desni tipografski navodnik (navodnik riblje kosti)

‹

‹
single corner citatni otvor

›

›
single corner quote closing

′
′
′
primarni (minute, stope)

″
″
″
dvostruko prima (sekunde, inči)

‘
‘
‘
gornji lijevi jednostruki navodnik

’
’
’
gornji desni jednostruki navodnik

‚
‚
‚
donji desni jednostruki navodnik

“
“
“
citat-foot lijevo

”
”
”
citat stopalo gore desno

„
„
„
citat stopalo dolje desno

❛

❛
jednostruki engleski početni navodnik

❜

❜
jednostruki engleski zatvarajući navodnik

❝

❝
otvarajući dvostruki navodnik

❞

❞
zatvarajući dvostruki navodnik

strijele

←
←
←
lijeva strelica




strelica prema gore

→
→
→
desna strijela

↓
↓
↓
strelica prema dolje

↔
↔
↔
strelica lijevo i desno

↕

↕
strelica gore i dolje

↵
↵
↵
povrat prtljage

⇐
⇐
⇐
dvostruka strelica lijevo

⇑
⇑
⇑
dvostruka strelica prema gore

⇒
⇒
⇒
dvostruka desna strelica

⇓
⇓
⇓
dvostruka strelica prema dolje

⇔
⇔
⇔
dvostruka strelica lijevo i desno

⇕

⇕
dvostruka strelica gore i dolje

▲

▲
trokut strelica prema gore

▼

▼
trokut strelica prema dolje




trokut strelica desno

◄

◄
trokut strelica lijevo

zvijezde, snježne pahulje

☃

☃
Snjegović

❄

❄
Pahuljica

❅

❅
Snježna pahulja stisnuta djetelinom

❆

❆
Debela pahulja oštrog kuta

★

★
Osjenčana zvijezda

☆

☆
Prazna zvijezda

✪

✪
Neispunjena zvijezda u ispunjenom krugu

✫

✫
Ispunjena zvijezda s otvorenim krugom iznutra

✯

✯
Rotirajuća zvijezda

⚝

⚝
Nacrtana bijela zvijezda

⚪

⚪
Srednji otvoreni krug

⚫

⚫
Ispunjeni srednji krug

⚹

⚹
Sekstil (tip snježne pahulje)

✵

✵
Osmerokraka rotirajuća zvijezda

❉

❉
Zvijezda sa sfernim krajevima

❋

❋
Podebljani osmokraki zvjezdasti propeler u obliku kapi

✺

✺
Šesnaestokraka zvjezdica

✹

✹
Dvanaestokraka zvijezda

✸

✸
Podebljana osmerokraka ravno ispunjena zvijezda

✶

✶
Ispunjena šesterokraka zvijezda

✷

✷
Osmerokraka ravno ispunjena zvijezda

✴

✴
Zvijezda s osam krakova

✳

✳
Zvijezda s osam krakova

✲

✲
Zvijezda s praznim središtem

✱

✱
Debela zvijezda

✧

✧
Zašiljena četverokraka otvorena zvijezda

✦

✦
Zašiljena četverokraka ispunjena zvijezda

⍟

⍟
Zvijezda u krugu

⊛

⊛
Pahuljica u krugu

sat, vrijeme

⏰

⏰
Gledati

⌚

⌚
Gledati

⌛

⌛
Pješčani sat

⏳

⏳
Pješčani sat

Postoji prilično zanimljivo način dobivanja HTML kôd mnemonički za znak koji vam je potreban.  Da biste to učinili, bit će dovoljno otvoriti Microsoft uređivač Riječ, stvaraj novi dokument i birati između gornji izbornik"Umetni" - "Simbol" (koristim verziju iz 2003., pa ne znam kako izvesti sličnu operaciju u kasnijim verzijama).
U prozoru koji se otvori trebate odabrati font, na primjer, Times New Roman (ili bilo koji drugi koji će očito biti prisutan na većini računala posjetitelja vaše stranice - na primjer Courier ili Arial).
Dodajte s popisa koji se otvori na vaš Word dokument sve posebne znakove koji su vam potrebni i spremite ovaj Word dokument kao web stranicu (odabrano s padajućeg popisa “.html” prilikom spremanja).  Pa, onda sve što trebate učiniti je otvoriti ovu web stranicu u bilo kojem HTML editor(radit će isti Notepad++) i vidjet ćete sve digitalni kodovi mnemotehnika koja vam je potrebna:
Metoda je malo komplicirana, ali ako želite upotrijebiti neki rijedak poseban znak na stranici svoje web stranice, bit će lakše nego tražiti tablice na internetu poput ove gore prikazane.  Morat ćete zalijepiti dobiveni kod posebnog znaka u Pravo mjesto a umjesto njega na web stranici, preglednik će prikazati znak koji vam je potreban (npr. neprekinuti razmak).
Neraskidivi razmak i meka crtica u primjerima
Kao što sam već spomenuo gore i kao što možete vidjeti iz gornje tablice posebnih znakova, neke mnemotehnike u Html-u dobile su, osim digitalne, i simboličku oznaku za svoje više jednostavno pamćenje.  Oni.  Umjesto znaka "#" (hash) riječi se koriste u simboličkim varijantama.  Na primjer, isti neprekinuti razmak može se napisati ili kao (digitalna mnemonika) ili kao (znak).
Kada pišete članke, ako trebate umetnuti znak & (&) ili otvorenu uglastu zagradu (<), то для этого обязательно нужно использовать спецсимволы. Дело в том, что эти знаки в Html означают начало тега и браузер будет рассматривать их именно с этой точки зрения и отображать в тексте не будет.
To jest, ako pišete članak u koji ćete morati umetnuti, na primjer, prikaz oznake u tekst< body>ili samo trebate umetnuti znak manje od (<), то сделав это без использования подстановок на веб странице вы ничего не увидите, т.к. браузер, обнаружив «<» , поймет, что это Html тег, а не текст статьи.
Stoga ćete morati umetnuti sljedeću konstrukciju da biste riješili sličan problem:
Isto vrijedi i za prikaz koda samih mnemonika, budući da počinju znakom &.  Morat ćete umetnuti kod u tekst, zamjenjujući znak ampersand njegovom zamjenom (poseban znak):
 
To će biti potrebno učiniti da biste došli na stranicu<, а не отображение левой угловой скобки (<), в которую преобразует браузер мнемонику <, обнаружив при разборе знак амперсанда. Хитро, но вы все поймете попробовав это на практике.
Također ćete najvjerojatnije koristiti neprekinuti razmak, koji će izgledati kao običan razmak na web stranici, ali ga preglednik uopće neće tretirati kao razmak i neće vršiti transfere na njemu(na primjer, ovo će biti prikladno za izraze kao što je 1400 GB itd., koje ne bi bilo preporučljivo stavljati crticom u različite retke):
1400 GB.
Ponekad se može pojaviti suprotna situacija, kada tekst sadrži vrlo dugačke riječi i želite biti sigurni da će, ako je potrebno, preglednik Mogao bih rastaviti ove riječi rastavljanjem spojnica.  Za takve svrhe predviđen je poseban simbol "soft transfer" -
Duga, duga riječ;
Kada postane potrebno prijeći u drugi redak, preglednik će upotrijebiti crticu umjesto mnemotehnike meke crtice i poslati ostatak riječi u sljedeći redak.  Ako ima dovoljno prostora da se ova cijela riječ smjesti u jedan redak, preglednik neće crtati nijedan redak.  Tako je jednostavno.
 
Sretno ti!  Vidimo se uskoro na stranicama bloga
Više videa možete pogledati ako odete na
");">
Moglo bi vas zanimati
MailTo - što je to i kako napraviti link u HTML-u za slanje e-pošte 
Oznake i atributi naslova H1-H6, vodoravne crte Hr, prijeloma retka Br i paragrafa P prema Html 4.01 standardu 
Kako ubaciti link i sliku (fotografiju) u HTML - IMG i A tagovi


Tipkani tekst sastoji se od tiskanih znakova – grafičkih simbola. 
Grafički simboli su simboli koji imaju vidljiv prikaz u tekstu. 
Svi grafički simboli prikupljeni su u skupu jednog univerzalnog Unicode sustava. 
Umetnite Unicode grafički simbol u html dokument 
- glavna i jedina svrha ove tablice.


Možete umetnuti simbol u HTML dokument na jedan od sljedećih načina:
  1. kopirajte sliku simbola iz prozora preglednika u prozor vašeg vizualnog html uređivača
    2. 

  2. kopirajte html kod simbola izravno u kod html dokumenta
    3. 

 Imajte na umu da su ovo dvije različite metode: 
  1. umetnuti vizualno u vizualno
    2. 

  2. umetnuti kod u kod.
    3. 

Font za simbol, njegova veličina i boja u HTML-u mogu se postaviti kodom kao što je: 
 CHARACTER_CODE 
Gdje, 
Arial - font, 
10px - veličina fonta u pikselima, 
#ff0000 - kod boje fonta (crveno)
Na primjer: 
☎ - veličina slova slova 30px, 
☎ - veličina slova simbola 30px, boja - crvena 
☎ - veličina slova slova 20px, 
☎ - veličina fonta simbola 10px. 
Bilješka  Preporučeni fontovi za umetanje posebnih znakova su Arial, Verdana i Tahoma.  Ovi fontovi ispravno prikazuju Unicode znakove i sami ih ispravno podržavaju web aplikacije.
  1. "Simbol"
    (vidljivi prikaz simbola) 
    Iz ovog stupca možete kopirati sliku simbola i zalijepiti je u prozor uređivača html teksta.  Simbol će biti kopiran s veličinom fonta od 20px.  Nakon dovršetka kopiranja, možda će biti potrebno individualno prilagoditi veličinu fonta izravno kopiranom znaku.
    2. 

  2. "Ime"
    (samo za važne ili nejasne znakove) 
    Objašnjenje svrhe simbola, opsega, primjeri...
    3. 

  3. "Mnemotehnika"
    Mnemotehnika je abecedna konstrukcija oblika ", koja označava abecedni kod znaka u HTML-u. Umeće se izravno u html kod html dokumenta. Mnemotehnike su vrlo popularne među profesionalnim dizajnerima izgleda. Ljudi ih savršeno pamte i podržavaju sve html aplikacije.Svaka mnemonika sadrži abecedni naziv (oznaku) svog simbola i servisni znak (&), koji služi kao signal pregledniku za čitanje koda i ne prikazuje se na ekranu monitora.Ime svakog mnemotehničkog znaka je jedinstven i lak za čitanje, jer je izveden iz engleske riječi koja karakterizira simbol. 
    Mnemotehnika (grč.) – umijeće pamćenja nečega.  Mnemotehnika se koristi za olakšavanje percepcije teško pamtljivih informacija kada se predmet pamćenja dovede u asocijativno stanje s nečim.
    4. 

  4. "Kodirati"
    Kod - numerički decimalni kod znaka u HTML-u, poput &.  Umetnuto izravno u html kod html dokumenta.  Decimalni kod se sastoji od broja koji označava redni broj znaka u Unicode sustavu i nekoliko servisnih znakova (& i #), koji pregledniku služe kao signal za čitanje koda i ne prikazuju se na ekranu monitora.  Decimalni kod je naširoko korišten i korišten zbog svoje svestranosti i lakoće percepcije.
    5. 

Kontrolni znakovi u HTML-u (XHTML)


Kontrolni znakovi u HTML-u (XHTML) su servisni znakovi HTML jezika koji se koriste u HTML izgledu web stranice.  Svaki preglednik mora podržavati ove znakove, jer bez njih nije moguće ispravno prikazati HTML tekst.  Kontrolni znakovi nisu prikazani u tekstu i, kada se unesu izravno s tipkovnice, preglednik ih tumači kao interpunkcijske znakove koji pozivaju na izvršenje neke radnje kada se stranica iscrtava na ekranu.


Dopušteno je koristiti kontrolne znakove u običnim tekstovima, gdje oni simboliziraju univerzalne pojmove, a preglednik ih tumači kao obične tipografske znakove.  Kada koristite servisne simbole u HTML tekstovima na ovaj način, ne morate unijeti vrijednost samog simbola, već njegov HTML kod.  Jer, ponavljam, inače će preglednik simbol usluge shvatiti kao poziv na akciju i neće ispravno prikazati HTML tekst na zaslonu monitora.


Kontrolne simbole i njihov HTML kod poznaju i razumiju svi preglednici bez iznimke, što se, nažalost, ne može reći za druge simbole koji se mogu netočno prikazati u različitim preglednicima ili, još gore, uopće se ne prikazuju.


Sintaksa i interpunkcija












prostor duljine N (regularni prostor)
 

 




prostor duljine M (longspace)
 

 





 

 


-

meka crtica (znak koji se ne može ispisati)
-

­


‑

crtica


– 
 ‑


-

crtica duljine N (obična crtica)
-

–


—

crtica duljine M (em crtica)
—

—


.

točka


.


,

zarez


,


…

elipse
…

… 
…


:

debelo crijevo


:


;

točka i zarez


;


!

uskličnik


!
ǃ


?

upitnik


?


@

"pas"


@


*

"zvijezda"


*


#

"Rešetka"


#


‘

jednostruki gornji lijevi navodnik
‘

‘ 
‘


’

jednostruki gornji desni navodnik
’

’ 
’


‚

jedan donji desni navodnik
‚

‚ 
‚


“

dvostruki gornji lijevi citat
“

“ 
“


”

dvostruki gornji desni navodnik
”

” 
”


„

dvostruki donji desni navodnik
&bdquo
„ 
„


«

dvostruki navodnik u lijevom kutu (Rus)
«

«


»

dvostruki navodnik u desnom kutu (Rus)
»

»


́

znak naglaska, primjer: Vasya


́


"

apostrof, primjer: Ti"Ja


"


´

akutni, primjer: Vasya
´

´



odlomak (znak koji se ne može ispisati)



§

paragraf
§

§


ˆ

naglasak (obrnuta ptica)
ˆ

ˆ 
ˆ


˜

mala tilda
˜

˜ 
˜


¦

okomita isprekidana linija
¦

¦


(
lijeva zagrada


(

)

desna zagrada


)


〈

lijeva kutna zagrada
〈

〈


〉

prava kutna zagrada
〉

〉


‹

lijeva kutna zagrada, opcija
‹

‹


›

desna kutna zagrada, opcija
›

›


[

uglata zagrada lijevo


[


]

uglata zagrada desna


]


/

kosa crta - znak kose crte


/


\

obrnuta kosa crta


\


⁄

kosa crta (znak dijeljenja)
⁄

⁄


ǀ

okomita traka


ǀ


ǁ

dvostruka okomita traka


ǁ


‾

nadcrtavanje, primjer: Vasya‾vasya
‾

‾


¯

macron, primjer: Vasya¯vasya
¯

¯


Zaštitni znakovi i valuta


+

plus
+

+


−

minus
−

-
−


=

jednaki


=


±

plus ili minus
±

±


×

znak množenja
×

×


÷

znak podjele
÷

÷


⋅

operator točka (sredina retka)
⋅

· 
⋅


∗

operator zvjezdice (sredina retka)
∗

∗


∼

operator tilde
∼

∼


.

oznaka popisa (sredina retka)
.

• 


¹

gornji indeks "1"
¹

¹


²

gornji indeks "2"
²

²


³

gornji indeks "3"
³

³


Gornji indeks i indeks u HTML-u (XHTML) 
mogu se umetnuti pomoću oznaka I , odnosno: 
BROJ Superskript→ BROJ Superskript 
BROJ indeks→ BROJ indeks		

½

razlomak "jedna polovica"
½

½


⅓

razlomak "jedna trećina"


⅓


¼

razlomak "jedna četvrtina"
¼

¼


¾

razlomak "tri četvrtine"
¾

¾


№

brojčani znak


№


%

postotak


%


‰

ppm
‰

‰ 
‰


°

stupnjeva
°

°


′

primarni (minute, stope)
′

′


″

dvostruko prima (sekunde, inči) 
Primjer 1: 30° 25′ 12″ 
Primjer 2: 25′ 12 ″



″

″


µ

mikro
µ

µ


π

Pi
π

π


ƒ

znak funkcije 
(ne brkati s "integralnim")		
ƒ

ƒ 
ƒ


∫

sastavni
∫

∫


∅

prekrižena nula, prazan skup 
(ne smije se brkati s "promjerom")		
∅

∅


⌀

promjer (ne smije se brkati s prekriženim latinskim "o")


⌀


ø

Latinsko "o" dijagonalno prekriženo
ø

ø


Ø

Latinsko veliko "O" dijagonalno prekriženo
Ø

Ø


∏

oznaka rada
∏

∏


∑

znak zbrajanja
∑

∑


√

radikal 
(kvadratni korijen ili x korijen)		
√

√


∝

proporcionalno
∝

∝


∞

beskonačnost
∞

∞


∠

kutak
∠

∠


⊥

ortogonalno (okomito)
⊥

⊥


∴

znak "dakle"
∴

∴


≅

približno jednaki
≅

≅


≈

gotovo jednaka
≈

≈


≠

nejednak
≠

≠


≡

istovjetno
≡

≡


≤

manje ili jednako
≤

≤


≥

više ili jednako
≥

≥


∧

logično I
∧

∧


∨

logički ILI
∨

∨


⊕

znak plus u krugu 
(izravni iznos)		
⊕

⊕


⊗

znak množenja u krugu 
(križni umnožak, strelica od promatrača)		
⊗

⊗


ʘ

točka u krugu 
(strelica prema promatraču)		


ʘ








































































































































































































































































































✵
✵






























    





        

    
 

    
POVEZANI ČLANCI