Listado completo

Clase 2 - Estructura Html5

A lo largo de esta clase empezamos a ver la estructura básica de los archivos html y html5

Empezamos instalando un para debian, para desarrolladores en windows recomiendo encarecidamente WampServer , es un kit que nos instalará php, apache y mysql todo en uno.

También explicamos que en debian la carpeta raíz del apache se encuentra en /var/www/ y que todo lo que se guarde dentro de esa carpeta estará disponible por el servidor apache.

Por defecto el apache carga la página llamada index.html, si no la encuentra buscará la index.php y si tampoco está mostrara una lista de los elementos que hay en el servidor apache

Es recomendable guardar siempre los archivos html sin caracterés raros (eñes, acentos, mayusculas, espacios) y si queremos que sea el indice se debe llamar index.html

Para poder ver el contenido de nuestro apache local a través de nuestra maquina en un navegador debemos escribir la dirección http://localhost , también podemos ver los apaches de otros ordenadores de la red poniendo la ip en el navegador http://192.x.x.x

Estructura básica

La estructura básica de un html5 se puede ver aquí

Etiquetas html4

Hay un listado completo aquí

Etiquetas html5

Hay un listado completo de especificaciones aquí

Comenzando a utilizar etiquetas html

La primera línea de una página siempre debe ser el doctype

A continuación le sigue la etiqueta <html> y su cierre </html> que declara el principio y el final del documento html.

Dentro de la etiqueta <html> añadimos la etiqueta <head> y su cierre </head> que sirve para escribir información de nuestro html sin que se muestre en pantalla, dentro de la etiqueta head pueden ir varias etiquetas listadas aquí.

Al cerrar el </head> y antes de cerrar el </html> vendría el contenido que vamos a ver de la página entre etiquetas <body></body> dentro de la cual podremos meter todas las etiquetas html que necesitemos para hacer nuestra web.

Validación del código html

Siempre podemos comprobar si el código html que tenemos escrito cumple los estandarés web, lo podemos ver bien a través de plugins de navegadores o a través de validadores online

Es muy importante que el código esté bien estructurado y escrito para evitarnos fallos de programación más adelante.