Anda di halaman 1dari 4

HTML 5

Qu es?

Es un estndar o un lenguaje de etiquetas

que une 3 tecnologas diferentes html, css y javascript


Html es la estructura
Css es la apariensa
JavaScript interactividad y animacin

Qu es una etiqueta?

Es un cdigo que est dentro del

smbolo de mayor qu y menor que y en algunos lenguajes de etiquetas lo que se abre


se cierra

Ejemplo

La etiqueta <!DOCTYPE html> se utiliza para


especificar en qu lenguaje vamos a trabajar

Sintaxis <! DOCTYPE html>


</html>
Nota; la sintaxis no debe
modificarse de orden

En medio de las 2 etiquetas se


utiliza para empezar a crear la
pgina web

Las etiquetas html van en estructura de rbol es decir anidadas una dentro de otra
<head></head>
esta etiqueta se utiliza para almacenar todo lo que el
usuario no puede ver pero si los motores de bsqueda y les dicen que a ser para
visualizar la pagina
Dentro del <head> introducen las etiquetas <meta> que son muy importantes para los
motores de bsqueda ya que le dicen que caracteres esta creada la pgina es decir esta
escrita en chino , persa, latn etc.

Ejemplo
Este cdigo le dice al motor
conque caracteres est escrita
la pagina

Nota; la etiqueta meta no tiene un cierre como


la mayora de las etiquetas esta se cierran de
esta forma

/>

La etiqueta <mata name=description content=html5, css3, javacript />


Te da una breve descripcin del contenido de la pgina web al momento que te aparece
en el buscador

Ejemplo

La utilizan los navegadores


para CATEGORISAR tu sitio
web

Nota name y
content son
atributos.
Las etiquetas de
html
opcionalmente
pueden contener
atributos
Ejemplo:
<html

La etiqueta <mata name=Keywords content=html5, css3, javacript />

Antiguamente esta etiqueta era importante para los buscadores web ya que al
escribir lo que queramos buscar comparaba las palabras clave (keywords
significa palabras clave) ejemplo:
Cursos de html5 el problema es que las personas usaban mtodos poco ticos
escribiendo cientos y cientos de palabras clave para que tu pgina saliera
cada 2 por 3 y por eso ya casi no se aunque todava le dan una cierta

La etiqueta <body></body> esta etiqueta va despus de head


La informacin visible para el usuario va aqu

Importante para guardar el archivo y que un navegador lo abra tenemos que guardarlo
con la extensin .html es recomendable guardarlo en una carpeta porque despus
pondremos ms archivos los que se guardaran en la carpeta

Por el momento como lo llamemos no importa a excepcin de


l .html este es muy importante para que la reconozca como una
pgina web

Una vez guardado el archivo comprobamos que la reconozca como una pgina web ses
as se mostrara de la siguiente forma

De pendiendo de que navegador tengamos como predeterminado


es con el que se mostrara la pgina web
Es una buena idea tener instalados los navegadores ms usados
porque por desgracia no en todos se visualiza de la misma manera
pero se intenta

Si abres el archivo no va a contener nada porque an no hemos puesto nada en el body


que es la parte donde nosotros visualizamos el contenido

Para volver a ver el cdigo asemos lo siguiente


Clic derecho abrir con
Block de notas

Si escribimos algo en el body y recargas la pagina podemos ver el cambio esto es porque
al recargar la pgina recrganos el cdigo y aadir los nuevos cambios a la pagina

Anda mungkin juga menyukai