·
HTML: HTML5 es un
estándar que sirve como referencia del software que conecta con la elaboración
de páginas web en sus diferentes versiones, define una estructura básica y un
código (denominado HTML) para la definición de contenido de una página web,
como texto, imágenes, vídeos, juegos, entre otros… ESTRUCTURA
·
CSS: CSS son las siglas en inglés para «hojas de estilo en
cascada» (Cascading Style Sheets). Básicamente, es un lenguaje que maneja el
diseño y presentación de las páginas web, es decir, cómo lucen cuando un
usuario las visita. Funciona junto con el lenguaje HTML que se encarga del
contenido básico de las páginas. APARIENCIA
·
JavaScript: es un lenguaje de programación que
los desarrolladores utilizan para hacer páginas web interactivas. Desde
actualizar fuentes de redes sociales a mostrar animaciones y mapas
interactivos, las funciones de JavaScript pueden mejorar la experiencia del
usuario de un sitio web. INTERACTIVIDAD
& ANIMACIÓN
La estructura de una página HTML es la
siguiente:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>
La etiqueta <!DOCTYPE html> indica qué
tipo de documento debe abrir el navegador y qué sintaxis y gramática utiliza su
código fuente.
La llave de apertura
<html> y cierre </html> para empezar la estructura de un documento
HTML.
Lo que va entre las
etiquetas <head> y </head> no es visible por el
navegador, normalmente van etiquetas CSS, etiquetas meta, el título de la
página, etc.
Y lo que hay dentro
de las etiquetas <body> y </body> es visible por el
navegador. Vemos un ejemplo:
<!DOCTYPE
html>
<html>
<head>
<title>Mi primera
página</title>
<meta charset="UTF-8"/>
<meta name="description"
content="Curso de HTML5"/>
<meta name="keywords"
content="HTML5, CSS, Javascript, disño web"/>
</head>
<body>
Esta es mi primera página en HTML5
</body>
</html>
Dentro del head hemos indicado un
título que será visible en la barra de título del navegador, etiquetas meta que
indican la descripción de la página, las palabras clave que contiene que
normalmente son las que más se repiten.
Y dentro del body hemos puesto una frase que es la que se verá en el navegador, si guardamos esta página en cualquier sitio de nuestro navegador, por ejemplo, dentro de una carpeta donde vayamos a guardar todos nuestros ejemplos y proyectos que vayamos haciendo en html, le damos el nombre de miprimerapagina y el formato es html.
>> 2. NUEVOS ELEMENTOS DE
ESTRUCTURA HTML5
0 comentarios:
Publicar un comentario