Manual HTML y CSS




Manual Html y CSS






Objetos
Objetos tratan los siguientes temas:
Insertar documentos html: 
Insertar objetos:  y 
Ejemplos de inserción de objetos
Insertar una página web
Insertar un archivo flash SWF
Insertar un vídeo de YouTube
Insertar un archivo PDF

Insertar documentos html: 
La etiqueta  permite insertar un documento html dentro de otro. Esta etiqueta no sepuede utilizar en documentos XHTML 1.0 Strict, pero sí en documentos XHTML 1.0 Transitional.
La etiqueta  puede aparecer como elemento de bloque o como elemento en-línea.









El documento puede estar en otro servidor, como en este ejemplo en el que se inserta un mapa de Google Maps:






Insertar objetos:  y 
La etiqueta  permite insertar cualquier tipo de documentos(no solamente de texto) dentro de un documento html. Para poder mostrar esos archivos, el navegador suele necesitar plug-ins. Algunos tipos de documentos necesitan información adicional que se proporciona mediante la etiqueta .
Ejemplos de inserción de objetos
Insertar una página web
Se puede insertar una página web en una página web mediante la etiqueta , como muestra el siguiente ejemplo.  ERROR (no puede mostrarse el objeto)



  ERROR (no puede mostrarse el objeto)


Insertar un archivo flash SWF
Se puede insertar un archivo flash SWF en cualquier página web, como muestra el siguiente ejemplo.


  
  ERROR (no puede mostrarse el objeto)

Para versiones antiguas de Internet Explorer (que no respetaban las recomendaciones del W3C) era necesario utilizar etiquetasespeciales, como los comentarios condicionales de Internet Explorer, que ilustra el siguiente ejemplo extraido de A list apart:


  
  
    
      ERROR (no puede mostrarse el objeto)
    
  

Insertar un vídeo de YouTube
Los vídeos de YouTube están en formato Flash, por lo que se pueden insertar en una página web mediante la etiqueta , como muestra el siguiente ejemplo. Para insertarotro vídeo habría que sustituir el código del vídeo en el atributo data (en el ejemplo, el código del vídeo es vZV-t3KzTpw).


  
  ERROR (no puede mostrarse el objeto)

Insertar un archivo PDF
Se puede insertar un archivo PDF en cualquier página web, como muestra el siguiente ejemplo. Para insertar otro archivo PDF habría que indicar la URI del archivo mediante el atributo data (en elejemplo, es simplemente ejemplo.pdf).


  ERROR (no puede mostrarse el objeto)

Tablas
Tablas tratan los siguientes temas:
Estructura de una tabla ()
Leyenda ()
Cuerpos de tabla (), encabezados () y pies ()
Celdas de datos () y celdas de cabecera ()
Columnas () y grupos de columnas ()

Estructura de una tabla ()
Una tabla XHTML () es una rejilla rectangular de celdas, formada por lossiguientes elementos:
Leyenda ()
Cabecera de tabla ()
Cuerpos de tabla ()
Pie de tabla ()
Esto es la leyenda
Leyenda ()

Cabecera de tabla ()
...

Cuerpos de tablas ()

Pie de tabla ()
















A su vez, tanto los cuerpos de tabla como la cabecera y el pie de tabla están formados por varias filas () formadas por varias celdas ( o ). Todas las filas tienen el mismonúmero de celdas (aunque también se pueden unir celdas horizontal y verticalmente).
Celda
Celda
...
Celda
Celda

 

 

...
 

 

Fila ()
El código fuente de una tabla sencilla (con un único ) sería el siguiente:


Ejemplo de tabla



A
B


1
A1
B1


2
A2
B2



Ejemplode tabla

A
B
1
A1
B1
2
A2
B2


Leyenda ()
La leyenda () es texto explicativo opcional que se muestra fuera de la tabla (normalmente, arriba). La leyenda no puede incluir párrafos ni otros elementos de bloque, aunque sí etiquetas en línea (, imágenes, etc).
Los navegadores dan a la leyenda el mismo ancho que a la tabla, por lo que si una leyenda es larga y la tabla estrecha, la...