Espacio de pestaña en lugar de múltiples espacios no rompientes ?

En el desarrollo web, los espacios se agregan en documentos HTML utilizando el ""Código de entidad que también se conoce como el espacio no roto. En algunos casos, se requiere agregar múltiples espacios no roto en el documento, como el espacio de la pestaña. Por lo tanto, múltiples "" Los códigos de entidad pueden afectar la secuencia y la ordenación del código del documento.

Para abordar estos problemas, hay varias otras formas de incluir múltiples espacios no rompedores en el documento HTML, como "

",""Elementos, CSS"margen de pesa","pesadilla"Propiedades y muchas más. 
 
Este estudio te enseñará:
 
 
Cómo agregar espacios usando el "" Código de entidad?
 
Cómo agregar espacio de pestaña usando el elemento html ""?
 
Cómo agregar espacio de pestaña usando html "
" Elemento?
 
Cómo agregar espacio de pestaña utilizando la propiedad CSS "Margen-izquierda"?
 
 
Primero, caminaremos a través de un ejemplo que implementa ""Para agregar espacios en el documento HTML. Luego, gradualmente pase por las ilustraciones para demostrar diferentes métodos para agregar espacio de pestaña. 
 
Cómo agregar espacios usando el "" código de entidad en HTML?
 
Para agregar espacios usando ""En la página HTML, siga los pasos proporcionados:
 
 
Agregue un elemento div y asigne una clase "artículo". 
 
Después de eso, coloque un "
"Elemento para el encabezado.
 
Luego, agregue el "
"Elemento para agregar un párrafo. Al comienzo del párrafo, los espacios se agregan indicando el código de entidad "":
 
 
El conocimiento es poder

     El conocimiento es el poder significa que un hombre educado tiene un control completo sobre su vida a través de la fortaleza del conocimiento. 

 
Se puede ver que los espacios se han agregado con éxito al comienzo del párrafo:
  
Cómo agregar espacio de pestaña usando el elemento html ""?
 
El html ""Es un elemento en línea que se utiliza para marcar una parte de un documento. En el ejemplo en curso, hemos agregado el elemento con el "pestaña" identificación. Este elemento está diseñado en el CSS para producir espacio:
 
El conocimiento es poder

  El conocimiento es el poder significa que un hombre educado tiene un control completo sobre su vida a través de la fortaleza del conocimiento.

 
Estilo "Artículo" Div
 .artículo 
margen: auto;
Ancho: 400px;
relleno: 10px;
 
El ".artículo"Se usa para acceder al"Etiquetas, que luego se aplican con las siguientes propiedades:
 
 
"ancho"La propiedad determina el ancho del elemento.
 
"margen"La propiedad determina la altura del elemento.
 
"relleno"Genera espacio alrededor del contenido del elemento.
 
 
ID de estilo "Tab"
 #pestaña 
ROLED-LEFUNDA: 8PX;
 
El "#pestaña" acceder al "pestaña"ID del elemento y aplique el"pesadilla"Propiedad en él.
 
Producción 
 
 
Cómo agregar espacio de pestaña usando html "
" Elemento?
 
El "
El elemento define el texto preformateado. El texto dentro del 
 El elemento se muestra en la página web como está.
 
Descripción general del ejemplo creando primero la página HTML:
 
 
Añade el "
El elemento para establecer un encabezado del nivel dos al documento.
 
Luego, agregue el "
"Etiqueta, y especifique el contenido con el formateo deseado:
 
 
Html pre etiqueta


Función ProductFunction (P1, P2) 
return p1 * p2;

 
Producción
 
 
Cómo agregar espacio de pestaña utilizando la propiedad CSS "Margen-izquierda"?
 
Para agregar espacio de pestaña usando el CSS "margen de pesaPropiedad, siga el procedimiento proporcionado:
 
 
Primero, incluya un elemento div en el documento y asignarlo una clase "imágenes". 
 
Dentro de este elemento Div, agregue otros dos elementos DIV junto con la clase "IMG-1" y "IMG-2"Respectivamente.
 
Cada uno de estos dos elementos DIV contiene imágenes que se especifican utilizando el "" etiqueta. 
 
Estos ""Las etiquetas están asociadas con el"SRC" y "ancho"Atributos. El atributo "SRC" especifica la URL de la imagen, y el atributo "Ancho" ajusta el ancho de la imagen. 
 
 
Aquí está el código HTML del escenario discutido anteriormente:
 






 
La página HTML se verá así:
 
 
Pasemos hacia la sección CSS para agregar múltiples espacios al "IMG-2"Clase sin usar múltiples espacios no roto.
 
Estilo "Imágenes" Div
 .imágenes 
Ancho: 500px;
margen: auto;
 
El ".imágenes"Se usa para acceder al HTML Div que contiene el"imágenes" clase. La explicación de las propiedades indicadas anteriormente es la siguiente:
 
 
"ancho"La propiedad determina el ancho del elemento.
 
"margen"La propiedad determina el espacio alrededor de los lados del elemento.
 
 
Estilo "IMG-2" Div
Acceda al elemento DIV usando el ".IMG-2":
 .IMG-2 
margen-izquierda: 30px;
 
El "margen de pesa"Propiedad con un"30px"El valor se aplica al elemento HTML div que tiene clase"IMG-2". Esta propiedad agregará espacio 30px a la izquierda del elemento.
 
Aquí, el resultado muestra que la segunda imagen se aplica con algo de espacio al comienzo:
  
Hemos elaborado al agregar espacios de pestaña en lugar de usar múltiples espacios no rompientes "".
 
Conclusión
 
En HTML, el "El código de entidad se utiliza comúnmente para agregar espacio no roto en el documento. Para evitar usar este código de entidad varias veces, hay otras formas de agregar espacio de pestaña en un documento. Estos métodos incluyen el uso de HTML "
",""Elementos,"margen de pesa"Propiedad, y muchos más. Este blog ha mencionado varias formas en que ayudan a agregar espacios de pestaña en el documento HTML en lugar de agregar múltiples códigos de entidad "".