MODIFICACION A ACTIVIDAD 17 DE ENERO

Realizar la siguiente practica en HTML insertando las imágenes de su preferencia y enviando al profesor (a) a su correo en archivo con nombre pr16xxxx.html, donde las x hacen mención a las iniciales de su nombre


<html>
<head>
<title>Practica de Hiperenlaces</title>
</head>
<body bgcolor="#D9D9F3">
<p align="center"><a name="inicio">
<font size=+3><u>Enlaces con otras paginas</u></font></p>
<hr>
<hr width="80%">
<dir>
 <li><p align="left"><a href="http://www.microsoft.com">Microsoft</a></p>
 </li>
 <li><p align="left"><a href="Practica1.html">Mi primera pagina
Web</a></p>
 </li>
 <li><p align="left"><a href="Practica2.html">Mi segunda pagina Web</a></p>
 </li>
</dir>
<hr width="80%">
<hr>
<p align="center"><font size=+3><u>Enlaces en la misma pagina</u></font></p>
<hr>
<hr width="80%">
<dir>
 <li><p align="left"><a href="#foto1">Foto 1</a></p>
 </li>
 <li><p align="left"><a href="#foto2">Foto 2</a></p>
 </li>
 <li><p align="left"><a href="#foto3">Foto 3</a></p>
 </li>
 <li><p align="left"><a href="#inicio">Volver al principio de la pagina</a></p>
 </li>
</dir>
<hr width="80%">
<hr>
Practicas de HTML
<center>
<p align="center"><a name="foto1"></a><font color="#008000"
size="4">fotografia 1</font></p>
<img src="imagenes/foto1.gif" width="100" height="100" ALIGN=TOP>
Texto alineado arriba
<hr>
<p align="center"><a name="foto2"></a><font color="#008000"
size="4">fotografia 2</font></p>
<img src="imagenes/foto2.gif" width="100" height="100" ALIGN=MIDDLE>
Texto alineado al centro
<hr>
<p align="center"><a name="foto3"></a><font color="#008000"
size="4">fotografia 3</font></p>
<img src="imagenes/foto3.gif" width="100" height="100" ALIGN=BOTTOM>
Texto alineado abajo
<hr>
<p align="left"><a href="#inicio">Volver al principio de la pagina</a></p>
</center>
</body>


</html>

Comentarios

Publicar un comentario

Entradas populares de este blog

6º PARCIAL: TABLAS EN HTML

Imagen
La etiqueta  <table> , permite definir tablas. Una tabla es una cuadricula de casillas o celdas, divididas en filas y columnas Las tablas para componerlas se hace uso de otras etiquetas, las cuales no tienen sentido sino están situadas dentro de una etiqueta de tabla. Estas etiquetas son las siguientes. Etiquetas Descripción <table> Definición de una tabla. <th> Definición de cabecera de tabla. <tr> Define una fila en la tabla. <td> Define una celda en la tabla. <caption> Define el nombre o título de la tabla. <colgroup> Especifica un grupo de una o más columnas para aplicar formato. <col> Especifica las propiedades de una columna de las columnas definidas en un elemento colgroup <thead> Define la cabecera de la tabla. <tbody> Define el cuerpo de la tabla <tfoot> Define el pie de la tabla Definición de una tabla sencilla Para crear una tabla sencilla se ha de utilizar en primer lugar la etiquet
Leer más

EJEMPLOS DE FRAME

Un frame de 3 áreas verticales (COLS) Se vería así: A B C Y se escribiría; así: <FRAMESET COLS =30%,20%,50%> <FRAME SRC="a.htm"> <FRAME SRC="b.htm"> <FRAME SRC="c.htm"> </FRAMESET> Un frame de 3 áreas horizontales (ROWS) Se vería así: A B C Y se escribiría así: <FRAMESET ROWS =25%,25%,50%> <FRAME SRC="a.htm"> <FRAME SRC="b.htm"> <FRAME SRC="c.htm"> </FRAMESET> Un frame combinado de un área vertical y dos horizontales Se vería así: A B C Y se escribiría así: <FRAMESET COLS=20%,*> <FRAME SRC="a.htm"> <FRAMESET ROWS=40%,*> <FRAME SRC="b.htm"> <FRAME SRC="c.htm"> </FRAMESET> </FRAMESET> Un frame combinado de dos áreas horizontales, la de abajo dividida en dos verticales Se vería así: A B C Y
Leer más

CLASE 21 DE FEBRERO 2019

Imagen
Preguntas relacionadas ¿Que el CSS? CSS  son las siglas de Cascading Style Sheets - Hojas de Estilo en Cascada - que es un lenguaje que describe la presentación de los documentos estructurados en hojas de estilo para diferentes métodos de interpretación, es decir, describe como se va a mostrar un documento en pantalla Tablas en HTML En HTML se pueden representar datos en tablas. Tabla básica - Elementos "table", "tr" y "td" EJEMPLO  En la siguiente tabla se muestran 12 datos: Para ello, el código puede ser ( "tabla-basica.html" ): <!DOCTYPE html> <html lang="es-ES"> <head> <meta charset="utf-8"> <title>Ejemplo de tabla básica</title> </head> <body> <table> <tr> <td>uno</td> <td>dos</td> <td>tres</td> </tr> <tr> <td
Leer más