Si eres nuevo en diseño web y desarrollo front-end (HTML, CSS, Javascript), entonces puedes elegir comenzar con un editor WYSIWYG. Este acrónimo significa "lo que ves es lo que obtienes" y básicamente se refiere al software que te permite crear una página web con herramientas visuales, mientras que el software escribe algo de código entre bastidores en función de lo que estás creando. La herramienta WYSIWYG más popular disponible es la Dreamweaver de Adobe.
Dreamweaver es una buena opción para quienes recién comienzan
Si bien muchos profesionales de la red experimentados y con habilidades más refinadas ven con desprecio a Dreamweaver y su tendencia a producir marcas HTML y estilos CSS inflados, la verdad es que la plataforma sigue siendo una buena opción para aquellos que recién comienzan con el diseño de sitios web. Cuando comience a usar la opción de "vista de diseño" de Dreamweaver para crear una página web, una de las preguntas que probablemente tendrá es cómo crear un salto de línea para el contenido de esa vista.
Cuando agrega texto HTML a una página web, el navegador web mostrará ese texto como una línea larga hasta que llegue al borde de la ventana del navegador o su elemento contenedor. En ese punto, el texto se ajustará a la siguiente línea. Esto es similar a lo que sucede en cualquier software de procesamiento de textos, como Microsoft Word o Google Docs. Cuando una línea de texto no tiene más espacio en una línea horizontal, se ajustará para comenzar otra línea. Entonces, ¿qué pasa si quieres dictar dónde se rompe una línea?
Cuando presiona la tecla ENTER en la vista de diseño de Dreamweaver, el párrafo actual se cierra y comienza un nuevo párrafo. Visualmente, esto significará que esas dos líneas están separadas con un poco de espacio vertical. Esto se debe a que, de forma predeterminada, los párrafos HTML tienen relleno o márgenes (que dependen del navegador en sí) aplicados en la parte inferior del párrafo, lo que agrega ese espacio.
Esto se puede ajustar con CSS, pero la verdad es que desea que haya espacio entre los párrafos para permitir la legibilidad del sitio web. Si desea una sola línea y no un espaciado vertical amplio entre líneas, no desea utilizar la tecla INTRO porque no desea que esas líneas sean párrafos individuales.
Para estos momentos en los que no desea que comience un nuevo párrafo, debe agregar el
etiqueta en HTML. Esto también se escribe a veces como
. específicamente para las versiones de XHTML que requieren que todos los elementos estén cerrados. El final / en esa sintaxis cierra automáticamente el elemento ya que
La etiqueta no tiene su propia etiqueta de cierre. Todo esto está muy bien, pero está trabajando en Design View en Dreamweaver. Es posible que no desee saltar al código y agregar estos saltos. Eso está bien, porque puede, de hecho, agregar un salto de línea en Dreamweaver sin tener que recurrir a la vista de código.
Agregue un salto de línea en la vista de diseño de Dreamweaver:
- Coloque el cursor donde desee que comience la nueva línea.
- Mantenga pulsada la tecla Shift y presione Entrar.
¡Eso es! La simple adición de la tecla "shift" junto con la tecla ENTER agregará una
en lugar de un nuevo párrafo. Así que ahora que sabes cómo es esto, debes considerar dónde usarlo y dónde evitarlo. Recuerde, HTML está destinado a crear la estructura de un sitio, no la apariencia visual. No debes usar múltiples
Etiquetas para crear espaciado vertical debajo de los elementos en su diseño.
Para eso están las propiedades CSS para el relleno y los márgenes. Donde usarías un
La etiqueta es cuando solo necesitas un salto de línea. Por ejemplo, si está codificando una dirección de correo y ha decidido usar un párrafo, podría agregar
etiquetas como esta:
nombre de empresa Este código para la dirección es un solo párrafo, pero visualmente mostraría las tres líneas en líneas individuales con un pequeño espacio entre ellas.
Dirección
Código postal
