taller xhtml y css3 - xhtml
Post on 14-Apr-2017
198 Views
Preview:
TRANSCRIPT
CONCEPTOS GENERALESXHTML
Taller de XHTML y CSS3Nivel Basico - Parte I
Julian Fernandez Ortiz
Vicepresidente de IEEE Student Branch of GranadaGrado en Ingenierıa Electronica Industrial
julian.fernandez.es@ieee.org
Ruben Martın Moreno
Vocal en IEEE Student Branch of GranadaGrado en Estadıstica
ruben.martinmoreno.es@ieee.org
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Licencia
Este documento esta realizado bajo licencia “CC˜BY-SA˜3.0” .Este documento esta Fuente: Curso desarrollado por IEEE StudentBranch of Granada
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Indice
1 CONCEPTOS GENERALESEstructura de un Sitio WebLos Estandares Web - W3C
2 XHTMLEstructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de un Sitio WebLos Estandares Web - W3C
Indice
1 CONCEPTOS GENERALESEstructura de un Sitio WebLos Estandares Web - W3C
2 XHTMLEstructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de un Sitio WebLos Estandares Web - W3C
Indice
1 CONCEPTOS GENERALESEstructura de un Sitio WebLos Estandares Web - W3C
2 XHTMLEstructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de un Sitio WebLos Estandares Web - W3C
Estructura de Arbol
Existe una pagina principaldesde la que puedes llegara otras paginas de la web
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de un Sitio WebLos Estandares Web - W3C
Estructura en Listas
Las paginas estanenlazadas con suscontiguas
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de un Sitio WebLos Estandares Web - W3C
Estructura Mixta
Aprovecha las dosanteriores
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de un Sitio WebLos Estandares Web - W3C
Estructura en Red
Paginas totalmenteinterconectadas
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de un Sitio WebLos Estandares Web - W3C
Indice
1 CONCEPTOS GENERALESEstructura de un Sitio WebLos Estandares Web - W3C
2 XHTMLEstructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de un Sitio WebLos Estandares Web - W3C
Se exige que se usen los elementos
DOCTYPEHEADBODYHTML
Se exige que se cierren todas las etiquetas
Se exige el uso de comillas en torno a valores de atributos
Todos los elementos deben estar en minuscula
Todos los valores han de indicarse de forma explıcita
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de un Sitio WebLos Estandares Web - W3C
Se exige que se usen los elementos
DOCTYPEHEADBODYHTML
Se exige que se cierren todas las etiquetas
Se exige el uso de comillas en torno a valores de atributos
Todos los elementos deben estar en minuscula
Todos los valores han de indicarse de forma explıcita
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de un Sitio WebLos Estandares Web - W3C
Se exige que se usen los elementos
DOCTYPEHEADBODYHTML
Se exige que se cierren todas las etiquetas
Se exige el uso de comillas en torno a valores de atributos
Todos los elementos deben estar en minuscula
Todos los valores han de indicarse de forma explıcita
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de un Sitio WebLos Estandares Web - W3C
Se exige que se usen los elementos
DOCTYPEHEADBODYHTML
Se exige que se cierren todas las etiquetas
Se exige el uso de comillas en torno a valores de atributos
Todos los elementos deben estar en minuscula
Todos los valores han de indicarse de forma explıcita
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de un Sitio WebLos Estandares Web - W3C
Se exige que se usen los elementos
DOCTYPEHEADBODYHTML
Se exige que se cierren todas las etiquetas
Se exige el uso de comillas en torno a valores de atributos
Todos los elementos deben estar en minuscula
Todos los valores han de indicarse de forma explıcita
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de un Sitio WebLos Estandares Web - W3C
Se exige que se usen los elementos
DOCTYPEHEADBODYHTML
Se exige que se cierren todas las etiquetas
Se exige el uso de comillas en torno a valores de atributos
Todos los elementos deben estar en minuscula
Todos los valores han de indicarse de forma explıcita
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de un Sitio WebLos Estandares Web - W3C
W3C
https://validator.w3.org/#validate_{}by_{}input
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de un Sitio WebLos Estandares Web - W3C
W3C
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Indice
1 CONCEPTOS GENERALESEstructura de un Sitio WebLos Estandares Web - W3C
2 XHTMLEstructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Indice
1 CONCEPTOS GENERALESEstructura de un Sitio WebLos Estandares Web - W3C
2 XHTMLEstructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Definicion del Documento
Declaracion DOCTYPE<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Etiqueta HTML
<html xmlns="http://www.w3.org/1999/xhtml">
...
</html>
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Cabecera
Incluye:
Tıtulo de la pagina
Informacion importante para losmotores de busqueda(Etiquetas)
Ubicacion
Hojas de estilos (CSS)
Scripts
<head>
<title>CURSO XHTML Y CSS</title>
</head>
IMPORTANTE
La declaracion de un tıtulo para lapagina es OBLIGATORIA
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Cabecera
Incluye:
Tıtulo de la pagina
Informacion importante para losmotores de busqueda(Etiquetas)
Ubicacion
Hojas de estilos (CSS)
Scripts
<head>
<title>CURSO XHTML Y CSS</title>
</head>
IMPORTANTE
La declaracion de un tıtulo para lapagina es OBLIGATORIA
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Cabecera
Incluye:
Tıtulo de la pagina
Informacion importante para losmotores de busqueda(Etiquetas)
Ubicacion
Hojas de estilos (CSS)
Scripts
<head>
<title>CURSO XHTML Y CSS</title>
</head>
IMPORTANTE
La declaracion de un tıtulo para lapagina es OBLIGATORIA
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Cabecera
Incluye:
Tıtulo de la pagina
Informacion importante para losmotores de busqueda(Etiquetas)
Ubicacion
Hojas de estilos (CSS)
Scripts
<head>
<title>CURSO XHTML Y CSS</title>
</head>
IMPORTANTE
La declaracion de un tıtulo para lapagina es OBLIGATORIA
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Cabecera
Incluye:
Tıtulo de la pagina
Informacion importante para losmotores de busqueda(Etiquetas)
Ubicacion
Hojas de estilos (CSS)
Scripts
<head>
<title>CURSO XHTML Y CSS</title>
</head>
IMPORTANTE
La declaracion de un tıtulo para lapagina es OBLIGATORIA
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Cabecera
Incluye:
Tıtulo de la pagina
Informacion importante para losmotores de busqueda(Etiquetas)
Ubicacion
Hojas de estilos (CSS)
Scripts
<head>
<title>CURSO XHTML Y CSS</title>
</head>
IMPORTANTE
La declaracion de un tıtulo para lapagina es OBLIGATORIA
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Cabecera
Incluye:
Tıtulo de la pagina
Informacion importante para losmotores de busqueda(Etiquetas)
Ubicacion
Hojas de estilos (CSS)
Scripts
<head>
<title>CURSO XHTML Y CSS</title>
</head>
IMPORTANTE
La declaracion de un tıtulo para lapagina es OBLIGATORIA
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Cabecera
METADATOS mas usuales<meta charset="UTF-8">
<meta name="description" content="CURSO XHTML Y CSS">
<meta name="keywords" content="HTML,CSS,XML,XHTML">
<meta name="author" content="Julian Fernandez; Ruben Martın">
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Cabecera
<head>
<title>CURSO XHTML Y CSS</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Language" content="Espa~nol" />
<link href="style.css" rel="stylesheet" type="text/css" />
<script><!--SCRIPT--></script>
</head>
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Cuerpo
Contenido de la web
Se incluye el texto, imagenes yvıdeos que queremos que semuestren en la web
<body>
<!--Contenido de tu Pagina-->
</body>
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
En Resumen...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><!--Tıtulo en la Pesta~na de Busqueda--></title>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Language" content="Espa~nol" />
<link href="../style/style.css" rel="stylesheet" type="text/css" />
<!--SCRIPTS-->
</head>
<body>
<!--Contenido de tu Pagina-->
</body>
</html>
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
En Resumen...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><!--Tıtulo en la Pesta~na de Busqueda--></title>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Language" content="Espa~nol" />
<link href="../style/style.css" rel="stylesheet" type="text/css" />
<!--SCRIPTS-->
</head>
<body>
<!--Contenido de tu Pagina-->
</body>
</html>
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
En Resumen...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><!--Tıtulo en la Pesta~na de Busqueda--></title>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Language" content="Espa~nol" />
<link href="../style/style.css" rel="stylesheet" type="text/css" />
<!--SCRIPTS-->
</head>
<body>
<!--Contenido de tu Pagina-->
</body>
</html>
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
En Resumen...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><!--Tıtulo en la Pesta~na de Busqueda--></title>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Language" content="Espa~nol" />
<link href="../style/style.css" rel="stylesheet" type="text/css" />
<!--SCRIPTS-->
</head>
<body>
<!--Contenido de tu Pagina-->
</body>
</html>
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Indice
1 CONCEPTOS GENERALESEstructura de un Sitio WebLos Estandares Web - W3C
2 XHTMLEstructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Tipos de etiquetas mas utilizadas (e imprescindibles)
Encabezados
Parrafo
Tipologıa de letra
Script
Codigo
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Encabezados
Son jerarquicos entre sı
<h1>...</h1>
<h2>...</h2>
<h3>...</h3>
<h4>...</h4>
<h5>...</h5>
<h6>...</h6>
RECUERDA
Cuanto mas pequeno es elnumero mas grande la letra
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Encabezados
Son jerarquicos entre sı
<h1>...</h1>
<h2>...</h2>
<h3>...</h3>
<h4>...</h4>
<h5>...</h5>
<h6>...</h6>
RECUERDA
Cuanto mas pequeno es elnumero mas grande la letra
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Parrafos
Todo el texto debe irencerrado en parrafos
<p>...</p>
RECUERDA
Es bueno separar cada parrafode manera independiente paraque sea mas facil el uso deidentificadores
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Parrafos
Todo el texto debe irencerrado en parrafos
<p>...</p>
RECUERDA
Es bueno separar cada parrafode manera independiente paraque sea mas facil el uso deidentificadores
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Parrafos
<abbr>...</abbr>
<b>...</b>
<i>...</i>
<em>...</em>
<u>...</u>
<s>...</s>
<sub>...</sub>
<sup>...</sup>
Abreviatura
Negrita
Cursiva
Enfatizado
Subrayado
Tachado
Subındice1
Superındice1
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Parrafos
<abbr>...</abbr>
<b>...</b>
<i>...</i>
<em>...</em>
<u>...</u>
<s>...</s>
<sub>...</sub>
<sup>...</sup>
Abreviatura
Negrita
Cursiva
Enfatizado
Subrayado
Tachado
Subındice1
Superındice1
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Parrafos
<abbr>...</abbr>
<b>...</b>
<i>...</i>
<em>...</em>
<u>...</u>
<s>...</s>
<sub>...</sub>
<sup>...</sup>
Abreviatura
Negrita
Cursiva
Enfatizado
Subrayado
Tachado
Subındice1
Superındice1
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Parrafos
<abbr>...</abbr>
<b>...</b>
<i>...</i>
<em>...</em>
<u>...</u>
<s>...</s>
<sub>...</sub>
<sup>...</sup>
Abreviatura
Negrita
Cursiva
Enfatizado
Subrayado
Tachado
Subındice1
Superındice1
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Parrafos
<abbr>...</abbr>
<b>...</b>
<i>...</i>
<em>...</em>
<u>...</u>
<s>...</s>
<sub>...</sub>
<sup>...</sup>
Abreviatura
Negrita
Cursiva
Enfatizado
Subrayado
Tachado
Subındice1
Superındice1
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Parrafos
<abbr>...</abbr>
<b>...</b>
<i>...</i>
<em>...</em>
<u>...</u>
<s>...</s>
<sub>...</sub>
<sup>...</sup>
Abreviatura
Negrita
Cursiva
Enfatizado
Subrayado
Tachado
Subındice1
Superındice1
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Parrafos
<abbr>...</abbr>
<b>...</b>
<i>...</i>
<em>...</em>
<u>...</u>
<s>...</s>
<sub>...</sub>
<sup>...</sup>
Abreviatura
Negrita
Cursiva
Enfatizado
Subrayado
Tachado
Subındice1
Superındice1
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Parrafos
<abbr>...</abbr>
<b>...</b>
<i>...</i>
<em>...</em>
<u>...</u>
<s>...</s>
<sub>...</sub>
<sup>...</sup>
Abreviatura
Negrita
Cursiva
Enfatizado
Subrayado
Tachado
Subındice1
Superındice1
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Parrafos
<abbr>...</abbr>
<b>...</b>
<i>...</i>
<em>...</em>
<u>...</u>
<s>...</s>
<sub>...</sub>
<sup>...</sup>
Abreviatura
Negrita
Cursiva
Enfatizado
Subrayado
Tachado
Subındice1
Superındice1
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Parrafos
Escribir codigo
<code>...</code>
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Indice
1 CONCEPTOS GENERALESEstructura de un Sitio WebLos Estandares Web - W3C
2 XHTMLEstructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Hipervınculos
Los enlaces nos permiten hacer relaciones internas (a secciones) oexternas (a otra web o contenido) en nuestra pagina
Estructura Basica
<a href="#">...</a>
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Relaciones Internas
Para crear nuestro punto dellegada deberemos aplicar
<a name="id">...</a>
al texto deseado
Y para el punto de partidaaplicamos
<a href="#id">...</a>
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Relaciones Internas
Para crear nuestro punto dellegada deberemos aplicar
<a name="id">...</a>
al texto deseado
Y para el punto de partidaaplicamos
<a href="#id">...</a>
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Relaciones Externas
Pueden ser locales o estar alojadas en internet
Enlazan otras webs o archivos
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Relaciones Externas
Internet - WEB<a href="http://www.google.com">Google</a>
Internet - PDF<a href="http://www.ejemplo.com/informe.pdf">Ejemplo [PDF]</a>
Local - WORD<a href="/informe.doc">Ejemplo [DOC]</a>
Local - JPG (En Nueva Pestana)
<a href="../imagenes/fondo_escritorio.jpg" target="_blank">
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Relaciones Externas
Internet - WEB<a href="http://www.google.com">Google</a>
Internet - PDF<a href="http://www.ejemplo.com/informe.pdf">Ejemplo [PDF]</a>
Local - WORD<a href="/informe.doc">Ejemplo [DOC]</a>
Local - JPG (En Nueva Pestana)
<a href="../imagenes/fondo_escritorio.jpg" target="_blank">
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Relaciones Externas
Internet - WEB<a href="http://www.google.com">Google</a>
Internet - PDF<a href="http://www.ejemplo.com/informe.pdf">Ejemplo [PDF]</a>
Local - WORD<a href="/informe.doc">Ejemplo [DOC]</a>
Local - JPG (En Nueva Pestana)
<a href="../imagenes/fondo_escritorio.jpg" target="_blank">
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Relaciones Externas
Internet - WEB<a href="http://www.google.com">Google</a>
Internet - PDF<a href="http://www.ejemplo.com/informe.pdf">Ejemplo [PDF]</a>
Local - WORD<a href="/informe.doc">Ejemplo [DOC]</a>
Local - JPG (En Nueva Pestana)
<a href="../imagenes/fondo_escritorio.jpg" target="_blank">
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Relaciones Externas - emails
email en Nueva Pestana<a href="mailto:ieee@ieee.org" target="_blank">Envıanos un email</a>
email en Nueva Pestana + Asunto<a href="mailto:ieee@ieee.org?subject=ASUNTO" target="_blank">
Envıanos un email</a>
email en Nueva Pestana + Texto<a href="mailto:ieee@ieee.org?body=TEXTO" target="_blank">
Envıanos un email</a>
email en Nueva Pestana + Asunto + Texto<a href="mailto:ieee@ieee.org?subject=ASUNTO&body=TEXTO" target="_blank">
Envıanos un email</a>
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Relaciones Externas - emails
email en Nueva Pestana<a href="mailto:ieee@ieee.org" target="_blank">Envıanos un email</a>
email en Nueva Pestana + Asunto<a href="mailto:ieee@ieee.org?subject=ASUNTO" target="_blank">
Envıanos un email</a>
email en Nueva Pestana + Texto<a href="mailto:ieee@ieee.org?body=TEXTO" target="_blank">
Envıanos un email</a>
email en Nueva Pestana + Asunto + Texto<a href="mailto:ieee@ieee.org?subject=ASUNTO&body=TEXTO" target="_blank">
Envıanos un email</a>
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Relaciones Externas - emails
email en Nueva Pestana<a href="mailto:ieee@ieee.org" target="_blank">Envıanos un email</a>
email en Nueva Pestana + Asunto<a href="mailto:ieee@ieee.org?subject=ASUNTO" target="_blank">
Envıanos un email</a>
email en Nueva Pestana + Texto<a href="mailto:ieee@ieee.org?body=TEXTO" target="_blank">
Envıanos un email</a>
email en Nueva Pestana + Asunto + Texto<a href="mailto:ieee@ieee.org?subject=ASUNTO&body=TEXTO" target="_blank">
Envıanos un email</a>
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Relaciones Externas - emails
email en Nueva Pestana<a href="mailto:ieee@ieee.org" target="_blank">Envıanos un email</a>
email en Nueva Pestana + Asunto<a href="mailto:ieee@ieee.org?subject=ASUNTO" target="_blank">
Envıanos un email</a>
email en Nueva Pestana + Texto<a href="mailto:ieee@ieee.org?body=TEXTO" target="_blank">
Envıanos un email</a>
email en Nueva Pestana + Asunto + Texto<a href="mailto:ieee@ieee.org?subject=ASUNTO&body=TEXTO" target="_blank">
Envıanos un email</a>
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Indice
1 CONCEPTOS GENERALESEstructura de un Sitio WebLos Estandares Web - W3C
2 XHTMLEstructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Listas
Existen 2 tipos
Ordenadas
Desordenadas
RECUERDA
Las listas se pueden anidar, ya sean del mismo o de distinto tipo
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Listas
Existen 2 tipos
Ordenadas
Desordenadas
RECUERDA
Las listas se pueden anidar, ya sean del mismo o de distinto tipo
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Listas Ordenadas
<ol>
<li>Padre
<ol>
<li>Hijo1</li>
<li>Hijo2</li>
<li>Hijo3
<ol>
<li>Nieto</li>
</ol></li>
</ol></li>
</ol>
1 Padre
1 Hijo12 Hijo23 Hijo3
1 Nieto
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Listas Ordenadas
<ol>
<li>Padre
<ol>
<li>Hijo1</li>
<li>Hijo2</li>
<li>Hijo3
<ol>
<li>Nieto</li>
</ol></li>
</ol></li>
</ol>
1 Padre
1 Hijo12 Hijo23 Hijo3
1 Nieto
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Listas Desordenadas
<ul>
<li>Padre
<ul>
<li>Hijo1</li>
<li>Hijo2</li>
<li>Hijo3
<ul>
<li>Nieto</li>
</ul></li>
</ul></li>
</ul>
Padre
Hijo1Hijo2Hijo3
Nieto
RECUERDA
Los listas desordenadas son lasmas utilizadas a la hora de crearmenus
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Listas Desordenadas
<ul>
<li>Padre
<ul>
<li>Hijo1</li>
<li>Hijo2</li>
<li>Hijo3
<ul>
<li>Nieto</li>
</ul></li>
</ul></li>
</ul>
Padre
Hijo1Hijo2Hijo3
Nieto
RECUERDA
Los listas desordenadas son lasmas utilizadas a la hora de crearmenus
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Listas Desordenadas
<ul>
<li>Padre
<ul>
<li>Hijo1</li>
<li>Hijo2</li>
<li>Hijo3
<ul>
<li>Nieto</li>
</ul></li>
</ul></li>
</ul>
Padre
Hijo1Hijo2Hijo3
Nieto
RECUERDA
Los listas desordenadas son lasmas utilizadas a la hora de crearmenus
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Tablas
Etiquetas para construir una tabla
Obligatorias
<table>...</table>
<tr>...</tr>
<td>...</td>
Opcionales
<th>...</th>
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Tablas
Etiquetas para construir una tabla
Obligatorias
<table>...</table>
<tr>...</tr>
<td>...</td>
Opcionales
<th>...</th>
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Tablas
<table>
<tr>
<td><strong>XHTML</strong></td>
<td><strong>CSS</strong></td>
</tr>
<tr>
<td>Contenido</td>
<td>Forma</td>
</tr>
<tr>
<td>Texto</td>
<td>Formato</td>
</tr>
</table>
XHTML CSSContenido FormaTexto Formato
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Tablas
<table>
<tr>
<th>XHTML</th>
<th>CSS</th>
</tr>
<tr>
<td>Contenido</td>
<td>Forma</td>
</tr>
<tr>
<td>Texto</td>
<td>Formato</td>
</tr>
</table>
XHTML CSSContenido FormaTexto Formato
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Indice
1 CONCEPTOS GENERALESEstructura de un Sitio WebLos Estandares Web - W3C
2 XHTMLEstructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Etiquetas
Tipos de etiquetas para insertar contenido externo en la web
<img>...</img>
<audio>...</audio>
<video>...</video>
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Etiquetas
Tipos de etiquetas para insertar contenido externo en la web
<img>...</img>
<audio>...</audio>
<video>...</video>
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Etiquetas
Tipos de etiquetas para insertar contenido externo en la web
<img>...</img>
<audio>...</audio>
<video>...</video>
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Imagenes
Atributos utiles a la hora de insertar imagenes
src=“#”
Indica la URL para encontrar laimagen
name=“#”
Nombre de la imagen
alt=“#”
Pequena descripcion de la imagen
longdesc=“#”
Indica una URL donde encontraruna descripcion mas detallada dela imagen
height=“#”
Altura obligada de la imagen
width=“#”
Anchura obligada de la imagen
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Imagenes
Atributos utiles a la hora de insertar imagenes
src=“#”
Indica la URL para encontrar laimagen
name=“#”
Nombre de la imagen
alt=“#”
Pequena descripcion de la imagen
longdesc=“#”
Indica una URL donde encontraruna descripcion mas detallada dela imagen
height=“#”
Altura obligada de la imagen
width=“#”
Anchura obligada de la imagen
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Imagenes
Atributos utiles a la hora de insertar imagenes
src=“#”
Indica la URL para encontrar laimagen
name=“#”
Nombre de la imagen
alt=“#”
Pequena descripcion de la imagen
longdesc=“#”
Indica una URL donde encontraruna descripcion mas detallada dela imagen
height=“#”
Altura obligada de la imagen
width=“#”
Anchura obligada de la imagen
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Imagenes
Atributos utiles a la hora de insertar imagenes
src=“#”
Indica la URL para encontrar laimagen
name=“#”
Nombre de la imagen
alt=“#”
Pequena descripcion de la imagen
longdesc=“#”
Indica una URL donde encontraruna descripcion mas detallada dela imagen
height=“#”
Altura obligada de la imagen
width=“#”
Anchura obligada de la imagen
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Imagenes
Atributos utiles a la hora de insertar imagenes
src=“#”
Indica la URL para encontrar laimagen
name=“#”
Nombre de la imagen
alt=“#”
Pequena descripcion de la imagen
longdesc=“#”
Indica una URL donde encontraruna descripcion mas detallada dela imagen
height=“#”
Altura obligada de la imagen
width=“#”
Anchura obligada de la imagen
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Imagenes
Atributos utiles a la hora de insertar imagenes
src=“#”
Indica la URL para encontrar laimagen
name=“#”
Nombre de la imagen
alt=“#”
Pequena descripcion de la imagen
longdesc=“#”
Indica una URL donde encontraruna descripcion mas detallada dela imagen
height=“#”
Altura obligada de la imagen
width=“#”
Anchura obligada de la imagen
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Audios
Atributos utiles a la hora de insertar audio
src=“#”
Indica la URL para encontrar elarchivo
type=“#”
Indica el tipo de audios: mp3,mpeg, ogg...
autoplay=“#”
Indica si se debe reproducir unavez que el audio se ha cargado(automaticamente)
preload=“#”
Especifica si se debe precargar elaudio antes de reproducirlo
controls=“#”
Indica los controles que semuestran en pantalla: play,pause...
loop=“#”
Indica si una vez que termine lapista se debe volver a reproducir
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Audios
Atributos utiles a la hora de insertar audio
src=“#”
Indica la URL para encontrar elarchivo
type=“#”
Indica el tipo de audios: mp3,mpeg, ogg...
autoplay=“#”
Indica si se debe reproducir unavez que el audio se ha cargado(automaticamente)
preload=“#”
Especifica si se debe precargar elaudio antes de reproducirlo
controls=“#”
Indica los controles que semuestran en pantalla: play,pause...
loop=“#”
Indica si una vez que termine lapista se debe volver a reproducir
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Audios
Atributos utiles a la hora de insertar audio
src=“#”
Indica la URL para encontrar elarchivo
type=“#”
Indica el tipo de audios: mp3,mpeg, ogg...
autoplay=“#”
Indica si se debe reproducir unavez que el audio se ha cargado(automaticamente)
preload=“#”
Especifica si se debe precargar elaudio antes de reproducirlo
controls=“#”
Indica los controles que semuestran en pantalla: play,pause...
loop=“#”
Indica si una vez que termine lapista se debe volver a reproducir
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Audios
Atributos utiles a la hora de insertar audio
src=“#”
Indica la URL para encontrar elarchivo
type=“#”
Indica el tipo de audios: mp3,mpeg, ogg...
autoplay=“#”
Indica si se debe reproducir unavez que el audio se ha cargado(automaticamente)
preload=“#”
Especifica si se debe precargar elaudio antes de reproducirlo
controls=“#”
Indica los controles que semuestran en pantalla: play,pause...
loop=“#”
Indica si una vez que termine lapista se debe volver a reproducir
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Audios
Atributos utiles a la hora de insertar audio
src=“#”
Indica la URL para encontrar elarchivo
type=“#”
Indica el tipo de audios: mp3,mpeg, ogg...
autoplay=“#”
Indica si se debe reproducir unavez que el audio se ha cargado(automaticamente)
preload=“#”
Especifica si se debe precargar elaudio antes de reproducirlo
controls=“#”
Indica los controles que semuestran en pantalla: play,pause...
loop=“#”
Indica si una vez que termine lapista se debe volver a reproducir
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Audios
Atributos utiles a la hora de insertar audio
src=“#”
Indica la URL para encontrar elarchivo
type=“#”
Indica el tipo de audios: mp3,mpeg, ogg...
autoplay=“#”
Indica si se debe reproducir unavez que el audio se ha cargado(automaticamente)
preload=“#”
Especifica si se debe precargar elaudio antes de reproducirlo
controls=“#”
Indica los controles que semuestran en pantalla: play,pause...
loop=“#”
Indica si una vez que termine lapista se debe volver a reproducir
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Vıdeo
Atributos utiles a la hora de insertar vıdeos
src=“#”
Indica la URL para encontrar elarchivo
type=“#”
Indica el tipo de vıdeo: mp4,mpeg, ogg...
autoplay=“#”
Indica si se debe reproducir elvıdeo se ha cargado(automaticamente)
preload=“#”
Especifica si se debe precargar elvıdeo
controls=“#”
Indica los controles que semuestran en pantalla: play,pause, mute...
loop=“#”
Indica si una vez que termine sedebe volver a reproducir
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Vıdeo
Atributos utiles a la hora de insertar vıdeos
src=“#”
Indica la URL para encontrar elarchivo
type=“#”
Indica el tipo de vıdeo: mp4,mpeg, ogg...
autoplay=“#”
Indica si se debe reproducir elvıdeo se ha cargado(automaticamente)
preload=“#”
Especifica si se debe precargar elvıdeo
controls=“#”
Indica los controles que semuestran en pantalla: play,pause, mute...
loop=“#”
Indica si una vez que termine sedebe volver a reproducir
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Vıdeo
Atributos utiles a la hora de insertar vıdeos
src=“#”
Indica la URL para encontrar elarchivo
type=“#”
Indica el tipo de vıdeo: mp4,mpeg, ogg...
autoplay=“#”
Indica si se debe reproducir elvıdeo se ha cargado(automaticamente)
preload=“#”
Especifica si se debe precargar elvıdeo
controls=“#”
Indica los controles que semuestran en pantalla: play,pause, mute...
loop=“#”
Indica si una vez que termine sedebe volver a reproducir
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Vıdeo
Atributos utiles a la hora de insertar vıdeos
src=“#”
Indica la URL para encontrar elarchivo
type=“#”
Indica el tipo de vıdeo: mp4,mpeg, ogg...
autoplay=“#”
Indica si se debe reproducir elvıdeo se ha cargado(automaticamente)
preload=“#”
Especifica si se debe precargar elvıdeo
controls=“#”
Indica los controles que semuestran en pantalla: play,pause, mute...
loop=“#”
Indica si una vez que termine sedebe volver a reproducir
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Vıdeo
Atributos utiles a la hora de insertar vıdeos
src=“#”
Indica la URL para encontrar elarchivo
type=“#”
Indica el tipo de vıdeo: mp4,mpeg, ogg...
autoplay=“#”
Indica si se debe reproducir elvıdeo se ha cargado(automaticamente)
preload=“#”
Especifica si se debe precargar elvıdeo
controls=“#”
Indica los controles que semuestran en pantalla: play,pause, mute...
loop=“#”
Indica si una vez que termine sedebe volver a reproducir
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Vıdeo
Atributos utiles a la hora de insertar vıdeos
src=“#”
Indica la URL para encontrar elarchivo
type=“#”
Indica el tipo de vıdeo: mp4,mpeg, ogg...
autoplay=“#”
Indica si se debe reproducir elvıdeo se ha cargado(automaticamente)
preload=“#”
Especifica si se debe precargar elvıdeo
controls=“#”
Indica los controles que semuestran en pantalla: play,pause, mute...
loop=“#”
Indica si una vez que termine sedebe volver a reproducir
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Vıdeo
muted=“#”
Indica si el vıdeo debereproducirse sin audio por defecto
poster=“#”[URL]
Indica una imagen que mostrarhasta que el vıdeo se reproduzca
height=“#”
Altura obligada del vıdeo
width=“#”
Anchura obligada del vıdeo
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Vıdeo
muted=“#”
Indica si el vıdeo debereproducirse sin audio por defecto
poster=“#”[URL]
Indica una imagen que mostrarhasta que el vıdeo se reproduzca
height=“#”
Altura obligada del vıdeo
width=“#”
Anchura obligada del vıdeo
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Vıdeo
muted=“#”
Indica si el vıdeo debereproducirse sin audio por defecto
poster=“#”[URL]
Indica una imagen que mostrarhasta que el vıdeo se reproduzca
height=“#”
Altura obligada del vıdeo
width=“#”
Anchura obligada del vıdeo
Julian Fernandez, Ruben Martın XHTML y CSS
CONCEPTOS GENERALESXHTML
Estructura de la PaginaEtiquetasEnlacesListas y TablasMultimedia
Vıdeo
muted=“#”
Indica si el vıdeo debereproducirse sin audio por defecto
poster=“#”[URL]
Indica una imagen que mostrarhasta que el vıdeo se reproduzca
height=“#”
Altura obligada del vıdeo
width=“#”
Anchura obligada del vıdeo
Julian Fernandez, Ruben Martın XHTML y CSS
top related