TECNOLOGIA WEB
HTML – CSS - Javascript

Que es HTML? - Caracteristicas
• HTML es el acrónimo de HyperText Markup Language
(Lenguaje de marcas de hipertexto).
• Es el lenguaje de marcas predominante para la
elaboración de paginas web.
• Se utiliza para describir y traducir la estructura y la
información en forma de texto.
• Se escribe en forma de etiquetas (tag’s) rodeada por
corchetes angulares<>.
• Puede escribir hasta cierto punto la estructura de un
documento.
• Puede incluir script que puede afectar el
comportamiento de los procesadores de HTML.

Que es HTML? – Caracteristicas (II)
• Las etiquetas usadas son case-insensitive.
– = =

• Las etiquetas, en su mayoría, tienen una etiqueta
al final para definir una región de texto.
• Esta etiqueta final esigual a la etiqueta inicial,
excepto que tiene una barra de división / luego
del primer signo <
– Ejemplo:
Este texto esta en negrita

• El texto entero desde que se inicia la etiqueta
hasta que termina se denomina Elemento

Que es HTML? – Caracteristicas (III)
• Los elementos HTML pueden anidarse pero no
sobreponerse uno entre otro, ej:
– Este texto escorto
– Este texto es corto

• Ademas los elementos HTML tienen atributos
adicionales que estan codificados como un par
nombre-valor en la etiqueta inicial. Ej:
–

Este
centrado

texto

es

un

h1

Que es XHTML?
• Extensible HyperText Markup Language =
XHTML
– Es un lenguaje de marcado igual que HTML
– Separa la presentación de un documento de laestructura de la información del documento
– Basado en HTML
– Tecnología del Consorcio W3C

Diferencia HTML vs XHTML?
• Podemos resumir las principales diferencias
en 4:
– XHTML elementos deben ser correctamente
anidado
– XHTML documentos debe ser gramaticalmente
correcto
– Los nombres de etiqueta deben estar en la
minúscula
– Todos los elementos XHTML deben estar cerrados

Que es hipertexto?
• Textoque se muestra a través de un dispositivo
electrónico, el cual permite mediante vínculos ir a
otros textos que pueden estar:
– En cualquier otro punto del mismo documento.
– En una pagina diferente en el mismo sitio web.
– En un sitio completamente diferente.

• El hipertexto quizás resume la esencia de
Internet: la capacidad de enlazar una pagina web
con otra, creando de este modo una red deinformación.

HERRAMIENTAS
• Para la elaboración de documentos HTML se
pueden utilizar editores de texto plano como
notepad, vi, kwrite, kate, gedit; hasta
herramientas que nos provean elementos que
nos faciliten la construcción de documentos
HTML, como dreamweaver, microsoft publisher,
eclipse, netbeans, microsoft visual studio,
Brackets, Bluefish etc.
• No olvidar que en esencia un documento HTMLes texto no enriquecido.

Que es una pagina web?
• Documento o información electrónica
adaptada para la World Wide Web y que
puede ser accedida mediante un navegador.
• Está compuesta principalmente por
– Información (sólo texto y/o módulos multimedia)
– Hiperenlaces
– Hoja de estilo
– Script y aplicaciones para hacerla interactiva.

• Están escritas en HTML

Que es HTML 5?
• Quinta revisiónimportante del lenguaje básico
de la World Wide Web, HTML.
• HTML5 especifica dos variantes de sintaxis
para HTML:
– Un «clásico» HTML (text/html), la variante
conocida como HTML5.
– Una variante XHTML conocida como sintaxis
XHTML5 que deberá ser servida como XML
(XHTML) (application/xhtml+xml).

Que es HTML 5?
• HTML5 es una colaboración entre el Consorcio World Wide Web
(W3C) y el Grupo de Trabajode hipertexto Aplicación de Tecnología
Web (WHATWG = Web Hypertext Application Technology Working
Group).
• WHATWG estaba trabajando con los formularios web y
aplicaciones, y la W3C estaba trabajando con XHTML 2.0. En 2006,
decidieron cooperar y crear una nueva versión de HTML.
• Se han establecido algunas reglas para HTML5:
– Las nuevas características se deben basar en HTML, CSS, DOM y...

Leer documento completo

Regístrate para leer el documento completo.