estructura de documento atributos 1. atributos básicos id, class, style, title 2. atributos para...

Estructura de Documento

Atributos1. Atributos Básicos

id, class, style, title

2. Atributos para Internacionalización lang, xml:lang, dir

3. Atributos de Eventos: onclick, ondblclick, onmousedown, …

4. Atributos para los elementos que pueden Obtener el Foco.

accesskey, tabindex, onfocus, onblur

2.4. Elementos HTML

Elementos en línea (inline) y Elementos de bloque (block).

Restricciones básicas que introduce XHTML respecto a HTML1. Las etiquetas se tienen que cerrar de acuerdo a como se abren:

Ejemplo correcto en XHTML: <p>Este es un párrafo con <a>un enlace</a></p>

2. Los nombres de las etiquetas y atributos siempre se escriben en minúsculas:

Ejemplo correcto en XHTML: <p>Este es un párrafo con <a href="http://www.google.com">un enlace</a></p>

3. El valor de los atributos siempre se encierra con comillas: Ejemplo correcto en XHTML: <p>Este es un párrafo con <a href="http://www.google.com">un enlace</a></p>

4. Los atributos no se pueden comprimir: Ejemplo correcto en XHTML: <dl compact="compact">...</dl> Este tipo de atributos en los que el nombre coincide con su valor no son muy

habituales.

5. Todas las etiquetas deben cerrarse siempre:

Capítulo 3. Texto

3.1.1. Párrafos<p>

Este es el texto que forma el primer párrafo de la página.Los párrafos pueden ocupar varias líneas y el navegador

se encargade ajustar su longitud al tamaño de la ventana.

</p>

3.1.2. Secciones

<body>

<h1>Titular de la página</h1><p>Párrafo de introducción...</p>

<h2>La primera sub-sección</h2><p>Párrafo de contenido...</p>

<h2>Otra subsección</h2><p>Más párrafos de contenido...</p>

</body>

3.2. Marcado básico de texto<p> El lenguaje HTML permite marcar algunos segmentos de texto como <em>muy importantes</em> y otros segmentos como <strong>los más importantes</strong>.</p>

3.3. Marcado avanzado de texto

<p> El lenguaje <acronym title="HyperText Markup Language">HTML</acronym> es estandarizado por el <acronym title="World Wide Web Consortium">W3C</acronym>.</p>

3.5. Espacios en blanco y nuevas líneas

Nueva Linea: <br />

Espacios en Blanco:

Los enlaces se utilizan para establecer relaciones entre dos recursos.

Aunque la mayoría de enlaces relacionan páginas web, también es posible enlazar otros recursos como imágenes, documentos y archivos.

Capítulo 4. Enlaces

4.1. URLEl acrónimo URL (del inglés Uniform Resource

Locator) hace referencia al identificador único de cada recurso disponible en Internet.

Las URL son esenciales para crear los enlaces, pero también se utilizan en otros elementos HTML como las imágenes y los formularios.

La URL de un recurso tiene dos objetivos principales:Identificar de forma única a ese recursoPermitir localizar de forma eficiente ese recurso

Partes de una URL

Protocolo (http://): el mecanismo que debe utilizar el navegador para acceder a ese recurso.

Servidor (www.librosweb.es): simplificando mucho su explicación, se trata del ordenador en el que se encuentra guardada la página que se quiere acceder.

Ruta (/xhtml/capitulo4.html): camino que se debe seguir, una vez que se ha llegado al servidor, para localizar el recurso específico que se quiere acceder.

http://www.librosweb.es/xhtml/capitulo4.html

4.2. Enlaces relativos y absolutosLas URL absolutas incluyen todas las

partes de la URL (protocolo, servidor y ruta) por lo que no se necesita más información para obtener el recurso enlazado.http://www.ejemplo.com/ruta1/ruta2/

pagina2.html

Las URL relativas prescinden de algunas partes de las URL para hacerlas más breves./ruta1/ruta2/pagina2.html

Rutas Relativas1. El origen y el destino del enlace se

encuentran en el mismo directorio

Origen http://www.ejemplo.com/ruta1/ruta2/ruta3/pagina1.html

Recurso enlazado

Página web llamada pagina2.html y que se encuentra en el mismo directorio

URL absoluta http://www.ejemplo.com/ruta1/ruta2/ruta3/pagina2.html

URL relativa pagina2.html

Rutas Relativas2) El destino del enlace se encuentra cerca de su origen y en un nivel superior


Recurso enlazado

Página web llamada pagina2.html y que se encuentra en el directorio superior llamado ruta2

URL absoluta http://www.ejemplo.com/ruta1/ruta2/pagina2.html

URL relativa ../pagina2.html

Rutas Relativas3) El destino del enlace se encuentra cerca de su origen y en un nivel inferior


Recurso enlazado

Página web llamada pagina2.html y que se encuentra en un directorio inferior llamado ruta4

URL absoluta http://www.ejemplo.com/ruta1/ruta2/ruta3/ruta4/pagina2.html

URL relativa ruta4/pagina2.html

Rutas Relativas4) El origen y el destino del enlace se encuentran muy alejados


Recurso enlazado

Página web llamada pagina2.html y que se guarda en un directorio llamado ruta7 que se encuentra en la raíz del servidor

URL absoluta http://www.ejemplo.com/ruta7/pagina2.html

URL relativa /ruta7/pagina2.html

4.3. Enlaces básicosPáginas:

<a href="http://www.google.com">Página de Google</a>

Imágenes:<a

href="http://www.ejemplo.com/imagen.jpg">Foto</a>

Archivos:<a

href="http://www.ejemplo.com/informe.pdf">Descargar informe completo [PDF]</a>

Raiz del Sitio:<a href="/">Volver al inicio</a>

Capítulo 5. ListasEl lenguaje HTML define tres tipos diferentes

de listas para agrupar los elementos:

1.Listas no ordenadas (se trata de una colección simple de elementos en la que no importa su orden),

2.Listas ordenadas (similar a la anterior, pero los elementos están numerados y por tanto, importa su orden) y

3.Listas de definición (un conjunto de términos y definiciones similar a un diccionario).

5.1. Listas no ordenadas

<h1>Menú</h1>

<ul><li>Inicio</li><li>Noticias</li><li>Artículos</li><li>Contacto</li>

</ul>

5.2. Listas ordenadas<h1>Instrucciones</h1>

<ol><li>Enchufar

correctamente</li><li>Comprobar

conexiones</li><li>Encender el aparato</li>

</ol>

5.3. Listas de definición<dl> <dt>SGML</dt> <dd>Metalenguaje para la definición de otros lenguajes de marcado </dd>

<dt>XML</dt> <dd>Lenguaje basado en SGML y que

se emplea para describir datos </dd>

<dt>RSS</dt> <dt>GML</dt> <dt>XHTML</dt> <dt>SVG</dt> <dt>XUL</dt> <dd>Lenguajes derivados de XML para determinadas aplicaciones</dd></dl>

Capítulo 6. Imágenes y objetos

Etiqueta img

<img src="/imagenes/proyecto2.jpg" alt="Imagen del Proyecto 2“ longdesc="/mas_informacion.html"

/>

estructura de documento atributos 1. atributos básicos id, class, style, title 2. atributos para...

Documents