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

Cargar mi sitio web

A estas alturas, ya deberías haber codificado tu sitio web y tenerlo guardado en el Bloc de notas (o cualquier editor de texto simple) o haberlo creado en un programa de  Lo que ...

Leer más
Políticas de Frontier

Lee la Política de uso aceptable (AUP) de Frontier. Todos los clientes de Frontier deben cumplir con estas normas. Estas son las políticas de Frontier con respecto a algunos ...

Leer más
Chatear, leer noticias y mucho más

La conexión a internet es mucho más que el correo electrónico y la navegación por la web. Aquí te mostramos otros dos servicios que pueden interesarte y ...

Leer más