Zašto biste trebali upotrebljavati razmak na karticama umjesto više nerazbijajućih prostora (nbsp) u HTML-u

Postoji nekoliko načina za umetanje razmaka u HTML. Najlakši je način jednostavnim dodavanjem razmaka ili entiteta više znakova prije i poslije ciljnog teksta. Naravno, to nije najsuša metoda.

Umjesto toga, kako bi vaš kôd bio lak za održavanje i smanjilo ponavljanje, možete koristiti i

Original text


 elementi, zajedno s malo CSS-a:

Korištenje elementa

Primjer kako se koristi za upravljanje razmakom između teksta može se vidjeti u nastavku:

Hello my name is James

Imajte na umu da se oznake automatski zatvaraju, što znači da im nije potreban znak />.

Tada možete koristiti vanjski ili unutarnji stil da biste klasi dali tabneka svojstva. Na primjer, sljedeći će kôd raditi u vanjskoj tablici stilova:

.tab { padding-left: 2px; }

Također možete dati neka svojstva ugrađenog stila, kao što je prikazano u nastavku.

Alternativno, možete dati ista svojstva kao umetnuti stilovi kao što je prikazano u nastavku:

Hello my name is James

Koristiti
 element

Za jednostavan način dodavanja prostora na karticama jednostavno zamotajte tekst

oznake. Na primjer:

The

element jednostavno predstavlja predobraženi tekst. Drugim riječima, prikazat će se svi razmaci ili kartice u unutarnjem tekstu. Na primjer:

 function greeting() { console.log('Hello world!'); } 

Samo imajte na umu da bi se svi stvarni znakovi kartice (a ne hrpa razmaka koji izgledaju poput kartica), a koje upotrebljavate s ovom metodom, mogli činiti smiješno širokim. To je zato što je tab-sizesvojstvo za

 element je prema zadanim postavkama postavljen na 8 razmaka.

To možete promijeniti s malo CSS-a:

pre { tab-width: 2; }

Više informacija o HTML-u:

Označni jezik HyperText (HTML) je označni jezik koji se koristi za izradu mrežnih dokumenata i temelj je većine web stranica danas.

Označni jezik poput HTML-a to nam omogućuje

  • stvoriti poveznice s drugim dokumentima,
  • strukturirati sadržaj u našem dokumentu i
  • sadržaju našeg dokumenta pripisati kontekst i značenje.

HTML dokument ima dva aspekta. Sadrži strukturirane informacije (Markup) i tekstualne poveznice (HyperText) na druge dokumente.

Naše stranice strukturiramo pomoću HTML elemenata. Oni su konstrukcije jezika koji pruža strukturu i značenje u našem dokumentu za preglednik i element povezuje s drugim dokumentima putem Interneta.

Internet je izvorno stvoren za pohranu i prezentaciju statičnih (nepromjenjivih) dokumenata. Gore opisani aspekti HTML-a savršeno su se vidjeli u ovim dokumentima kojima je nedostajao sav dizajn i stil. Predstavili su strukturirane informacije koje su sadržavale poveznice s drugim dokumentima.

HTML5 je najnovija verzija ili specifikacija HTML-a. Konzorcij za World Wide Web (W3C) organizacija je koja razvija standarde za World Wide Web, uključujući one za HTML. Kako web stranice i web aplikacije postaju sve složenije, W3C ažurira HTML standarde.

HTML5 uvodi čitav niz semantičkih elemenata. Iako HTML pomaže pružiti značenje našem dokumentu, tek je uvođenjem semantičkih elemenata s HTML5 njegov potencijal bio potpuno poznat.

Jednostavan primjer HTML dokumenta

   Page Title   

My First Heading

My first paragraph.

! DOCTYPE html: Definira ovaj dokument kao HTML5

html: korijenski element HTML stranice

head: Element sadrži meta informacije o dokumentu

title: Element navodi naslov dokumenta

body: Element sadrži vidljivi sadržaj stranice

h1: Element definira veliki naslov

p: Element definira odlomak

HTML verzije

Od ranih dana weba postoji mnogo verzija HTML-a

  • HTML1991
  • HTML 2.01995
  • HTML 3.21997
  • HTML 4.011999X
  • HTML2000
  • HTML52014

Ostali izvori

  • HTML elementi
  • Semantički HTML
  • HTML atributi