index _html OUIAM2.html

avatar
unknown
html
a year ago
5.1 kB
6
Indexable
<!DOCTYPE html>
<html lang="es-ES">

<head>
	<title>Curso de diseño de páginas web</title>
	<meta charset="utf-8">

	<!-- etiquetas que dan informacion adicional para el buscador -->
	<meta name="description"
		content="Diseño de páginas web con HTML, CSS, JavaScript">
	<meta name="title" content="Confección y publicación de páginas web">
	<meta name="keywords"
		content="Diseño de páginas web con HTML, CSS, JavaScript">
	<meta name="author" content="Poner aquí tu nombre">


	<!-- favicon-->
	<link rel="icon" type="image/png"
		href="./img/harry_potter_imagens_(7)_opt.png">
	<link rel="icon" type="image/gif"
		href="./img/harry_potter_imagens_(7)_opt.gif">
	<link rel="icon" type="image/vnd.microsoft.icon"
		href="./img/harry_potter_imagens_(7)_opt.ico">

	<link rel="stylesheet" href="estilos2.css">
</head>


<body>

	<header>
		<div>
		
			<div>
				<div id="logohtml">
					<a href="index _html.html">
						<h1><img src="img/HTML5_Logo_64.png" alt="logo html5" title="HTML">Lenguaje de marcas HTML</h1>
					</a>
				</div>

				<div id="logocss">
					<a href="#" >
						<h1><img src="img/HTML5_Logo_64.png" alt="logo css" title="CSS">Lenguaje de estilos CSS</h1>
					</a>
				</div>
			</div>
			
		</div>

<br>
		<div id="cuadro1">
		<h3 >Navegación HTML5</h3>
		</div>
<br>
		<!--solo puede haber un h1 por pagina-->
		<nav>
			<ul class="fondoul">
			<li class="fondoli"><a href="introduccion.html">Introducción</a></li> 
			<li class="fondoli"><a href="formato.html">Formato</a></li>
			<li class="fondoli"><a href="hipervinculo.html" >Hipervínculo</a></li> 
			<li class="fondoli"><a href="listas.html">Listas</a></li>
			<li class="fondoli"><a href="tablas.html" >Tablas</a></li>
			<li class="fondoli"><a href="multimedia.html">Multimedia</a></li>
			</ul>
		</nav>
		<hr>
		
	</header>
<br>
		<div id="cuadro2">
		<h3>Navegación CSS3</h3>
		</div>
<br>
	<main>
		<!--vincula pag con imagenes-->
		<div id ="contenedor">

			<div id="anchuradivscontenidos" class="menuflexible">
				<a href="introduccion.html"><img src="img/index1.png"
						class="imagenflexible"
						alt="Enlace a la página de introducción al HTML5">
					<pre>Ejercicio 1</pre>
				</a>
			</div>
			<div id="anchuradivscontenidos" class="menuflexible">
				<a href="formato.html"><img src="img/index2.png"
						class="imagenflexible"
						alt="Enlace a la página de formato de HTML5">
					<pre>Ejercicio 2</pre>
				</a>
			</div>
			<div id="anchuradivscontenidos" class="menuflexible">
				<a href="hipervinculo.html"><img src="img/index3.png"
						class="imagenflexible"
						alt="Enlace a la página de hipervínculos de HTML5">
					<pre>Ejercicio 3</pre>
				</a>
			</div>
			<div id="anchuradivscontenidos"class="menuflexible">
				<a href="listas.html"><img src="./img/index5.png"
						class="imagenflexible"
						alt="Enlace a la página de listas de HTML5">
					<pre>Ejercicio 4</pre>
				</a>
			</div>

			<div id="anchuradivscontenidos" class="menuflexible">
				<a href="tablas.html"><img src="img/index4.png"
						class="imagenflexible"
						alt="Enlace a la página de tablas de HTML5">
					<pre>Ejercicio 5</pre>
				</a>
			</div>
			<div id="anchuradivscontenidos" class="menuflexible">
				<a href="multimedia.html"><img src="img/index0.jpg"
						class="imagenflexible"
						alt="Enlace a la página de multimedia de HTML5">
					<pre>Ejercicio 6</pre>
				</a>
			</div>

			<div id="anchuradivscontenidos" class="menuflexible">
				<a href="multimedia.html"><img src="img/index0.jpg"
						class="imagenflexible"
						alt="Enlace a la página de multimedia de HTML5">
					<pre>Ejercicio 7</pre>
				</a>
			</div>
			<div id="anchuradivscontenidos" class="menuflexible">
				<a href="multimedia.html"><img src="img/index0.jpg"
						class="imagenflexible"
						alt="Enlace a la página de multimedia de HTML5">
					<pre>Ejercicio 8</pre>
				</a>
			</div>

			<div id="anchuradivscontenidos" class="menuflexible">
				<a href="multimedia.html"><img src="img/index0.jpg"
						class="imagenflexible"
						alt="Enlace a la página de multimedia de HTML5">
					<pre>Ejercicio 9</pre>
				</a>
			</div>

			<div id="anchuradivscontenidos" class="menuflexible">
				<a href="multimedia.html"><img src="img/index0.jpg"
						class="imagenflexible"
						alt="Enlace a la página de multimedia de HTML5">
					<pre>Ejercicio 10</pre>
				</a>
			</div>
	
			<div id="anchuradivscontenidos" class="menuflexible">
				<a href="multimedia.html"><img src="img/index0.jpg"
						class="imagenflexible"
						alt="Enlace a la página de multimedia de HTML5">
					<pre>Ejercicio 11</pre>
				</a>
			</div>


		</div>
		<hr>
	</main>

	<footer>
		<nav style="text-align: left;">
			<ul>
				<li>Autor: Nombre del autor</li>
				<li>Contacto:<a href="#">ejemplo@ejemplo.com</a></li>
				<li><a href="z">Venta de contenidos</a></li>
				<li><a href="z">Publicidad</a></li>
				<li><a href="z">Aviso legal</a></li>
				<li><a href="z">Politica de cookies</a></li>
				<li><a href="z">Mapa</a></li>
				<li><a href="z">RSS</a></li>
			</ul>
		</nav>
	</footer>

</body>

</html>
Editor is loading...
Leave a Comment