Scribd
Cargar
23 vistas11 páginas

Iii Tutoria Diseño Web I

Este documento proporciona información sobre etiquetas HTML para imágenes, videos y tablas. Explica los atributos de la etiqueta <IMG> como src, alt, width y height. También cubre las etiquetas <OBJECT> y <DYNSRC> para incluir videos. Finalmente, describe cómo crear tablas en HTML usando las pestañas de Rápido, Propiedades y Avanzado en el cuadro de diálogo Insertar tabla.

Cargado por

Auwusto Reyes Waldy
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PPTX, PDF, TXT o lee en línea desde Scribd
23 vistas11 páginas

Iii Tutoria Diseño Web I

Este documento proporciona información sobre etiquetas HTML para imágenes, videos y tablas. Explica los atributos de la etiqueta <IMG> como src, alt, width y height. También cubre las etiquetas <OBJECT> y <DYNSRC> para incluir videos. Finalmente, describe cómo crear tablas en HTML usando las pestañas de Rápido, Propiedades y Avanzado en el cuadro de diálogo Insertar tabla.

Cargado por

Auwusto Reyes Waldy
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PPTX, PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 11

Instituto de Educación Media a Distancia (ISEMED)

Modalidad: Bachillerato en Técnico Profesional en


Informática Duodécimo Grupo 1

Asignatura: Diseño Web I


III tutoría

Profesora: Jessenia Waldina González

Fecha: 12 y 13 de junio del 2021


REFERENCIA HTML
Etiqueta <IMG>
Determina la localización de una imagen. No tiene cierre.
Atributos de la etiqueta <IMG>:

• src ="...": Ruta origen para localizar el archivo de la imagen. (source/fuente).

• alt="...": Texto alternativo que aparece en lugar de la imagen si el


navegador no puede mostrar la imagen. Tambien es mostrado al
colocarnos sobre la imagen en un letrero amarillo.
• width="...": Establece el ancho de la imagen.
• height="...": Establece el alto de la imagen.
• border="...": Muestra un marco con el número de pixeles deseado.
• align="...": Alinea la imagen respecto al texto.
Etiqueta Object

Para incluir ficheros no estandar (películas Flash, vídeos o sonido) dentro


de una página se utilizan dos etiquetas combinadas, object para Internet
Explorer y embed para Netscape Cada vez más, el vídeo y el sonido son
componentes integrales de los sitios Web comerciales. Utilizando sólo
etiquetas HTML estándar podemos agregar funcionalidad multimedia
atractiva a las páginas Web. Por ejemplo, para incrustar un clip de vídeo
en una página Web, podemos utilizar también otro tipo de etiqueta.
Etiqueta Dynsrc
  
simplemente el atributo DYNSRC de la etiqueta HTML <IMG>:

<IMG DYNSRC="MiVideo.avi" >


El clip de vídeo MiVídeo.avi se reproduce después de que el usuario cargue una
página Web que contenga esta etiqueta.
Con HTML también podemos crear vínculos a gran número de formatos de archivo,
incluidos los de Microsoft Office. Para que los usuarios puedan ver estos formatos,
deben tener exploradores Web capaces de ver archivos que no sean HTML. Por
ejemplo, si sabes que todos los usuarios de una intranet tienen Microsoft(r) Excel y
Microsoft(r) Internet Explorer versión 3.0 o posterior, podremos crear vínculos con
una hoja de cálculo de Excel desde el sitio Web. Cuando el usuario hace clic en el
vínculo, el documento aparece en formato de Excel dentro del explorador Web del
usuario. Este es un buen método que puede utilizar para crear sitios Web que
compartan y distribuyan documentación; de esta forma ayuda a trabajar eficazmente.
TABLAS

Las tablas no solo son útiles para mostrar listas de datos, son también
un elemento primordial para maquetar las páginas web, o sea, para
colocar con cierta libertad los elementos que forman la página web. Las
tablas nos permiten organizar y distribuir los espacios de una manera
óptima. Por ejemplo no permite poner el texto en columnas como en los
periódicos, prefijar los tamaños ocupados por distintas secciones de la
página o poner de una manera sencilla un pie de foto a una imagen. En
el momento en que queremos mostrar páginas webs atractivas y fáciles
de leer nos veremos en la necesidad de utilizar las tablas.
Descripción de las tablas
  • Alto y ancho (height y width):
pueden medirse en pixels o en
porcentaje del elemento
contenedor (width= "100%"
indica que ocupa el ancho del
elemento en el que está
colocada.
• Border (borde) : Anchura del
borde que rodea a la tabla. Si es
0 el borde no se ve
• cellpadding (relleno): margen
del contenido de cada celda. Se
mide en pixels.
• cellspacing (espaciado):
espacio entre las celdas. Se
mide en pixels.
Como crear una tabla
 Nos ubicamos donde queremos tener la tabla
 Damos click en la opción “tabla” en la barra de
herramientas
 Seleccionamos el numero de casillas que queramos
Usar el menú Insertar y opción Tabla:
Definir la tabla

Al insertar la tabla nos aparece un cuadro


de diálogo que nos permite definir las
características de la tabla. En él
encontramos tres pestañas: La primera de
ellas es Rápido, es la opción por defecto y
nos permite dimensionar la tabla de
manera gráfica. Para ello desplazamos el
cursor con el ratón por la cuadrícula. Una
vez tengamos la distribución que nos
interesa, hacemos clic y tendremos la tabla
insertada en la página.
Continuara….

También podría gustarte