Construcción de una pagina web con html

Construcción de una pagina
web con HTML utilizando la
herramienta BLOC DE
NOTAS
Lic. Oney David Begambre Pérez
Docente deTecnología e informática

Orden del día
• Insertar TEXTO
• Insertar IMAGEN
• Insertar VIDEO
• Insertar TABLA
• Diseñar el Banner
• Formar Grupos de 5 Integrantes
• Escribir en el cuaderno la información de cada pagina
• Diseñar en Bloc de notas las paginas INICIO,HISTORIA,MISION y VISION

RECORDEMOS ….
ARCHIVO HTML BÁSICO

Insertar TEXTO
<body>
Hola a todos, como han deducido por el titulo
esta es la primera pagina web que hago,
espero que les guste. Seguiré mejorando.
</body>
Para insertar un
texto en la
pagina debo
hacerlo dentro
de las etiquetas
BODY

Insertar IMAGEN Para insertar una
IMAGEN en la pagina
debo escribir la etiqueta
<IMG SRC>
La imagen tiene que
estar en un archivo
separado
Ejemplos de tipo de
archivo: BMP, GIF,
JPEG, XPM, XBM,
PNG, TIFF.
• WIDTH= ANCHO
• HEIGHT= ALTO
• BORDER= BORDE
DE LA PAGINA
<html>
<head>
<title>Mi primera página WEB</title>
</head>
<body>
<img src=“” width=”” height=“” border=“”></a>
Hola a todos, como han deducido por el titulo esta es la
primera pagina web que hago, espero que les guste.
Seguiré mejorando.
</body>
</html>

Insertar VIDEO
Para insertar unVIDEO en
la pagina debo escribir la
etiqueta
<IFRAME>
• WIDTH= ANCHO
• HEIGHT= ALTO
• SRC= SE ESCRIBE
LA DIRECCION DEL
VIDEO
• FRAMEBORDER=
BORDE DE LA
PAGINA
• ALLOWFULLSCREEN
= OPCION
PANTALLA
COMPLETA
<html>
<head>
<title>Mi primera página WEB</title>
</head>
<body>
<iframe width="560" height="315" src=“link del video"
frameborder="0" allowfullscreen></iframe>
Hola a todos, como han deducido por el titulo esta es la primera
pagina web que hago, espero que les guste. Seguiré mejorando.
</body>
</html>

Insertar TABLA
Para insertar una tabla en
la pagina debo escribir la
etiqueta
<TH>
• TABLE: TABLA
• TR= COLUMNA
• TH= ENCABEZADO
DE PAGINA
• TD: INFORMACION
DE LA FILAS

Escribir en el cuaderno la información de cada
pagina
• Inicio: Descripción de la empresa
• Historia: Dónde nace y cómo se ha desarrollado la empresa
• Misión: Para qué se creo la empresa
• Visión: Hacia donde se dirige la empresa
• Galería: Una tabla en donde se identifique nombre del producto, imagen y valor del
mismo
• Contacto: Redes sociales de la empresa

Construcción de una pagina web con html

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (16)

Similar a Construcción de una pagina web con html

Similar a Construcción de una pagina web con html (20)

Más de Lic. Oney Begambre

Más de Lic. Oney Begambre (20)

Último

Último (20)

Construcción de una pagina web con html