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 WebHTML. 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).12​ 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

INFORMACION OFICIAL PARA EL ESTUDIANTE DE BACHILLERATO TÉCNICO

Con el objetivo de tener en claro los procedimientos y directrices que el Ministerio ha desarrollado e implementado para la finalización del año escolar 2019 - 2020 en concordancia con los difíciles y duros momentos que hemos tenido que como sociedad afrontar, pongo en conocimiento el Instructivo que los bachilleratos técnicos debemos delinear hasta el fin del año el 30 de junio, dudas e inquietudes que tengan por favor vía correo y el mensajero de WhatsApp.

ESCRIBIENDO CÓDIGO EN VSC

Bueno, vamos ahora a crear nuestro primer código utilizando Visual Studio Code, les recuerdo que estos pasos se lo hizo también con SUBLIMETEXT 3, se preguntarán entonces, porque lo hacemos si ya conocemos este otro programa, bueno pues recordemos que estamos en un proceso de aprendizaje y no se quiere dejar pasar por alto estas herramientas, ustedes decidirán cual de ellas les es más eficiente o más cómoda para trabajar, así que bueno, hagámoslo; con el programa iniciado VSC, crearemos un nuevo archivo, así: Si das clic en nuevo archivo, aparece un cuadro de texto allí vamos a escribir index.html, inmediatamente VSC reconoce el tipo y coloca su icono en color tomate, miremos la imagen y claro, ustedes van haciendo igual en su computador: El siguiente paso: como ya el programa reconoce que se trata de un archivo HTML, escribiremos la primera sentencia en el área de trabajo " html " y nos muestra una lista, elegiremos HTML 5: entonces el programa automaticamente compl...

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...