Diseño en HTML

HTML, del inglés HyperText Markup Language (Lenguaje de marcado de hipertexto). Es el lenguaje de codificación en el que se escriben las páginas web y es bastante fácil de aprender.

Si no te gusta la idea de escribir un código HTML desde cero, hay muchos programas (algunos gratuitos), que pueden encargarse de la codificación. Consulta: Diseño en Lo que ves es lo que obtienes (WYSIWYG).

Utilizando cualquier editor de texto simple como el Bloc de notas de Windows, puedes ingresar comandos básicos de HTML que mostrarán tus páginas web cuando se carguen en tu espacio web.

Aquí te mostramos algunos comandos básicos para que pongas tu página web en marcha:

  • Cuando escribes en HTML, siempre hay una etiqueta de comienzo y fin, es decir, una acción de comienzo y fin. (Dos excepciones: las etiquetas de salto de línea y las etiquetas de imagen).
    <html> indica el comienzo de una página HTML.
    </html> indica el fin de una página HTML.
  • Entre las etiquetas <html>, necesitas head (cabeza) y un body (cuerpo), y dentro del cuerpo, necesitas un title (título). Aquí te mostramos la plantilla más básica a seguir:
    <html>
    <head>
    <title>Coloca el título de tu página web aquí</title>
    </head>
    <body>
       Coloca el contenido de tu página web aquí.
    </body>
    </html>
  • Hacer que el texto aparezca en negrita, rodéalo con las etiquetas <b> y </b> (bold, la palabra en inglés para "negrita").
    <b> indica el comienzo del texto en negrita
    </b> indica el final del texto en negrita
  • Para separar el texto en párrafos, rodéalo con etiquetas <p> y </p> (párrafo).
    <p>Este es un solo párrafo.</p>
  • Si quieres agregar espacios adicionales entre líneas de texto, usa una etiqueta <br> (break, la palabra en inglés para "salto de línea"), una <br> por cada espacio.
    Este soy yo<br>
    123 Fake Street<br>
    Anytown, ST 12345
  • Para agregar una imagen a tu página web, utiliza una etiqueta <img src="image.gif"> (imagen), donde "src" significa origen (la ubicación del archivo de imagen), y image.gif es el nombre de la imagen que vas a agregar a tu sitio.
    <img src="/fotos/vacacion.jpg" alt="Mi foto favorita de vacaciones" />
  • Para agregar enlaces a tu página web (es decir, crear enlaces a otras páginas web), utiliza una etiqueta de hipervínculo donde http://www.website.com es el sitio con el que deseas establecer el vínculo.
    <a href="http://www.website.com">texto que se mostrará</a>

Cuando hayas terminado de crear el código HTML de tu página web y tengas que guardar el archivo, dale a tu página principal, tu página de inicio, el nombre index.html. Los navegadores web mostrarán automáticamente la página index.html primero cuando alguien visite tu sitio web.

Todas las demás páginas de tu sitio deben tener nombres cortos, sin espacios, y terminar en .html. Los archivos de tu página pueden tener nombres como index.html, vacation.html, resume.html, about.html, y así sucesivamente.

¿Aún necesitas ayuda? Llama al 1.800.239.4430 o Chatea en vivo

Artículos recomendados

Pagar mi factura

Puedes pagar en línea, por correo, en persona, por teléfono y a través de la opción Auto Pay (Pago automático). ...

Leer más
Troubleshoot Internet Issues

If you're experiencing issues while trying to connect to the internet, we have troubleshooting tools for you. Automated Troubleshooting Tool Automated Troubleshooting can resolve many ...

Leer más
Guías de canales y para el usuario de FiOS TV

Con FiOS®, puedes elegir todo lo que te interese de una muy variada programación. Es fácil mirar eventos especiales PPV, canales de deportes, On Demand, diversas ofertas ...

Leer más