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:
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:
- spatii,
- file și
- î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
- Utilizați semnul de spațiu de neîncărcare ( ) al textului pentru a oferi mai multă spațiere.
- Proprietatea de umplutură CSS poate fi utilizată pentru a mări spațiul în interiorul unui element în diferite circumstanțe.
- 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:
- Adăugarea formatării HTML și a spațiului
- 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'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
- Cu atributul CSS margin, se adaugă spațiu suplimentar în jurul elementului.
- 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
- Umplutura și marginea cresc spațiul unui element.
- Căptușeala lasă un gol care este considerat o componentă a elementului.
- Spațiul creat de marjă este considerat ca existent în afara limitelor elementului.
- 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
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ă.