El documento resume las características principales de HTML 4.0 y HTML 4.01. Explica que HTML 4.0 desarrolló el lenguaje HTML con nuevos mecanismos como hojas de estilo y scripts. HTML 4.01 corrigió errores de HTML 4.0. También describe algunos elementos y atributos nuevos de HTML 4 como mejor soporte para multimedia, scripts, estilos y accesibilidad.
Curso de introducción a HTML5 y CSS3 impartido el 1 junio de 2012 a clientes de Paradigma Tecnológico
http://www.paradigmatecnologico.com/blog/curso-de-html5-y-css3/
Java Database Connectivity (JDBC) es una interfase de acceso a bases de datos estándar SQL que proporciona un acceso uniforme a una gran variedad de bases de datos relacionales.
Curso de introducción a HTML5 y CSS3 impartido el 1 junio de 2012 a clientes de Paradigma Tecnológico
http://www.paradigmatecnologico.com/blog/curso-de-html5-y-css3/
Java Database Connectivity (JDBC) es una interfase de acceso a bases de datos estándar SQL que proporciona un acceso uniforme a una gran variedad de bases de datos relacionales.
Tema2: Tecnologías de desarrollo web (Desarrollo Aplicaciones Web)Micael Gallego
Esta presentación corresponde al "Tema 2: Tecnologías de desarrollo web" de la asignatura "Desarrollo de Aplicaciones Web" de 3º del Grado en Ingeniería del Software de la ETSII en la Universidad Rey Juan Carlos.
Que es CSS? Presentacion Basica para CSSjosuew2013
Se muestra una pequeña presentacion sobre que es CSS, cual es su historia, fases, etc. de una manera entendible. tambien se muestran algunos ejemplos de un codigo en html con CSS
Presentación del DOM (Document Object Model) de documentos HTML con Javascript. Resumen de las características más importantes y ejemplos sencillos de como utilizarlas. A través del DOM, los programas pueden acceder y modificar el contenido, estructura y estilo de los documentos HTML y XML
Instalacion de un (SGBD)sistema gestor de base de datos.SergioLopez467
En este trabajo se instalaran 2 SGBD en distintas plataformas de tipo servidor.
Se mostrarán los requerimientos de instalacion, variables de ambiente, archivos importantes para la instalación, procedimiento para instalación y configuración del DBMS.
Tema2: Tecnologías de desarrollo web (Desarrollo Aplicaciones Web)Micael Gallego
Esta presentación corresponde al "Tema 2: Tecnologías de desarrollo web" de la asignatura "Desarrollo de Aplicaciones Web" de 3º del Grado en Ingeniería del Software de la ETSII en la Universidad Rey Juan Carlos.
Que es CSS? Presentacion Basica para CSSjosuew2013
Se muestra una pequeña presentacion sobre que es CSS, cual es su historia, fases, etc. de una manera entendible. tambien se muestran algunos ejemplos de un codigo en html con CSS
Presentación del DOM (Document Object Model) de documentos HTML con Javascript. Resumen de las características más importantes y ejemplos sencillos de como utilizarlas. A través del DOM, los programas pueden acceder y modificar el contenido, estructura y estilo de los documentos HTML y XML
Instalacion de un (SGBD)sistema gestor de base de datos.SergioLopez467
En este trabajo se instalaran 2 SGBD en distintas plataformas de tipo servidor.
Se mostrarán los requerimientos de instalacion, variables de ambiente, archivos importantes para la instalación, procedimiento para instalación y configuración del DBMS.
Vídeo de la presentación: http://www.youtube.com/watch?v=EDTgmwVNGjs
XML (eXtensible Markup Language, Lenguaje de marcas extensible)
- XHTML (eXtensible Hypertext Markup Language, Lenguaje extensible de marcado de hipertexto)
- Diferencias HTML - XHTML
Más información:
- http://accesibilidadweb.dlsi.ua.es
- http://desarrolloweb.dlsi.ua.es
Autor: Sergio Luján Mora, profesor de la Universidad de Alicante (http://www.ua.es)
Know the Difference Between HTML and HTML5. seee what are the new updates in html5 and what tags you can use in html5 and make your website more beautiful and attractive
Presentación Seminario Cleformación HTML5, El lenguaje del futuroCLEFormación
CLEFormación organizó un seminario técnico gratuito sobre "HTML5, el lenguaje del futuro, nuevos paradigmas y nuevos problemas en el desarrollo de aplicaciones web". Como referentes en la Capacitación Profesional en el entorno de las Tecnologías de la Información, concretamente en cursos de programación Oracle, Java, y HTML5 quisieron reiterar su compromiso con la formación en el sector. Por eso después del seminario, comparten la presentación desarrollada por el formador.
HTML5 Nuevas Etiquetas Semánticas. Se presentan y describen las nuevas etiquetas del estándar HTML5. Aunque se repasan la mayoría de ellas se hace un mayor énfasis en etiquetas y atributos para formularios.
Qué es HTML
HTML (Hyper Text Markup Language) es el lenguaje con el que se escriben las páginas web. Es un lenguaje de hipertexto, es decir, un lenguaje que permite escribir texto de forma estructurada, y que está compuesto por etiquetas, que marcan el inicio y el fin de cada elemento del documento.
Un documento de hipertexto no sólo se compone de texto, puede contener imágenes, sonido, vídeos, etc., por lo que el resultado puede considerarse como un documento multimedia.
Los documentos HTML deben tener la extensión html o htm, para que puedan ser visualizados en los navegadores (programas que permiten visualizar las páginas web).
Los navegadores se encargan de interpretar el código HTML de los documentos, y de mostrar a los usuarios las páginas web resultantes del código interpretado.
2. HTML 4
● El lenguaje HTML 4.0 es una especificación del lenguaje
html aprobada por el World Wide Web Consortium.
● El HTML 4 desarrolla el lenguaje HTML con
mecanismos para hojas de estilo, ejecución de scripts,
marcos, objetos incluidos, soporte mejorado para texto
de derecha a izquierda y direcciones mezcladas, tablas
más ricas y mejoras en formularios, ofreciendo mejoras
de accesibilidad para personas con discapacidades.
3. HTML 4
● El HTML 4.01 es una revisión que corrigió algunos
errores que tenía el HTML 4.
4. Características
● Esta especificación, además de las características relativas a texto,
multimedia e hipervínculos de las versiones anteriores de HTML (HTML
3.2 , y HTML 2.0), HTML 4 soporta más opciones de multimedia,
lenguajes de scripts, hojas de estilo, mejores capacidades de
impresión, y documentos más accesibles a usuarios con
discapacidades. HTML 4 también da un gran paso adelante hacia la
internacionalización de los documentos, con la intención de hacer la Web
auténticamente universal.
● HTML4 es una aplicación de SGML conforme al estándar internacional
ISO 8879 -- Standard Generalized Markup Language [ISO8879].
● HTML 4.01, que es parte de la línea de especificaciones de HTML 4. La
primera versión de HTML 4 fue HTML 4.0, publicado el 18 de diciembre
de 1997 y revisado el 24 de abril de 1998. Esta especificación es la primera
Recomendación HTML 4.01. Incluye cambios no editoriales desde la
versión del 24 de abril de HTML 4.0.
5. Características
● Mejor distinción entre la estructura y la presentación de
un documento, aconsejando la utilización de hojas de
estilo en lugar de elementos y atributos de presentación
de HTML.
● Mejores formularios, incluyendo la adición de teclas de
acceso, la posibilidad de agrupar semánticamente los
controles de un formulario, la posibilidad de agrupar las
opciones SELECT semánticamente, y los rótulos activos.
● La posibilidad de codificar una descripción textual de un
objeto incluido (con el elemento OBJECT).
● Un nuevo mecanismo de mapas de imágenes en el lado
del cliente (el elemento MAP) que permite a los autores
integrar vínculos de imagen y de texto.
6. Características
● El requerimiento de que se incluya texto alternativo acompañando a las
imágenes dentro del elemento IMG y a los mapas de imágenes dentro
del elemento AREA.
● Soporte de los atributos title y lang en todos los elementos.
● Soporte de los elementos ABBR y ACRONYM
● Un espectro más amplio de medios utilizables por hojas de estilo (tty,
braille, etc.).
● Tablas mejores, incluyendo títulos, grupos de columnas y
mecanismos para facilitar su representación no visual.
● Descripciones largas para tablas, imágenes, marcos, etc.
7. Elementos HTML 4 Removidos del HTML 5
1. <acronym>
2. <applet>
3. <basefont>
4. <big>* se usa para hacer el texto más grande.
5. <center>* se usa para centrar el texto.
6. <dir>
7. <font>*
8. <frame> inserta un marco o un conjunto de marcos es utilizado para dividir el espacio de
trabajo del documento donde se encuentra, y cargar un documento html diferente en cada
marco.
9. <frameset>
10. <noframes>
11. <strike>* se usa para dibujar una línea horizontal por encima del texto. una alternativa a esta función
es usar el atributo text-decoration: line-through; mediante CSS
12. <tt>*
*Algunas de estas funciones pueden seguir siendo usadas pero mediante CSS*
8. Nuevos Elementos
● <article /> elemento que nos permite declarar un trozo del contenido como artículo. Ideal para blogs o
periódicos.
● <aside /> representa un trozo de contenido que se relaciona muy levemente con el resto del contenido.
● <dialog /> elemento que permite reprensetar conversaciones.
● <figure /> podrás usarlo para asociar con un caption un contenido incrustado, como por ejemplo
gráficos o vídeo:
● <footer /> Sección de la página para contener información sobre el autor, copyright, etc,…
● <header /> representa a la sección de cabecera.
● <nav /> representa la sección de la página orientada a la navegación.
● <section /> elemento que indica que se trata de una sección genérica.
● <audio /> y <video /> para el contenido multimedia.
● <embed /> es un elemento dedicado para contenido de plugins.
● <m /> representa el texto marcado.
● <meter /> usado para representar medidas, por ejemplo el tamaño del disco usado…
● <time /> usado para mostrar fechas y/o tiempo.
● <canvas /> usado para mostrar gráficos renderizados en tiempo real, por ejemplo gráficos, juegos, etc,…
● <commnad /> relacionado con los comandos que el usuario puede invocar.
● <datagrid /> ideal para mostrar un arbol de datos o una tabla tabulada.
● <details /> muestra información adicionar si el usuario lo demanda.
● <datalist /> junto con el nuevo atributo list para los <input /> puede ser usado para crear comboboxes:
● <event-sources /> puede ser usado para capturar eventos enviados desde servidor.
● <output /> nos indica que tipo de salida vamos producir con nuestra página.
● <progress /> representa una barra de proceso de una tarea, por ejemplo descargar,…
9. Nuevos Atributos
● media: Para conseguir una mayor consistencia con el link en los elementos <a />
● ping: Especificacremos una lista separada por espacios donde produciremos un ping
cuando se siga el enlace, para los elementos <area /> y <a />
● target: Disponible para mejorar la consistencia con el elemento <a />.
● autofocus: Destinado para indicar el elemento <input /> (no hidden), <select />,<textarea
/> o <button /> que ha de coger el foco al cargar la página.
● form: Atributo para <input />, <ouput />, <select /> <textarea />, <button /> y<fieldset
/> que permite que se sococien con un simple formulario.
● replace: atributo para <input /> <button /> y <form /> que le afectará cuando el
contenido del elemento sofra algún cambio.
● data: Para <form />, <select /> y <datalist />.
● required: Para elementos <input /> (Excepto hidden e image) y <textarea />, indica que
el campo es obligatorio.
● inputmode: Atributo para <input /> y <textarea />.
● disabled: Para <fieldset />, permite desactivar el fieldset completo.
● autocomplete, min, max, pattern, step: Para elementos <input /> permite delimitar las
posibilidades de nuestros elementos de entrada.
● list: Para elementos <datalist /> y <select />.
● template: Para <input /> y <button /> podrá usarse para repetir templates.
● scoped: Para elemento <style />, permitirá usar hojas de estilo “scoped” ??
● async: Para el elemento <script /> el ajax hecho atributo.
10. Compatibilidad e Incompatibilidad entre
navegadores
Según varias estadísticas consultadas, el navegador Internet Explorer pierde
cada vez más usuarios, frente a otros navegadores que usan el motor de
Netscape (Netscape Navigator, Mozzila, Firefox). Y esto resulta un tanto
curioso, ya que muchas páginas están 'Optimizadas' solo para IE5 ó superior.
Algunos generadores de estadísticas como Nedstat Basic o RE
INVIGORATE instalados en diversas Web confirman que casi la tercera parte
utiliza navegadores como Safari, Opera o Netscape. Esto representa un factor
muy importante a la hora de desarrollar una página accesible al mayor número
posible de usuarios.
11. Compatibilidad
El problema radica en que cada explorador puede interpretar o no ciertas
etiquetas, debido sobre todo a razones generales de política comercial y
desarrollo del Web: cuando se realizan nuevas extensiones compatibles con la
última versión de HTML, se hacen incluso antes de que se establezcan los
estándares, intentando incluir las nuevas funciones incluidas en los borradores.
Si un navegador no reconoce una etiqueta, la ignora y nada de ella aparecerá en
la página visualizada. Para realizar las extensiones de estos navegadores se
añaden nuevos atributos a las etiquetas ya existentes, o se añaden nuevas
etiquetas.
12. Compatibilidad
Además, añadido al problema de los diferentes navegadores, está el problema
de las diferentes versiones de un mismo navegador. En particular las versiones
3 y anteriores de Netscape Navigator e Internet Explorer no soportan casi nada
de DHTML (uso de HTML 4, CSS y Javascript) y el soporte del mismo en sus
versiones 4 es bastante limitado. Y del lado del usuario resulta en gran medida
frustrante encontrarse con mensajes del tipo: 'Su navegador no soporta...',
'Web optimizada para navegador tal...', etc.
La solución más práctica a todos estos problemas es ajustarnos a los estándares
(cada vez más aceptados) especificados por la W3C (www.w3c.org) sobre
HTML 4.01 y CSS. Si a la hora de escribir el código fuente de la página,
utilizamos una herramienta de autor del tipo Microsoft FrontPage,
Macromedia Dreamweaver o Adobe Golive, en más de una ocasión nos
generarán un código incompatible a los estándares. Y el tener que arreglar este
código puede llegar a ser un proceso bastante pesado.
13. DTD y versión de HTML
● Un documento HTML válido declara qué versión de
HTML se utiliza en el documento. La declaración del
tipo de documento especifica la definición del tipo de
documento (DTD) que se usa en el documento
● HTML 4.01 especifica tres DTDs, de modo que los
autores deben incluir una de las siguientes
declaraciones del tipo de documento en sus
documentos. Los DTDs varían en cuanto a los elementos
que soportan.
14. Doctype (DTD)
● Strict Strict DTD incluye todos los elementos y atributos que no han sido
desaprobados o que no aparecen en documentos con marcos. Para los documentos
que usen este DTD, utilice esta declaración del tipo de documento:
○ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
● Transitional(Transitional DTD) incluye todo lo que incluye el DTD estricto más los
elementos y atributos desaprobados (la mayoría de los cuales están relacionados con
la presentación visual). Para los documentos que usen este DTD, utilice esta
declaración del tipo de documento:
○ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
● Frameset DTD incluye todo lo que incluye el DTD Transicional más los marcos.
Para los documentos que usen este DTD, utilice esta declaración del tipo de
documento:
○ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">