Si es nuevo en el diseño web y el desarrollo front-end (HTML, CSS, Javascript), puede optar por empezar con un WYSIWYG editor. Este acrónimo significa "lo que ves es lo que obtienes" y básicamente se refiere al software que te permite Cree una página web utilizando herramientas visuales mientras el software escribe un código detrás de escena basado en lo que usted es. creando. La herramienta WYSIWYG más popular disponible es posiblemente Dreamweaver de Adobe.
Una buena opción para quienes recién comienzan
Si bien muchos profesionales web experimentados con más habilidades refinadas menospreciar Dreamweaver y su tendencia a producir un marcado HTML hinchado y Estilos CSS, la simple 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 empiece a utilizar la opción "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 único 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 momento, el texto pasará a la siguiente línea. Esto es similar a lo que sucede en cualquier software de procesamiento de texto, 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é sucede si desea dictar dónde se rompe una línea?
Cuando presiona ENTER en la vista de diseño de Dreamweaver
Cuando golpeas INGRESAR 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, HTML los párrafos tienen relleno o márgenes (que depende del navegador en sí) aplicado al final del párrafo que agrega ese espacio.
Esto se puede ajustar con CSS, pero la verdad es que desea que haya un espacio entre los párrafos para permitir la legibilidad del sitio web. Si desea una sola línea y ningún espacio vertical amplio entre líneas, no desea utilizar la tecla ENTRAR porque no desea que esas líneas sean párrafos individuales.
Cuando no quiere que comience un nuevo párrafo
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 versiones de XHTML que requieren que todos los elementos estén cerrados. El final / en esa sintaxis cierra automáticamente el elemento ya que el
La etiqueta no tiene su propia etiqueta de cierre. Todo esto está muy bien, pero está trabajando en la vista Diseño 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 desea que comience la nueva línea.
- Mantenga presionado el tecla Shift y presione Ingresar.
¡Eso es! La simple adición de la tecla "shift" junto con [ENTER] agregará un
en lugar de un nuevo párrafo. Entonces, ahora que sabe cómo es esto, debe considerar dónde usarlo y dónde evitarlo. Recuerda, HTML está destinado a crear la estructura de un sitio, no la apariencia visual. No deberías usar múltiples
etiquetas para crear un espacio vertical debajo de los elementos de su diseño.
Para eso están las propiedades CSS para el relleno y los márgenes. Donde usarías un
etiqueta es cuando solo necesita el salto de una sola línea. Por ejemplo, si está codificando una dirección postal y ha decidido utilizar un párrafo, puede agregar
etiquetas como esta:
nombre de empresa
Dirección
Código postal.
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.