Structura aproape tuturor site-urilor web pe care le găsim și le folosim pe web a fost creată folosind HTML, un sistem standardizat de clasificare a fișierelor text. Întreruperile de pagină, paragrafele, litere puternice, cursive și alte caracteristici sunt toate adăugate folosind HTML. Prin utilizarea etichetelor, care instruiesc browserele cum să gestioneze conținutul, HTML ajută la crearea acestei structuri.

De exemplu, am plasa un cuvânt între etichetele strong>bold/strong> pentru a-l face să pară îndrăzneț. Eticheta de deschidere (/) indică unde vrem să se termine caracterele aldine, în timp ce prima etichetă (/) indică unde vrem să înceapă caracterele aldine. Acesta servește drept bază pentru majoritatea paginilor web. Deci, acesta este locul de început dacă învățați să codificați.

Cum să adăugați spațiu în HTML

Dincolo de un singur spațiu între cuvinte, toate spațiile goale pe care le introducem în text HTML pentru a le afișa într-un browser sunt ignorate. Ca urmare, trebuie să programăm spațiile goale pe care le dorim în documentul nostru. Orice linie de text poate avea spațiu adăugat în HTML. De exemplu, putem insera spații goale în conținutul tabelului și al paragrafelor folosind obiectul HTML . Deoarece HTML nu are o literă de tastatură pentru un spațiu liber, trebuie să introducem entitatea pentru a adăuga fiecare spațiu.

Poate părea simplu, dar adăugarea de spațiu la HTML-ul nostru ar putea fi o provocare. Există cel puțin cinci abordări diferite pentru a avea grijă de acest lucru.

Pe parcursul acestui antrenament, vom vedea multe cazuri. De asemenea, va demonstra cum să folosiți forme mai elaborate de spațiu.

șir la caracter java

Toate acestea sunt posibile în HTML simplu fără utilizarea CSS. Dar rețineți că adăugarea de spațiu la HTML se face cel mai bine prin CSS.

Cum arată un spațiu ASCII?

Spațiul este reprezentat de simbolul ASCII 20. Dar aceasta este doar o practică acceptată.

Există cinci tipuri diferite de spații pe care le puteți folosi în HTML. Ele par identice cu ochiul neantrenat, deși au funcții oarecum distincte.

Caracterul tab, care simulează apăsarea tastei Tab de pe o tastatură, este o altă opțiune. Iar caracterul de întoarcere la cărucior, care simulează apăsarea tastei Enter de pe o tastatură, este un alt exemplu.

Spațiu fără rupere:

In spatiu:  

Em spatiu:  

Spațiu subțire:

Spațiu standard:

Linie nouă (întors):

Caracter de filă:

Partea stângă reprezintă caracter , iar partea dreaptă reprezintă cod HTML.

Cât de lat este un personaj în spațiu?

Pentru caracterele spațiale, există patru lățimi standard:

Spațiu de lățime standard:Deoarece nu va avea ca rezultat o întrerupere de linie (cunoscută și ca întoarcere de cărucior), aceasta este cunoscută și ca „spațiu fără întrerupere de linie”.Em Space:Acesta se numește „Em” deoarece, indiferent de tipul de literă pe care îl folosiți, are aceeași lățime ca și litera M. (Dacă am auzit de expresia „em-dash”, atunci știm despre ce vorbim.)In spatiu:Acesta este cunoscut sub numele de „En” deoarece are aceeași lățime ca și litera n din fontul dvs.Spațiu subțire:Cel mai îngust dintre toate spațiile este „spațiul subțire”, care este ultima opțiune.

Ce înseamnă semnarea spațiului în HTML?

este cea mai utilizată entitate HTML.

care a creat școala

Pentru ca acest text să umple un spațiu, încercați să-l aruncați.

Să ne imaginăm, de exemplu, că dorim să adăugăm două spații după o frază, dar motorul de randare a site-ului web elimină unul dintre spații de la sine. Pentru a adăuga două spații, s-ar putea să putem intra

Spațiu alb: Ce este?

Caracterele care nu sunt vizibile se numesc spații albe. Acestea constau din:

1. spatii,
2. file și
3. întreruperi de linie (întoarcerile de căruță, avansuri de linie sau ambele),

De ce este acest lucru crucial?

Aceste litere, de exemplu, nu sunt vizibile într-un procesor de text, dar afectează spațiul și formatarea textului. Browserul condensează numeroase spații albe într-un singur spațiu în HTML, care este diferit de alte limbaje de marcare.

Există mai multe spații între cuvintele din acest HTML și fiecare linie se termină cu caractere CRLF (carriage return, linefeed). Toate caracterele spațiilor albe vor fi restrânse de browser.

Exemplu

Lucrurile bune necesită mai mult timp.

Ieșire:

Inserarea spațiilor

1. Utilizați semnul de spațiu de neîncărcare ( ) al textului pentru a oferi mai multă spațiere.
2. Proprietatea de umplutură CSS poate fi utilizată pentru a mări spațiul în interiorul unui element în diferite circumstanțe.
3. Atributul CSS margin permite adăugarea de spațiu suplimentar în jurul unui element.

Deși spațiile fără rupere sunt utile, ele nu ar trebui folosite excesiv, deoarece acest lucru ar putea interfera cu modul în care materialul este afișat în browsere. În plus, abțineți-vă de la utilizarea spațiilor care nu se rup în scopuri de stil, cum ar fi indentarea sau centrarea unui element pe o pagină web; cerințele stilistice ar trebui să fie tratate prin CSS.

Pe lângă entitate, HTML acceptă și următoarele entități suplimentare pentru numeroase spații goale adiacente:

Entitatea caracter   este folosită pentru a reprezenta un spațiu. En este o unitate de măsură care este echivalentă cu 8 pixeli sau jumătate din lățimea unui em (16 pixeli).

Sintaxa pentru un spațiu en-între conținut este   Iată un exemplu de utilizare a entității HTML &ensp:

Iată un exemplu pentru entitatea en spațială.

Ieșire:

Entitatea   este folosită în exemplul de mai sus pentru a adăuga spații în HTML, iar lățimea sa este de 8 pixeli. De asemenea, pot fi folosite în mai multe locații învecinate.

Menținerea formatării și spațierii

Dacă doriți să păstrați formatarea și spațierea care au fost specificate, există două opțiuni:

1. Adăugarea formatării HTML și a spațiului
2. Folosind un

    tag.

Folosind o etichetă „pre”.

Aceste rezultate apar din schimbarea

eticheta pentru

 tag:

Exemplu

încapsulare java

 pre> Good things take more time 

Ieșire:

Da cel

 tag keeps the formatting as it was originally, but it also switches to a monospaced typeface. All of these can be fixed; however, using the <pre> tag isn&apos;t always the best option. HTML spacing is a more popular method.</pre>

Adăugarea formatării HTML și a spațiului

Ca alternativă, putem include elemente și simboluri HTML precum următoarele:

Lucrurile bune vor

ia mai mult timp.

Ieșire:

O întrerupere de linie este cerută de
element.

Spațiu fără rupere:

Browserul nu restrânge spațiile adăugate cu caracterul de neîncărcare ().

În plus, așa cum sugerează și numele, oprește browserul să spargă două cuvinte acolo.

Lucrurile bune necesită mai mult timp.

Ieșire:

În acest model, sunt adăugate 10 spații spre începutul textului. Altul este pus între ' ia care nu va fi izolat atunci când propoziția se încheie din cauza limitărilor de spațiu.

Atributul de umplutură

Spațiul interior al unui element este mărit cu atributul de umplutură CSS.

Ia valori cuprinse între unu și patru, începând din partea de sus, dreapta, jos și dreapta.

șir în tabloul c

The 'div' elementul are o umplutură de 20 de pixeli pe toate părțile.

 Inner spacing is 20px with a div attribute 

Ieșire:

Atributul Marginei

1. Cu atributul CSS margin, se adaugă spațiu suplimentar în jurul elementului.
2. Ia valori cuprinse între unu și patru, începând din partea de sus, dreapta, jos și dreapta.

The 'div' elementul are o marjă de 40 de pixeli pe toate părțile.

 Outer spacing is 20px using the div and margin attribute 

Ieșire:

Umplutura vs Marja

1. Umplutura și marginea cresc spațiul unui element.
2. Căptușeala lasă un gol care este considerat o componentă a elementului.
3. Spațiul creat de marjă este considerat ca existent în afara limitelor elementului.
4. Regiunea de clic, culorile de fundal și alte atribute ale site-ului web sunt afectate de această variație.

S-ar putea crede că adăugarea de spații în HTML este la fel de simplă ca să loviți continuu bara de spațiu. Dar nu așa funcționează lucrurile. Apăsarea barei de spațiu de mai multe ori nu va adăuga mai multe spații goale din apropiere, așa cum ar fi într-un document text. Browserul va combina toate spațiile goale din apropiere într-unul singur dacă facem acest lucru în HTML. Pentru a demonstra ce se întâmplă atunci când folosim mai multe spații în HTML, să ne uităm la un exemplu:

Deci, după ce am folosit bara de spațiu de multe ori, nu putem adăuga mai multe spații goale

Ieșire:

Atingând în mod repetat bara de spațiu în HTML, așa cum se vede în exemplul de mai sus, încercăm să inserăm numeroase spații goale consecutive într-o pagină web. Cu toate acestea, browserele redau mai multe spații goale adiacente ca un singur spațiu și nu țin cont de spațiile înainte, după și în afara componentelor. Fenomenul este cunoscut sub numele de colaps al spațiului alb. Deși prăbușirea spațiilor albe poate fi deranjantă uneori, există mai multe tehnici pentru a adăuga mai multe spații atât în ​​HTML, cât și în CSS (foile de stil în cascadă).

&

Entitatea caracter   este folosită pentru a reprezenta spațiul em. Lățimea unui em, care este de 16 pixeli, este echivalentă cu un emsp.

Sintaxa pentru spațiile em din text este   Iată un exemplu de utilizare a entității HTML &emsp:

Iată un exemplu pentru o entitate spațială.

Ieșire

Entitatea   este folosită în exemplul de mai sus pentru a adăuga spații în HTML, iar lățimea sa este de 16 pixeli. Ele pot fi folosite si in mai multe spatii adiacente.

&thinsp

Entitatea caracter este folosită pentru a reprezenta spațiul subțire, adesea cunoscut sub numele de spațiu îngust. O șesime dintr-un em este lățimea lui a &

Spațiul subțire este scris ca conținut intermediar în sintaxă. Iată un exemplu de utilizare a entității HTML ' '

Acesta este un exemplu de entitate spațială subțire.

Ieșire

Entitatea este folosită în exemplul de mai sus pentru a adăuga spații subțiri la HTML, iar lățimea sa este de o șesime dintr-un em. De asemenea, sunt folosite în mai multe spații adiacente.

Mai jos este o artă ASCII a „Hi”. # # ##### # # # ##### # # # # # # # # #####

Ieșire:

Avantajele utilizării spațiului alb

Inteligibilitate extinsă a conținutului:Când clienții sunt pe site-ul nostru, aceștia ar trebui să aibă opțiunea de a vedea unde merg pentru a primi motivația de a continua să citească. Cu toată sinceritatea, spațiul alb dintre pasaje și în jurul blocurilor de text și imagini ajută persoanele să înțeleagă ceea ce citesc și contribuie la o experiență superioară a clientului în general.Mai multă colaborare:Putem fi doar adevărați, oaspeții se grăbesc în mod sigur în timp ce parcurg localurile și, având o mulțime de spații albe, va crește conexiunea, prevenind întreruperile care încetinesc oaspeții. Într-adevăr, chiar și o ușoară amortizare în jurul articolelor ne va face să observăm o anumită regiune pe site-ul nostru. Conform cercetării conduse de Human Elements Worldwide, spațiul alb crește nivelul de cunoaștere cu aproape 20%.Capacitatea de a prezenta apeluri la acțiune (CTA):Uneori, cea mai clară metodă de a face ceva să se deosebească este de a face lucrurile mai mari. Putem face pozele mai mari sau butoanele mai mari. Cu toate acestea, includerea obiectului cu spații albe poate fi la fel de viabilă.Un site curat echivalează cu un site demn de remarcat:Sentimentul inițial al site-ului nostru contează foarte mult. O tonă de modele extraordinare puternice, o mare varietate de planuri - acest număr mare de componente se adaugă la impresia pe care o face un site; totuși, spațiul alb este deosebit de semnificativ, deoarece arată talent și inventivitate. Spațiile albe nu fac site-ul dvs. expus sau moderat. Oricât de lungi spații albe sunt utilizate în mod corect, acestea vor adăuga un sentiment de lustruire și prevalență site-ului dvs.Realizarea echilibrului:Prea puțin spațiu alb provoacă dezordine, dezordine și tremurături - caracteristici de care nu aveți nevoie legate de imaginea site-ului dvs. Apoi, din nou, o mulțime de spații albe ar putea prezenta o absență a conținutului și o absență a direcției clientului. Cheia este să vă ajustați planurile și să lăsați spațiul alb să funcționeze ca un instrument incredibil pentru a izola bulgări de conținut pentru o deschidere simplă și o experiență dezvoltată în continuare pentru client.Merge ca un separator:Spațiul alb izolează componentele irelevante dintr-un plan. Tinde să fie utilizat pentru a izola imaginile sau modelele unul de celălalt și funcționează pe formatul dvs. vizual general. Utilizarea spațiului alb legitim face o corespondență mai clară a gândurilor și a planurilor convingătoare.

De ce este important spațiul alb?

Spațiul alb este elementul de bază al unui design bun, în opinia mea ca designer. Designerii se referă la spațiul negativ, sau spațiul dintre piese dintr-o compoziție, atunci când folosesc termenul „spațiu alb”. Este spațiul gol dintre grafice, margini și jgheaburi de pe o pagină care nu a fost marcată cu nimic. Ochiului i se oferă o zonă vizuală de respirație prin spațiul dintre coloane, linii de text și cifre.

matrice de șiruri de caractere c programare

Există un motiv convingător pentru care spațiul alb este o componentă crucială a designului. Poate revoluționa designul site-ului nostru web și poate oferi acestuia mai multe beneficii dacă este aplicat corespunzător. Trebuie să producem și să creăm machete care să fie plăcute ochiului și să încurajăm cititorii să continue. Este esențial să ținem cont de faptul că furnizarea unui produs fantastic clienților noștri este prioritatea noastră atunci când proiectăm pentru web.

Spațiile albe pot fi folosite pentru a ghida un cititor de la un element la altul, pentru a crea armonie și echilibru și pentru a ajuta la marca un design. Obiectivele noastre cheie sunt de a face site-ul web să pară simplu și clar și de a oferi conținut pe care utilizatorii noștri îl vor aprecia și îl vor aprecia. Spațiul alb nu este doar un spațiu „gol”; este o caracteristică de design care face posibilă existența elementelor de pe pagină. Zona atinge un echilibru și servește ca o reamintire constantă a faptului că există modele frumoase. Pentru a transmite un mesaj clar, nu trebuie să facem un aspect supraîncărcat cu text și grafică.