2 ¿Qué es ? El HTML5 (HyperText Markup Language) es la quinta revisión del lenguaje de marcas de hipertexto de la World Wide Web. Esta nueva versión pretende.

Slides:



Advertisements
Presentaciones similares
HTML (Historia) Rogelio Ferreira Escutia. 2 HTML, septiembre 2010 ¿Qué es? HTML, siglas de HyperText Markup Language.
Advertisements

Repaso desde HTML a XHTML
EVOLUCIÓN DE HTML.
Internet y la Web social: Diseño de páginas web
Hypertext Markup Language HTML
HTML HyperText Markup Language (Lenguaje de Marcas de Hipertexto)
Universidad Tecnologica Oteima DISEÑO DE MEDIOS Y MATERIALES MULTIMEDIOS Rigoberto Quintana M. Hojas de estilo en cascada.
3 PROGRAMAR EN UN LENGUAJE DE HIPERTEXTO L.I. OSWALDO MARTINEZ C. EDPW.
HTML5 & CSS3 Presentado Por: Fernando Ayala
XHTML.
ETIQUETAS. Importante Que es una Etiqueta: Son elementos que tienen dos propiedades básicas: atributos y contenidose crea de esta forma, Se cierra de.
HTML5 Es la quinta revisión importante del lenguaje básico de la world wide web, HTML. Al no ser reconocido en viejas versiones de navegadores por sus.
Profesora: Laura Patricia Pinto Prieto Ingeniera de sistemas Introducción a Programación 3.
HTML.
Hypertext Markup Language HTML. OBJETIVOS Conocer los fundamentos de HTML Escribir HTML usando un editor sencillo Conocer las marcas HTML Visualizar el.
Lenguaje de Programación Web Dinámico Multiplataforma Estándar abierto y accesible Elementos nuevos Retrocompatible Nueva filosofía de trabajo Impulsado.
HTML 5 Edgar Vázquez Ayala. Rolando Aarón Pérez Mandujano.
Karina Quispe. Multiplataforma Simple Esta en todos lados No es mas que simple texto Libre.
LAS PAGINAS WEB. LAS PAGINAS WEB ¿QUE ES UNA PAGINA WEB? Una página Web, también conocida como una página de Internet, es un documento electrónico.
Tecnologías Emergentes y los Negocios Unidad 4 – Diseño de Sites.
Nombre de la Institución evaluada:Poder Judicial URL de su sitio web: Evaluador:Héctor Monsalve Fecha y hora inicio de Evaluación:17.
EQUIPO JOKER ´NAVEGADORES` DIEGO ROLANDO JOSUE.
DISEÑO DE PÁGINAS WEB HTML Y CSS Tema 1: Introducción Jose Miguel Vidagany Igual.
@josedlujan. Director de Desarrollo M.T.I. José Dimas Luján Castillo
Web y Multimedia II Integrantes: Piero Álvarez Mayra Atience Jhonney Bermeo Johanna Cabrera Gabriela Cango.
USB-Ingeniería de Sistemas Programación en Internet Agosto 2015 Introducción al Html.
1. Introducción ¿Qué es HTML? HTML, siglas de HyperText Markup Language («lenguaje de marcado hipertextual»), hace referencia al lenguaje para la elaboración.
Páginas web Una página web es un documento visible en la World Wide Web mediante un navegador. Tipos de web EstáticasDinámicas Un sitio web es un conjunto.
HTML. HTML 5 Características –Es una versión basada en HTML 4 –Manejo de la aplicación y multimedia. –Tags específicos para diferentes contenidos.
HTML5 (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.
Principios, teoría y práctica sobre los conceptos de HTML básicos.
Curso de Programación PHP Nivel Básico Profesor: Sebastián Ocaño (Lic. en Sistemas) Horarios: Sábados de 11:30 a 13:30 Sitio web para encuestas y asistencias:
Validación de HTML Validación de CSS. Validación de HTML Desarrollado por: W3C Tipo de Recurso: Programa – Software Tipo de Destinatario: General Tipo.
INSERTAR. BARRA INSERTAR Páginas: Es la opción que nos permite elegir las preferencias para las páginas.
HTML HyperText Markup Language Fernando Pérez Costoya
Diseño Web HTML 5 Laboratorio Web
Santa Cruz de la Sierra-Bolivia
Como crear una pagina web
Como crear una pagina web
LENGUAJES DE CODIGO PARA DISEÑO DIGITAL
CÓDIGO HTML PRESENTADO POR: JHERSON FERNANDO TRUJILLO RUBIO
Introducción al HTML CORUNIVERSITEC Multimedia y Web
UNIDAD I: INTRODUCCIÓN AL DISEÑO WEB.
Diseño y Edición de Paginas web
2.3 Maquetación de Páginas web
NOMBRE: Andrés Camilo Diaz Bohorquez CURSO: 1101 J.M.
Diapositivas de HTML.
Navarro león Elizabeth grupo:401
Tema 4 Lenguaje HTML Parte 1.
¿Qué es internet? Una gran red de alcance mundial Web Correo electrónico P2P IRC VoIP SSH Juegos en línea Imagen.
HTML, Editores HTML, Servidores Locales
13 Clase/ 5 de noviembre 2015/ Jueves --Exposiciones -Estructura del Cuerpo HTML 5 -CCS --Maquetación en Dreanweaver.
Diseño web.
Parte 3. HTML.
Lenguajes de programación
HTML HTML es un lenguaje de marcado que se utiliza para el desarrollo de páginas de Internet. Se trata de la sigla que corresponde a HyperText Markup.
Parte 2.
Fundamentos de JAVASCRIPT
HTML 2013.
ACTIVIDAD 1.
HTML. El lenguaje de marcas de hipertexto
Implementación y administración de sitios web 2013
Creación de contenidos Web-HTML
HTML HyperText Markup Language (Lenguaje de Marcas de Hipertexto)
HTML5 es la nueva versión del lenguaje de marcado que se usa para estructurar páginas web, que actualmente todavía sigue en su evolución, gracias a él.
HTML.
Hypertext Markup Language HTML. HTML HTML es un lenguaje de marcas, sencillo, pensado para el intercambio de información en la WWW. Se trata de una "Definición.
INFORMATICA. Vamos a hablar de...HTML Conceptos del lenguaje Estructura para documentos Herramientas usadas para crear documentos Buenas prácticas.
Lenguajes del lado del cliente
Historia del HTML y de Internet Tim Berners-Lee creó la primera versión del lenguaje HTML en 1989, junto con su equipo también desarrollaron el protocolo.
Transcripción de la presentación:

2 ¿Qué es ? El HTML5 (HyperText Markup Language) es la quinta revisión del lenguaje de marcas de hipertexto de la World Wide Web. Esta nueva versión pretende remplazar al actual (X)HTML. VERSIONES HTML : HTML 2.0 HTML 3.2 HTML 4.0

3 LAS INTENSIONES: Actualmente es abusivo el uso de elementos DIV para estructurar una web en bloques. Asi mismo el empleo de tablas en exceso generaba inconvenientes, ya sea para adaptar a un dispositivo móvil. Este cambio en la semántica hace que la estructura de la web sea más coherente y fácil de entender por otras personas. Los navegadores podrán darle más importancia a las secciones de la web, facilitándole la tarea del posicionamiento SEO, así como cualquier otra aplicación que interprete sitios web.

PRIMEROS PASOS EN : 4

5 Indicarle al navegador web que el documento que está abriendo es un documento html. Para ello se emplea la línea de código: En esta versión el Doctype es mucho más simplificado y compatible con HTML y XHTML.

6 Colocar la etiqueta, allí podemos adjuntar el tipo de lenguaje del contenido de la pagina web : El atributo lang especifica el idioma del contenido del elemento. Los ejemplos comunes son "en" para inglés, "es" para español, "fr" para Francia y así sucesivamente.

7 Colocar nuestra etiqueta de cabecera de HTML, allí podremos adjuntar nuestras hojas de estilo (CSS3), nuestro códigos de JavaScript (JS), librerías externas como JQuery, entre otros. El titulo de la pagina web con :. Así mismo tendremos que indicar el lenguaje alfabético en la que estará elaborada nuestra pagina web. Finalmente crearemos el cuerpo de nuestra página web. Lo codificamos como

8

9 Las Nuevas Etiquetas Define un artículo. contenido lateral de una página. Define contenido con sonido. Usada para dibujar gráficos, por script, en el aire. (con JavaScript) Especifica en un input una lista pre definida de opciones. Especifica en un input una lista pre definida de opciones Define un contenedor de una aplicación externa (no-HTML). Define un título para una figura elemento Especifica contenido auto-contenido Define un pie página en un documento o sección

10 Las Nuevas Etiquetas Define un encabezado para un documento o sección. Grupo de encabezado ( a ) elemento. Define un campo generador de par de claves (para formularios). Define texto resaltado o marcado. Define un link de navegación. Define una sección en un documento. Define una fecha/hora. Define un video o película. Define un posible salto de línea. Scalable Vector Graphics, etiqueta para insertar dibujos y animaciones vectoriales.

11 Etiquetas Básicas

12 Elemento eliminado Utilizar en su lugar Elementos eliminados