Există mai multe moduri de a insera spații în HTML. Cel mai simplu este prin simpla adăugare de spații sau multiple   entități de caracter înainte și după textul țintă. Desigur, aceasta nu este cea mai uscată metodă.

În schimb, pentru a menține codul ușor de întreținut și pentru a reduce repetarea, puteți utiliza fișierul <span> și <pre> elemente, împreună cu un pic de CSS:

Folosind <span> element

Un exemplu de utilizare <span> pentru a controla spațiul dintre text, puteți vedea mai jos:

<p>Hello my name is <span class="tab"> James</p>

Rețineți că <span> etichetele se închid automat, ceea ce înseamnă că nu au nevoie de />.

Apoi, puteți utiliza un stil extern sau intern pentru a da cursului tab unele proprietăți. De exemplu, următorul cod va funcționa într-o foaie de stil externă:

.tab {
  padding-left: 2px;
}

Puteți da, de asemenea <span> câteva proprietăți în linie, așa cum se arată mai jos.

Alternativ, puteți da <span> aceleași proprietăți ca și stilurile în linie, așa cum se arată mai jos:

<p>Hello my name is <span style="padding-left: 2px;"> James</p>

Folosind <pre> element

Pentru o modalitate ușoară de a adăuga un spațiu de filă, pur și simplu înfășurați textul în <pre> Etichete. De exemplu:

<pre> element reprezintă pur și simplu preformat text. Cu alte cuvinte, orice spații sau file din textul interior vor fi redate. De exemplu:

<pre>
function greeting() {
  console.log('Hello world!');
}
</pre>

Rețineți că orice caractere reale ale filei (nu o grămadă de spații care arată ca file), pe care le utilizați cu această metodă ar putea părea ridicol de largi. Acest lucru se datorează faptului că tab-size proprietate pentru <pre> elementul este setat la 8 spații în mod implicit.

Puteți schimba acest lucru cu un pic de CSS:

pre {
  tab-width: 2;
}

Mai multe informații despre HTML:

HyperText Markup Language (HTML) este un limbaj de markup folosit pentru a construi documente online și este fundamentul majorității site-urilor web de astăzi.

Un limbaj de marcare precum HTML ne permite acest lucru

  • creați linkuri către alte documente,
  • structurați conținutul din documentul nostru și
  • atribuiți context și semnificație conținutului documentului nostru.

Un document HTML are două aspecte. Conține informații structurate (Markup) și linkuri text (HyperText) către alte documente.

Ne structurăm paginile folosind Elemente HTML. Acestea sunt constructe ale oferirii limbajului structura și sens în documentul nostru pentru browser și elementul link-uri către alte documente de pe internet.

Internetul a fost creat inițial pentru a stoca și prezenta documente statice (neschimbătoare). Aspectele HTML discutate mai sus au fost văzute perfect în aceste documente care nu aveau niciun design și stil. Au prezentat informații structurate care conțineau legături către alte documente.

HTML5 este cea mai recentă versiune sau specificație a HTML. World Wide Web Consortium (W3C) este organizația care dezvoltă standardele pentru World Wide Web, inclusiv cele pentru HTML. Pe măsură ce paginile web și aplicațiile web devin mai complexe, W3C actualizează standardele HTML.

HTML5 introduce o grămadă de elemente semantice. În timp ce HTML ajută la furnizarea de sens documentului nostru, nu a fost până la introducerea elemente semantice cu HTML5 că potențialul său era pe deplin cunoscut.

Un exemplu simplu de document HTML

<!DOCTYPE html>
<html>
<head>
  <title>Page Title</title>
</head>
<body>

  <h1>My First Heading</h1>
  <p>My first paragraph.</p>

</body>
</html>

! DOCTYPE html: definește acest document ca HTML5

html: elementul rădăcină al unei pagini HTML

head: Elementul conține metainformații despre document

title: Elementul specifică un titlu pentru document

corp: elementul conține conținutul vizibil al paginii

h1: Elementul definește un titlu mare

p: Elementul definește un paragraf

Versiuni HTML

De la începuturile web, au existat multe versiuni de HTML

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

Alte resurse