HTML 5.docx

4
HTML 5 ¿Qué es? Es un estándar o un lenguaje de etiquetas que une 3 tecnologías diferentes htl! css " ja#ascri$t Htl es la estructura %ss es la a$ariensa &a#a'cri$t interacti#idad " aniaci(n ¿Qué es una etiqueta? Es un c(digo que está dentro del sí)olo de a"or qué " enor que " en algunos lenguajes de etiquetas lo que se se cierra Eje$lo 'inta*is +, -.%T/0E htl1 +2htl1 Las etiquetas htl #an en estructura de ár)ol es decir anidadas una dentro de +head1+2head1 esta etiqueta se utili a $ara alacenar todo lo que el usuario no $uede #er $ero si los otores de )4squeda " les dicen que a ser $ara #isuali ar la $agina -entro del +head1 introducen las etiquetas +eta1 que son u" i$ortantes $ara otores de )4squeda "a que le dicen que caracteres esta creada la $ágina es de escrita en chino ! $ersa! latín etc Eje$lo La etiqueta +,-.%T/0E htl1 se utili a $a es eci6car enué len ua e #aos a tra)a ar 7ota8 la sinta*is no de)e odi6carse de orden En edio de las 9 etiquetas se utili a $ara e$e ar a crear la Este c(digo le dice al otor conque caracteres está escrita la $agina 7ota8 la etiqueta eta no tiene un cierre co la a"oría de las etiquetas esta se cierran esta fora

Transcript of HTML 5.docx

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 apariensaJavaScript 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 se utiliza para especificar en qu lenguaje vamos a trabajar y la etiqueta se utiliza para cerrar la etiqueta

Sintaxis 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 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 introducen las etiquetas 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 Te da una breve descripcin del contenido de la pgina web al momento que te aparece en el buscador Nota name y content son atributos.Las etiquetas de html opcionalmente pueden contener atributos Ejemplo:

La utilizan los navegadores para CATEGORISAR tu sitio web

Ejemplo

La etiqueta 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 importancia poca pero algo

La etiqueta 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