HTML (Hyper Text Markup Language) es un lenguaje de marcado creado para compartir textos con científicos que describe semánticamente el contenido de una página web. HTML utiliza etiquetas para definir la estructura y atributos de un documento web, permitiendo crear páginas web. Ha evolucionado desde transferir textos planos hasta presentar multimedia como imágenes y video.
Le renforcement des ressources humaines et leur amélioration peuvent se faire sur 05 types de formation : initiale, continue, sur mesure, en alternance et en apprentissage.
Assises ITM 2013
Intervenciones de Costeo en Violencia Doméstica contra las Mujeres en MozambiqueGobernabilidad
Presentación sobre Intervenciones de Costeo en Violencia Doméstica contra las Mujeres en Mozambique para el seminario global sobre Experiencias y metodologías de costeo para la equidad de género, realizado en Santa cruz entre el 10 y 12 de setiembre de 2013.
Experiencias exitosas en la solución de conflictos complejosGobernabilidad
Presentación de facilitador de escenarios prospectivos Adam Kahane en el marco de la Conferencia "Experiencias exitosas en la solución de conflictos complejos", realizada el 14 de febrero de 2010 en La Paz. Puede ver más en http://bit.ly/f9HERh
Le renforcement des ressources humaines et leur amélioration peuvent se faire sur 05 types de formation : initiale, continue, sur mesure, en alternance et en apprentissage.
Assises ITM 2013
Intervenciones de Costeo en Violencia Doméstica contra las Mujeres en MozambiqueGobernabilidad
Presentación sobre Intervenciones de Costeo en Violencia Doméstica contra las Mujeres en Mozambique para el seminario global sobre Experiencias y metodologías de costeo para la equidad de género, realizado en Santa cruz entre el 10 y 12 de setiembre de 2013.
Experiencias exitosas en la solución de conflictos complejosGobernabilidad
Presentación de facilitador de escenarios prospectivos Adam Kahane en el marco de la Conferencia "Experiencias exitosas en la solución de conflictos complejos", realizada el 14 de febrero de 2010 en La Paz. Puede ver más en http://bit.ly/f9HERh
Boletín nº 3 de “Acquajet News”, un boletín informativo, cuya principal razón de ser es la de comunicar las principales novedades de Acquajet.
Acquajet es una empresa especializada en la venta y distribución de agua embotellada para oficinas y uso doméstico. Se dedica a la comercialización de fuentes refrigeradoras de agua y de filtración, pack de botellas, máquinas de café y máquinas de vending para aperitivos y snacks.
2. HTML
• HTML (Hyper Text Markup Language)
• Originado para compartir textos con científicos (1992 Tim
Berners-Lee)
• Describe semánticamente el texto
• Compuesto por una serie de comandos, marcas, o etiquetas,
también denominadas “Tags”
• Permiten definir la estructura de un documento web y
establecer los atributos del mismo.
• En resumen, es un lenguaje que permite crear páginas web y
para ello utiliza unos comandos o etiquetas que indican o
marcan qué se debe mostrar y de qué forma.
3. HTML
• El predecesor de HTML fue GML Lenguaje General de
Marcado creado por IBM
• Posteriormente mejorado por sus creadores dando el lenguaje
de marcado generalizado estándar, SGML
• Tim Berners-Lee y Anders Berglund, crearon una aplicación
simplificada del SGML se llamó HTML, lenguaje de marcas de
hipertexto, y se convirtió por su simplicidad en el servicio más
popular de la red: el servicio web
• HTML ha ido evolucionando desde la transferencia de
documentos de texto plano, a la presentación de multimedia
(imágenes, vídeo, Flash),estilos (CSS) y operatividad (CGI, ASP,
JSP, PHP,...) que no estaban presentes en un principio
4. • HTML fue víctima de la guerra de navegadores
• En 1996 se crea el consorcio W3C (www.w3.org)
desarrollando especificaciones y software de referencia.
• HTML5 está siendo desarrollado por Ian Hickson de Google
Inc. y David Hyatt de Apple junto con todas las personas que
participan en Web Hypertext Application Technology Working
Group.
6. HTML5
• HTML5 permite una mayor interacción entre nuestras páginas
web y contenido media (video, audio, entre otros) así como
una mayor facilidad a la hora de codificar un diseño básico.
7. HTML5
• Novedades
• Nuevas etiquetas semánticas
• Se dieron de baja algunas etiquetas
• Soporte nativo de multimedia (no requiere plugins)
• Sintaxis más simple
• Formularios mejorados
8. Nuevas etiquetas HTML5
• (Algunos no están soportados en todos los navegadores o
versiones de navegadores)
9. Nuevas input
• (Algunos no están soportados en todos los navegadores o
versiones de navegadores)
13. DOCTYPE
• El DOCTYPE debe ser especificado, y va en la parte de arriba
del documento HTML. Antes de la etiqueta de inicio <html>.
• Es el que indica que tipo de versión se está usando y que sepa
el navegador cómo presentarlo
• NO es casesensitive
<!DOCTYPE html> <!doctype html> <!DocType HTML>
15. html
• Representa la raiz del documento
• Debería tener siempre un atributo de lenguaje. Por ejemplo,
“en” para English, "fr" para French, “es” para Español
• Busque el idioma apropiado en http://
rishida.net/utils/subtags/index.php?list=4&submit=List
• <html> ... </html> contiene el elemento head sequido del
body
<html lang="es">
</html>
16. head
• El elemento head representa una colección de metadados.
• <head> ... </head> contiene el título, la información de la hoja
de estilos y scripts.
• El contenido del head NO SE DESPLIEGA EN EL NAVEGADOR
• <head> </head>
17. Encoding
• El encoding que va dentro del head permite transformar los
bits y bytes descargados de internet a caracteres
comprensibles
• En versiones anteriores se declaraba así:
<meta http-equiv=“Content-Type” content=“text/html” charset
=“utf-8”/>
• En html5
<meta charset=“utf-8”>
18. body
• Representa el contenido principal de la página
<body>
Aquí está el contenido visible
</body>
24. Texto
<p> Texto en <b>negrita</b>
<p> Texto en <i>cursiva</i>
<p> Texto con <u>subrayado</u>
<p> Texto en <sup>superíndice</sup>
<p> Texto en <sub>subíndice</sub>
<p> Texto <s>tachado</s>
34. Links
• Si el link llama a un archivo que se encuentra en la misma
carpeta
• Si el link llama a un archivo que está dentro de una carpeta
• Si el link llama a un archivo que está fuera de una carpeta
• Si el link llama a una página web de otro web site
36. Imágenes
• El texto alternativo es aquella frase que aparecerá en la web
cuando por el motivo que sea el navegador no consigue
mostrar la imagen.
• Search de Google
• hspace (pixels) y vspace (pixels)
• Este atributo ha sido desaprobado en HTML 4.01. Por lo tanto, su uso ya no es
recomendado.
• Establece la cantidad de espacio en blanco (en píxeles) que será insertado como
márgenes superior e inferior de la imagen.
• <img src="img/foto.png" vspace="10" />
37. tablas
• align: especifica la alineación horizontal del contenido de toda
la tabla, de una fila o de una sola celda. Por ejemplo, left,
center o right.
• valign: especifica la alineación vertical del contenido de una
celda. Por ejemplo, top, middle o bottom.
39. • Realizar la siguiente tabla.
• Observe que dentro de la tabla hay otras tablas con fondo
amarillo
http://www.w3schools.com/tags/att_table_frame.asp