Cómo crear una página web con HTML5

January 18

Tanto si eres un diseñador de página web con experiencia o no tanto, se puede construir una página básica HTML5 con bastante facilidad. Sólo tiene que abrir cualquier editor de texto y añada el siguiente código:

<! DOCTYPE HTML>
<Html lang = "es">
<Head>
<! - Basic.html ->
<Title> basic.html </ title>
<Charset meta = "UTF-8" />
</ Head>
<Body>
<h1> Nivel Uno Encabezado </ h1>
<P>
Este es un párrafo.
Tenga en cuenta que el texto se ajusta automáticamente.
</ P>

</ Body>
</ Html>

Este código crea esta página:

Cómo crear una página web con HTML5

Para construir una página básica HTML5, siga estos pasos:

  1. Comience con el tipo de documento.

    Ajuste el tipo de documento a HTML5 con esta etiqueta: <! DOCTYPE HTML> en la primera línea de su sitio web. Si deja esto, usted todavía probablemente será capaz de utilizar las características de HTML5, pero validadores tendrá que adivinar si estás usando XHTML o HTML5. (Consulte a cualquier número de películas de ciencia ficción para ver lo que sucede cuando los ordenadores hacen conjeturas acerca de las cosas.)

  2. Añadir la etiqueta <html> y especificar el idioma.

    Esta etiqueta especial indica el comienzo de una página web. Es mejor para indicar el idioma que la página está escrita en. Especifique lang = "en" para Inglés.

    Asegúrese de tener una correspondiente </ html> etiqueta en la parte inferior de la página para indicar el final de la página que se inició con la etiqueta <html> al principio de la página.

  3. Crear un <head>.

    La cabeza es como el compartimiento del motor de un coche. La gente no suele ir allí, pero hay un montón de maquinaria importante. La cabeza está vacía en este simple ejemplo, pero se llenará con JavaScript y CSS bondad pronto.

  4. Especifique el conjunto de caracteres.

    Se considera una buena forma para que el navegador sepa qué tipo de personajes a utilizar para mostrar su página. Páginas escritas en Inglés general, deben utilizar UTF-8, por lo que indicarlo con: <charset meta = "UTF-8" />.

  5. Mella su código.

    Aunque los navegadores no les importa si sangría, si lo haces cada vez que abra un nuevo elemento que no está cerrada en la misma línea, se puede alinear su comienzo y el final etiquetas para asegurarse de que la página está bien formado y que que no falte a ninguna de las etiquetas que terminan.

  6. Añadir un comentario.

    Los comentarios no son estrictamente necesarias, pero son muy buena forma. Comentarios HTML comienzan con <! - Y terminan con →. Los comentarios pueden durar varias líneas.

  7. Poner en un título con <title> </ title>.

    El título lo general aparece en la barra de título del navegador web, y también a menudo aparezca en los resultados del motor de búsqueda de su página.

  8. Incluya la mayor parte de la página en las etiquetas <body>.

    Si el área de la cabeza es el compartimento del motor, el cuerpo es el espacio para los pasajeros. La mayor parte del texto visible en el sitio web es parte del cuerpo. El </ body> es normalmente justo antes de la etiqueta </ ​​html>, como se le suele acabar con el cuerpo y luego cerrar el HTML.

  9. Utilice etiquetas de título para describir su esquema.

    Rúbrica etiquetas todas comienzan con h, seguido de un número que indica la fuerza de la partida - <h1> por ejemplo. Todos sus principales temas deben ser denotados por nivel-uno partidas. Los subtemas deben estar nivelados y dos partidas (<h2>). Los niveles de título recorrer todo el camino a h6, pero es inusual usar algo más pequeño que el nivel 3.

  10. Coloque la mayor parte del texto en párrafos.

    Coloca cada párrafo dentro de un <p> </ p> par. Aunque HTML no requiere el uso de etiquetas de párrafo, que hacen que sea mucho más fácil manejar el aspecto y el comportamiento de su texto después.

  11. Guarde el archivo con la extensión .html.

    A continuación, puede cargar el archivo en un navegador para ver cómo se ve.

Algunos elementos (especialmente las rúbricas) tienden a tener un estilo visual particular. Los estilos predeterminados están ahí sólo como directrices. Evite la tentación de recoger las partidas en función de su apariencia.