Docsity
Docsity

Prepara tus exámenes
Prepara tus exámenes

Prepara tus exámenes y mejora tus resultados gracias a la gran cantidad de recursos disponibles en Docsity


Consigue puntos base para descargar
Consigue puntos base para descargar

Gana puntos ayudando a otros estudiantes o consíguelos activando un Plan Premium


Orientación Universidad
Orientación Universidad


HTML - Apuntes - Arquitectura Web, Apuntes de Programación Web y Tecnologías

Apuntes del curso universitario de Informatica sobre el lenguaje HTML - Los elementos HTML se conforman con una etiqueta de apertura y una de cierre entre las cuales se codifican atributos y contenido. Un documento HTML tiene básicamente un <head> (contenido no visible) y un <body> (contenido visible).

Tipo: Apuntes

2012/2013

Subido el 02/05/2013

Alejandro_87
Alejandro_87 🇦🇷

4.4

(295)

695 documentos

1 / 3

Toggle sidebar

Esta página no es visible en la vista previa

¡No te pierdas las partes importantes!

bg1
HTML (Hypertext Markup Language)
Los elementos HTML se conforman con una etiqueta de apertura y una de cierre entre las
cuales se codifican atributos y contenido.
Un documento HTML tiene básicamente un <head> (contenido no visible) y un <body>
(contenido visible).
Tags (etiquetas)
Los tags o etiquetas representan el principal elemento en un documento HTML y brindan
información especial que es utilizada para calcular la representación final del documento. Esto
significa que donde se define un tag en el código, algo sucederá en la representación del
documento, algunas veces visualmente y otras de manera oculta.
<nombre_tag atributo1="valor1" atributo2="valor2" ... evento1="funcion1" evento2="funcion2"
...>Contenido</nombre_tag>
Atributos
Los atributos de un elemento son pares de nombres y valores separados por un ‘=‘ que se
encuentran dentro de la etiqueta de apertura de algún elemento. Los valores deben estar entre
comillas.
Eventos
Los eventos son ampliamente usados en documentos HTML como una forma de asociar tags
HTML a scripts. De manera simple, los scripts son programas del lado cliente que cumplen una
cierta tarea y los eventos son las cosas que ocurren y ejecutan los scripts (por ejemplo, el
puntero del mouse pasa sobre un elemento, la página termina de cargarse, etc.).
Contenido
El contenido de un tag es en la mayoría de los casos la parte afectada por el efecto del tag (por
ejemplo, el texto mostrado en negrita para el tag HTML b), y va en medio de los tags de
apertura y cierre.
Por su naturaleza y funcionalidad, no todos los tags tienen contenido (por ejemplo, el tag HTML
img). Estos tags vacíos deben ser correctamente cerrados para hacer el documento compatible
con el estándard de código XHTML. Existen dos formas de cerrar un tag vacío: la primera es
utilizando un tag de cierre normal (</nombre_tag>) y la otra es usando una barra al final del tag
de apertura.
JavaScript
Lenguaje de programación interpretado basado en la sintaxis de C. Está basado en objetos y
guiado por eventos y ejecuta del lado del cliente.
Las funciones Javascript se incluyen en los documentos HTML interactuando con el DOM
(Document Object Model) de la página para realizar tareas no factibles de hacer con HTML
sólo.
CSS
Las hojas de estilos definen las características visuales de elementos.
Permiten separar el contenido de un documento de su presentación.
Las hojas de estilo representan un conjunto de reglas, cada una de las cuales está formada por
un selector (nombre del estilo) y la declaración (define el estilo)
docsity.com
pf3

Vista previa parcial del texto

¡Descarga HTML - Apuntes - Arquitectura Web y más Apuntes en PDF de Programación Web y Tecnologías solo en Docsity!

HTML (Hypertext Markup Language)

Los elementos HTML se conforman con una etiqueta de apertura y una de cierre entre las cuales se codifican atributos y contenido.

Un documento HTML tiene básicamente un (contenido no visible) y un (contenido visible).

Tags (etiquetas)

Los tags o etiquetas representan el principal elemento en un documento HTML y brindan información especial que es utilizada para calcular la representación final del documento. Esto significa que donde se define un tag en el código, algo sucederá en la representación del documento, algunas veces visualmente y otras de manera oculta.

Contenido

Atributos

Los atributos de un elemento son pares de nombres y valores separados por un ‘=‘ que se encuentran dentro de la etiqueta de apertura de algún elemento. Los valores deben estar entre comillas.

Eventos

Los eventos son ampliamente usados en documentos HTML como una forma de asociar tags HTML a scripts. De manera simple, los scripts son programas del lado cliente que cumplen una cierta tarea y los eventos son las cosas que ocurren y ejecutan los scripts (por ejemplo, el puntero del mouse pasa sobre un elemento, la página termina de cargarse, etc.).

Contenido

El contenido de un tag es en la mayoría de los casos la parte afectada por el efecto del tag (por ejemplo, el texto mostrado en negrita para el tag HTML b), y va en medio de los tags de apertura y cierre.

Por su naturaleza y funcionalidad, no todos los tags tienen contenido (por ejemplo, el tag HTML img). Estos tags vacíos deben ser correctamente cerrados para hacer el documento compatible con el estándard de código XHTML. Existen dos formas de cerrar un tag vacío: la primera es utilizando un tag de cierre normal () y la otra es usando una barra al final del tag de apertura.

JavaScript

Lenguaje de programación interpretado basado en la sintaxis de C. Está basado en objetos y guiado por eventos y ejecuta del lado del cliente.

Las funciones Javascript se incluyen en los documentos HTML interactuando con el DOM (Document Object Model) de la página para realizar tareas no factibles de hacer con HTML sólo.

CSS

Las hojas de estilos definen las características visuales de elementos. Permiten separar el contenido de un documento de su presentación. Las hojas de estilo representan un conjunto de reglas, cada una de las cuales está formada por un selector (nombre del estilo) y la declaración (define el estilo)

Las hojas de estilo se denominan en cascada porque poseen un comportamiento jerárquico que permite hacer overwrite de las características definidas. La jerarquía está dada por:

  • línea
  • nombre
  • clase
  • tipo

Cada uno de los niveles enumerados ‘pisa’ al anterior.

DHTML

Es solo un termino marketinero para dar la idea de un HTML que provee algo mas que una pagina estática, y que otorga cierta interacción. Está representado por la suma de JavaScript + DOM + CSS.

XML

Lenguaje estándar para definir estructuras de datos. Se definen por medio de tags anidados.A diferencia de HTML los tags son elección del programador.

Se utiliza para transmitir estructuras de datos. XML permite intercambiar data entre sistemas que no son compatibles. Si genero data respetando la estructura de XML en un sistema, la puedo leer desde otro que sepa como leer XML.

DTD

A traves del DTD el usuario puede declarar que tipo de dato esta usando. Las DTD son muy pobres en la definición del tipo de datos.

XMLSCHEMA

Es XML con reglas para validar, lo cual permite mayor granularidad que DTD.

DOM

Representa los elementos de una página Web en memoria como una colección de objetos Es una interface (independiente del lenguaje) que permite a los scripts acceder dinámicamente y actualizar el contenido, la estructura y el estilo de los documentos.

El DOM es creado por el navegador Web que interpreta el HTML y genera un modelo de objetos en memoria que representa todos los objetos del documento jerárquicamente.

Su comportamiento difiere de un navegador a otro.

Código XHTML

Es la combinación de HTML y XML.

Tiene las mismas funciones que el HTML pero con una sintáxis más estricta (como el XML).

Surge para facilitar el acceso a la web de nuevos dispositivos (Por ejemplo: dispositivos móviles).