Aprenda cómo agregar fácilmente espacios en párrafos en HTML
Para usted, como un principiante que quiere crear un sitio web, por supuesto, aprender HTML es una de las obligaciones que debe cumplir. Porque HTML es el lenguaje de programación estándar utilizado para construir un sitio web.
Uno de los componentes más importantes que debe conocer es la creación de espacios en HTML. Por supuesto, usted, como creador de un sitio web, debe proporcionar comodidad a sus lectores o visitantes del sitio web proporcionando la distancia correcta a la escritura para que se vea atractivo y fácil de leer.
Cómo crear espacios en HTML
Hay varias formas que puede usar para crear espacios en HTML. Aquí hay algunas formas que puede usar de acuerdo con las necesidades de su sitio web.
1. Usar
La primera forma de crear espacios en HTML es usar el código o espacio que no se rompe. Este código de espacio HTML único tiene un valor de un espacio. El punto es que cada código lo que escribe significa lo mismo que hace clic en la tecla de espacio. El siguiente es el script o código para usar
El siguiente es el resultado del script o código anterior:
Debe recordar que no importa cuántas veces haga clic en la barra espaciadora del teclado, el resultado que se mostrará seguirá siendo un espacio. Esto se debe a que HTML solo reconoce un clic para un espacio. Sin embargo, si desea usar más de un espacio para separar palabras, puede usar el script . el. Por ejemplo, como la imagen de abajo.
Una de las ventajas de utilizar Esto es cuando crea una sola palabra que no estará separada por líneas, incluso si está al final de la línea o si se reduce el tamaño del navegador web. Además, el también se puede reemplazar con . Ambos códigos tienen el mismo significado y función.
2. Usar
La segunda forma de crear espacios en HTML es usar el código . Entonces, ¿cuál es la diferencia con la primera forma? Código solo da 1 espacio entre palabras, mientras que puede dar la distancia entre palabras tanto como 2 espacios a la vez. Por lo tanto, no necesita escribir 2 veces si desea dar 2 espacios, solo necesita escribir el código sólo una vez.
El siguiente es un ejemplo del uso de un script o código
Y se mostrarán los siguientes resultados.
La primera y la segunda línea de la imagen tienen el mismo espacio entre palabras, aunque utilizan dos códigos HTML diferentes. Esto ilustra la diferencia en el uso de los dos códigos de espacio HTML.
3. Uso de
La siguiente forma de crear espacios en HTML es usar código . Si el código tiene un valor igual a un espacio y el código tiene un valor igual a dos espacios, entonces también hay un código de espacio en HTML que tiene un valor mayor que eso. Usando hará que la distancia entre palabras sea igual a cuatro espacios.
Uso de código por supuesto, resumirá en gran medida el uso del código en HTML. Para ampliar la distancia entre las palabras, solo necesita escribir un código sin tener que escribirlo repetidamente. El siguiente es un ejemplo del uso de .
El siguiente es el resultado del código anterior.
Para ver la diferencia en el espaciado de cada código, escriba el código a continuación.
A continuación se muestra el resultado de visualización del código anterior.
Está claro que la diferencia de distancia entre los tres métodos es clara. Lo que debe recordar es el puede afectar el truncamiento de cada línea, pero el o no afectará el corte de línea.
4. Uso del espacio entre palabras
Además de los tres métodos anteriores, hay otras formas que puede usar para configurar el espacio en HTML con un valor de espacio que puede configurar usted mismo. Este código puede establecer la distancia entre palabras en cada párrafo con el mismo valor entre palabras.
Este método utiliza código CSS. Aquí hay un ejemplo del uso de este código:
El código anterior hace que el espacio entre las palabras sea 1em o 1 espacio. A continuación se muestra una visualización del código anterior.
Para establecer el tamaño, puede usar em o también puede ser px o porcentaje. A continuación se muestra un ejemplo comparativo del uso del código anterior para crear espacios en HTML:
Y este es el resultado del código anterior.
Entonces, este artículo analiza cómo hacer espacios en HTML muy fácilmente. Puede elegir entre los cuatro métodos anteriores según sus necesidades. Esperemos que este artículo pueda ser útil y útil para usted. Gracias