martes, 1 de agosto de 2017

Que es html5?

HTML5.
Es un estándar que auna las tecnologias html, la tecnología css y la tecnología javascript.

HTML.
Con esta tecnología lo que conseguimos es la estructura de la pagina web.

CSS.
Con esta tecnología  conseguimos la apariencia de la web.

JAVASCRIPT.
Con esta tecnología conseguimos animación e interacción.

Toda pagina web se empieza por los cimientos, (estructura o html) después con css de damos apariencia. y por ultimo se agregan cosas interactivas y se le va mas vida ,con javascript.

El comienzo de este curso lo haremos con el bloc de notas, así empezamos desde cero.El lenguaje html es un lenguaje de etiquetas. La etiqueta es un código que va dentro de los corchetes de mayor y menos, < ...> y normalmente nas en parejas de apertura y cierre. <...>  </..>.

La primera etiqueta de la estructura es   < !DOCTYPE HTML>  es la instruccion que informa a los navegadores y a los programadores de que versión de html esta hecha la pagina, en este caso se trata de html5.

Después del doctype y en la cabecera va  <html> y en el final de la web cierre  con  </html>.

Dentro de la etiqueta <html> van otras etiquetas ,la primera es  <head>con su correspondiente cierre </head>
La información que va dentro del head,no se ve en la web, solamente la etiqueta <title> y </title> que es el titulo de la web y sera lo que veamos en la pestaña de la web.

Dentro también de head también van las etiquetas de estructura <meta>  </meta>, que son de estructura general, e informan  por ejemplo de el sistema de caracteres que esta hecha la web,
ejemplo:
<meta charset="utf-8">
Esta etiqueta no tiene cierr.

La etiqueta meta tiene atributos,que son información adicional,ejemplo:
<meta name="description" content="pagina enseñanza">
Este meta describe de que va nuestra pagina en este caso seria de enseñanza y asi los navegadores nos categorizan.

<meta name="keywords" content="html,css3,javacript,diseñoweb"/>
Este meta lo que indica es que la web se dedica a programacion,html,css3......

Otro atributo a tener en cuenta es "lang" que informa del lenguaje que estamos usando, ejemplo:
<html lang="es"/>
Indica que nuestra pagina web esta hecah en leguaje español




No hay comentarios:

Publicar un comentario