SCAP SPAZIO ANCHE ANCHE più spazi non di rottura ?

Nello sviluppo web, gli spazi vengono aggiunti nei documenti HTML utilizzando il “"Codice di entità che viene anche definito spazio non di rottura. In alcuni casi, è necessaria l'aggiunta di più spazi non di rottura nel documento, come lo spazio delle schede. Pertanto, più codici di entità "" possono influire sulla sequenza del codice del documento e la pulizia.

Per affrontare questi problemi, ci sono molti altri modi per includere più spazi non di esame nel documento HTML, come "

",""Elements, CSS"margine-sinistra","imbottitura-sinistra"Proprietà e molte altre. 
 
Questo studio ti insegnerà:
 
 
Come aggiungere spazi utilizzando il codice "" entità?
 
Come aggiungere lo spazio della scheda usando l'elemento HTML ""?
 
Come aggiungere lo spazio della scheda usando html "
"Elemento?
 
Come aggiungere lo spazio della scheda utilizzando la proprietà "margine-sinistra" CSS?
 
 
Innanzitutto, attraverseremo un esempio che implementa ""Per aggiungere spazi nel documento HTML. Quindi, attraversare gradualmente le illustrazioni per dimostrare metodi diversi per aggiungere spazio a schede. 
 
Come aggiungere spazi usando il codice entità "" in HTML?
 
Per aggiungere spazi usando ""Nella pagina HTML, seguire i passaggi forniti:
 
 
Aggiungi un elemento div e assegnalo una classe "articolo". 
 
Dopodiché, posiziona un "
"Elemento per l'intestazione.
 
Quindi, aggiungi il "
"Elemento per aggiungere un paragrafo. All'inizio del paragrafo, gli spazi vengono aggiunti indicando il codice di entità "":
 
 
Sapere è potere

     La conoscenza è il potere significa che un uomo istruito ha il controllo completo sulla sua vita attraverso la forza della conoscenza. 

 
Si può vedere che gli spazi sono stati aggiunti con successo all'inizio del paragrafo:
  
Come aggiungere lo spazio della scheda usando l'elemento HTML ""?
 
L'HTML “"È un elemento in linea che viene utilizzato per contrassegnare una parte di un documento. Nell'esempio in corso, abbiamo aggiunto l'elemento con "scheda" id. Questo elemento è disegnato nel CSS per produrre spazio:
 
Sapere è potere

  La conoscenza è il potere significa che un uomo istruito ha il controllo completo sulla sua vita attraverso la forza della conoscenza.

 
Stile "Articolo" Div
 .Articolo 
Margine: auto;
larghezza: 400px;
imbottitura: 10px;
 
IL ".articolo"Viene utilizzato per accedere al""Tag, che vengono quindi applicati con le seguenti proprietà:
 
 
"larghezza"La proprietà determina la larghezza dell'elemento.
 
"margine"La proprietà determina l'altezza dell'elemento.
 
"imbottitura"Genera spazio attorno al contenuto dell'elemento.
 
 
ID "scheda" di stile
 #tab 
imbottitura-sinistra: 8px;
 
IL "#tab"Accedi al"scheda"ID dell'elemento e applica il"imbottitura-sinistra"Proprietà su di esso.
 
Produzione 
 
 
Come aggiungere lo spazio della scheda usando html "
"Elemento?
 
IL "
"L'elemento definisce il testo pre-formattato. Il testo all'interno del 
 L'elemento viene visualizzato nella pagina web così com'è.
 
Panoramica l'esempio creando prima la pagina HTML:
 
 
Aggiungi il "
"Elemento per impostare un titolo di livello due sul documento.
 
Quindi, aggiungi il "
"Tag e specifica il contenuto con la formattazione desiderata:
 
 
HTML pre -tag


Function ProductFunction (P1, P2) 
restituire p1 * p2;

 
Produzione
 
 
Come aggiungere lo spazio della scheda utilizzando la proprietà "margine-sinistra" CSS?
 
Per aggiungere spazio a schede usando il CSS "margine-sinistra"Proprietà, seguire la procedura fornita:
 
 
Innanzitutto, includi un elemento Div nel documento e assegnalo una classe "immagini". 
 
All'interno di questo elemento Div, aggiungi altri due elementi div insieme alla classe "IMG-1" E "IMG-2"Rispettivamente.
 
Ognuno di questi due elementi Div contiene immagini specificate usando il ""Tag. 
 
Questi "I tag sono associati al "src" E "larghezza"Attributi. L'attributo "SRC" specifica l'URL dell'immagine e l'attributo "larghezza" regola la larghezza dell'immagine. 
 
 
Ecco il codice HTML dello scenario sopra discusso:
 






 
La pagina HTML sembrerà così:
 
 
Passiamo verso la sezione CSS per aggiungere più spazi al "IMG-2"Classe senza utilizzare più spazi non di violazione.
 
Stile "Immagini" Div
 .immagini 
larghezza: 500px;
Margine: auto;
 
IL ".immagini"Viene utilizzato per accedere al Div HTML che contiene il"immagini" classe. La spiegazione delle proprietà sopra dichiarate è la seguente:
 
 
"larghezza"La proprietà determina la larghezza dell'elemento.
 
"margine"La proprietà determina lo spazio intorno ai lati dell'elemento.
 
 
Stile "IMG-2" Div
Accedi all'elemento Div usando il “.IMG-2":
 .img-2 
margine-sinistra: 30px;
 
IL "margine-sinistra"Proprietà con un"30px"Il valore viene applicato all'elemento Div HTML con classe"IMG-2". Questa proprietà aggiungerà lo spazio di 30px a sinistra dell'elemento.
 
Qui, il risultato mostra che la seconda immagine viene applicata con un po 'di spazio all'inizio:
  
Abbiamo elaborato l'aggiunta di spazi Tab invece di utilizzare più spazi non di rottura "".
 
Conclusione
 
In HTML, il ""Il codice di entità è comunemente utilizzato per aggiungere spazio non di rottura nel documento. Per evitare di utilizzare questo codice di entità più volte, ci sono altri modi per aggiungere spazio a tab in un documento. Questi metodi includono l'uso di HTML "
","" elementi, "margine-sinistra"Proprietà e molti altri. Questo blog ha menzionato diversi modi in cui aiutano ad aggiungere spazi Tab nel documento HTML invece di aggiungere più codici di entità "".