domingo, 26 de mayo de 2019

CREANDO BARRAS DE NAVEGACIONES

BARRA DE NAVEGACIÓN 1:
<!DOCTYPE html>
<html>
 <head>
  <title> creando una barra de navegación </title>
</head>
 <body>
<h1> <span style="color:brown">creando una barra de navegación</span> </h1>
<nav><a href="https://es.wikipedia.org/wiki/Wikipedia:Portada/">wikipedia</a>
<a href="http://eptjorge.blogspot.com/">blog de jorge</a>
</nav>
<footer> autor de esta pagina es jorge chunga </footer>
</body>

</html>
AQUÍ EL ENLACE:

BARRA DE NAVEGACIÓN 2:
<!DOCTYPE html>
<html>
 <head>
  <title> creando una barra de navegación </title>
</head>
 <body>
<h1> <span style="color:blue">creando una barra de navegación</span> </h1>
<nav>
<ul>
<li><a href="https://jfloresf27.blogspot.com/p/espacio-virtual-5to-f-2019.html">blog del 5to grado F</a>
<li><a href="https://jfloresf27.blogspot.com/p/espacio-virtual-5to-g-2019.html">blog del 5to grado G</a>
<li><a href="https://jfloresf27.blogspot.com/p/espacio-virtual-5-e-2016.html">blog del 5to grado E del año 2016</a>
</ul>
</nav>
<footer> autor de esta pagina es jorge chunga </footer>
</body>
</html>
AQUÍ EL ENLACE:

INSERTANDO GRAFICOS-IMAGENES EN UNA PAGINA WEB


insertando gráficos-imagenes en una pagina web:

FIGURA 1
<!DOCTYPE html>
<html>
<head>
<title>"insertando gráficos-imagenes en una pagina web"</Title>
</head>
<body>
<h1> <span style="color:green">insertando gráficos-imagenes en una pagina web</span> </h1>
<figure>
<img src="file:///C:/Users/Public/Pictures/Sample%20Pictures/Koala.jpg"alt="koala"
width="590"heigth="360">
<figcaption>Fig.1 - un animal koala .</figcaption>
</figure>
</body>
</html>
AQUI EL ENLACE:
http://file:///G:/PRACTICA%202-%20INSERTANDO%20GRAFICOS-IMAGENES%20EN%20UNA%20PAGINA%20WEB/figura1.html

FIGURA 2
<!DOCTYPE html>
<html>
<head>
<title>"insertando gráficos-imagenes en una pagina web"</Title>
</head>
<body>
<h1> <span style="color:red">insertando gráficos-imagenes en una pagina web</span> </h1>
<figure>
<img src="file:///C:/Users/Public/Pictures/Sample%20Pictures/Desert.jpg"alt="koala"
width="590"heigth="360">
<figcaption>Fig.2 - un desierto.</figcaption>
</figure>
</body>
</html>
AQUI EL ENLACE:
http:file:///G:/PRACTICA%202-%20INSERTANDO%20GRAFICOS-IMAGENES%20EN%20UNA%20PAGINA%20WEB/figura2.html

ESTRUCTURA BASICA DE UNA PAGINA WEB


ESTRUCTURA BASICA DE UNA PAGINA WEB

<!DOCTYPE html>
<html>
<head>
<title>titulo de la pagina web</title>
</head>
<body>
</body>
</html>



EJERCICIO DE ESTRUCTURA REPETITIVA