Miks peaksite HTML-is kasutama mitut mittepurustavat tühikut (nbsp), märkige tühikuklahv

Tühikute sisestamiseks HTML-i on mitmeid viise. Lihtsaim viis on lisada enne ja pärast sihiteksti lihtsalt tühikud või mitu tähemärki. Muidugi pole see DRYesti meetod.

Selle asemel, et hoida oma koodi hõlpsasti hooldatavana ja vähendada kordusi, võite kasutada klahve ja

 elemendid koos natuke CSS-iga:

Kasutades element

Allpool on näide selle kohta, kuidas kasutada teksti vahelise tühiku juhtimist:

Hello my name is James

Pange tähele, et sildid on ise sulguvad, see tähendab, et nad ei vaja a />.

Seejärel saate klassile tabmõne omaduse andmiseks kasutada välist või sisemist stiili . Näiteks välises stiililehes töötab järgmine kood:

.tab { padding-left: 2px; }

Võite anda ka mõned in-style stiilis omadused, nagu allpool näidatud.

Teise võimalusena võite anda samad omadused nagu allpool toodud stiilid:

Hello my name is James

Kasutades
 element

Vahekaardi lisamise hõlbustamiseks lihtsalt keerake tekst sisse

sildid. Näiteks:

The

element tähistab lihtsalt eelnevalt vormistatud teksti. Teisisõnu renderdatakse sisetekstis kõik tühikud või vahelehed. Näiteks:

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

Pidage lihtsalt meeles, et kõik tegelikud vahelehemärgid (mitte hulk tühikuid, mis näevad välja nagu vahelehed), mida selle meetodi abil kasutate, võivad tunduda naeruväärselt laiad. Seda seetõttu, et tab-sizevara

 element on vaikimisi seatud 8 tühikule.

Saate seda natuke CSS-iga muuta:

pre { tab-width: 2; }

Lisateave HTML-i kohta:

HyperText Markup Language (HTML) on märgistuskeel, mida kasutatakse veebidokumentide koostamiseks ja mis on tänapäeval enamiku veebisaitide alus.

Märgistuskeel nagu HTML võimaldab meil seda teha

  • luua linke teistele dokumentidele,
  • struktureerida meie dokumendi sisu ja
  • omistage meie dokumendi sisule kontekst ja tähendus.

HTML-dokumendil on kaks aspekti. See sisaldab struktureeritud teavet (Markup) ja tekstilinke (HyperText) teistele dokumentidele.

Struktureerime oma lehed HTML-elementide abil. Need on keelekonstruktsioonid, mis pakuvad meie dokumendis brauseri jaoks struktuuri ja tähendust ning elemendi lingid Internetis teistele dokumentidele.

Internet loodi algselt staatiliste (muutumatute) dokumentide hoidmiseks ja esitamiseks. Eespool käsitletud HTML-i aspekte nähti nendes dokumentides suurepäraselt, kus puudus igasugune kujundus ja stiil. Nad esitasid struktureeritud teavet, mis sisaldas linke teistele dokumentidele.

HTML5 on HTML-i uusim versioon või spetsifikatsioon. World Wide Web Consortium (W3C) on organisatsioon, mis töötab välja ülemaailmse veebi standardid, sealhulgas HTML-i standardid. Veebilehtede ja veebirakenduste keerukamaks muutudes uuendab W3C HTML-i standardeid.

HTML5 tutvustab tervet hulka semantilisi elemente. Kuigi HTML aitab meie dokumendil tähendust anda, oli selle potentsiaal täielikult teada alles HTML5-ga semantiliste elementide kasutuselevõtuga.

Lihtne näide HTML-dokumendist

   Page Title   

My First Heading

My first paragraph.

! DOCTYPE html: määratleb selle dokumendi HTML5-ks

html: HTML-lehe juurelement

head: element sisaldab metainfot dokumendi kohta

pealkiri: element määrab dokumendi pealkirja

body: Element sisaldab nähtava lehe sisu

h1: element määratleb suure pealkirja

p: Element määratleb lõigu

HTML-i versioonid

Alates veebi algusaegadest on HTML-i olnud palju versioone

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

Muud ressursid

  • HTML-elemendid
  • Semantiline HTML
  • HTML-atribuudid