Ir al contenido principal

INTRODUCCION A HTML5

HTML 5 (HyperText Markup Language, versión 5) es la quinta revisión importante del lenguaje básico de la World Wide Web, HTML. HTML5 especifica dos variantes de sintaxis para HTML: una «clásica», HTML (text/html), conocida como HTML5, y una variante XHTML conocida como sintaxis XHTML 5 que deberá servirse con sintaxis XML (application/xhtml+xml).1​2​ Esta es la primera vez que HTML y XHTML se han desarrollado en paralelo. (Fuente: Wikipedia)


HTML5: Estructura básica

HTML5 es la versión 5 del lenguaje de marcado HTML. Un documento escrito en HTML tiene una estructura básica como la siguiente:
  1. <!DOCTYPE html>
  2. <html lang="es">
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>Hola Mundo!</title>
  6. </head>
  7. <body>
  8. <h1>Hola Mundo!</h1>
  9. </body>
  10. </html>

EJERCICIO: Copie el ejercicio en un editor básico y ejecute en un navegador de internet actualizado, envíe el resultado por el correo del curso con el nombre: EJ01HTML5.html

Comentarios

  1. Interesante la forma de editar en HTML5 , pero muy buena iniciativa la de poner hola mundo , que fue uno de los primeros ejemplos puestos al publico para editar en html

    ResponderEliminar
  2. Muy sugerente la manera de explicar la version 5 del editor HTML,
    y este puede ser el mejor ejemplo ya que fueron las primeras palabras enviadas a travez de internet

    ResponderEliminar

Publicar un comentario

Entradas populares de este blog

RECORDAMOS LOS TEMAS TRATADOS

RECORDAMOS LOS TEMAS TRATADOS HTML: Qué es? HTML, siglas en inglés de H yper T ext M arkup L anguage (‘lenguaje de marcas de hipertexto’), hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que sirve de 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 código HTML) para la definición de contenido de una página web, como texto, imágenes, videos, juegos, entre otros. ( wikipedia ) ESTRUCTURA DE UNA PÁGINA WEB La página web debe estar estructurada de la siguiente manera: ALGUNOS CONCEPTOS NECESARIOS Navegador: Un navegador web (en inglés, web browser) es un software, aplicación o programa que permite el acceso a la Web, interpretando la información de distintos tipos de archivos y sitios web para que estos puedan ser vistos. La funcionalidad básica de un navegador web es permitir la visualización de documentos de texto, posiblemente ...

ASÍ RAPIDITO... COMO USAMOS SUBLIME TEXT

VAMOS CON LO QUE NOS OCUPA Sublime Text, es uno de los programas más interesantes y sencillos al momento de trabajar en el levantamiento de códigos HTML, PHP y Javascript, así que como ustedes ya han experimentado escribir html en bloc de notas, pues la cosa será más sencilla aún. Vamos pues. EL ENTORNO Se muestra como en la imagen que vemos a continuación: COMO INICIAR En sublime text debemos en primer lugar guardar el archivo con su extensión respectiva, esta extensión permitirá al programa identificar las etiquetas o códigos que debe utilizar y eso acelera la edición, ustedes han experimentado eso en visual basic. El ejemplo como se muestra en la imagen a continuación: BIEN AHORA... CÓMO FUNCIONA ESTO? Bien esto es sencillo, una vez guardado con la extensión, en este caso html, en la ventana de  edición del programa escribimos html ( minúsculas ). Seguido de la tecla TAB y sucederá la magia...naaa, sucede que sublime text identifica el programa y nos escribe a...

HECHEMOS A ANDAR EL HTML5

Bueno, ahora nos toca avanzar un poco, tenemos los pasos claros en HTML, entonces con esas ideas predefinidas en nuestro contexto web, vamos a continuar con el estudio de la versión 5 y además vamos a dar un poco de vida a nuestros diseños con CSS. Pongamos en claro algunos conceptos: HTML5 .-  (HyperText Markup Language, versión 5) es la quinta revisión del lenguaje HTML. Esta nueva versión (aún en desarrollo), y en conjunto con CSS3, define los nuevos estándares de desarrollo web, rediseñando el código para resolver problemas y actualizándolo así a nuevas necesidades. No se limita solo a crear nuevas etiquetas o atributos, sino que incorpora muchas características nuevas y proporciona una plataforma de desarrollo de complejas aplicaciones web (mediante los APIs) CSS3 .- es un lenguaje de diseño gráfico que permite definir y crear la presentación de un documento estructurado escrito en un lenguaje de marcado. Es muy usado para establecer el diseño visual de los do...