my code stock.com

Prof. Wilson Delgado

Estructura de página web 5º
by Prof. Wilson Delgado

Cordial saludo muchachos, esta es la página que tendrán como referencia para trabajar en html y sus proyectos, tenemos las etiquetas vistas y algunas nuevas que les expliqué en clase.

<link rel="stylesheet" type="text/css" href="css/quinto.css"> lo utilizamos para vincular nuestro coódigo HTML
<a class="branding" href="#"><img src="images/branding.png" alt="Branding logo" width="150px" height="50px"> para agregar una imagen.
<!—Comentario—> Aprendimos a realizar comentarios.

Snippet options

Download: Download snippet as estructura-de-pagina-web-5o.html.
Copy snippet: For this you need a free my code stock.com account.
Embed code : You will find the embed code for this snippet at the end of the page, if you want to embed it into a website or a blog!

<!DOCTYPE html>
<html lang="es">

	<head>
		<meta charset="ISO-8859-1">
		<title>Este es el titulo</title>
		<!-- Bibliotecas CSS -->
		<link rel="stylesheet" type="text/css" href="css/quinto.css">
		<!-- Bibliotecas jQuery y javascript -->
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/jquery.nav.js"></script>
		<!-- Fin Bibliotecas jQuery y javascript -->
		<!-- Inicio Nav -->
		<nav>
		<!-- Inicio branding imagen -->
			<a class="branding" href="#"><img src="images/branding.png" alt="Branding logo" width="150px" height="50px">
		<!-- Final branding imagen -->	
        </a>
			<ul id="nav">
				<a class="li" href="#Inicio"><li>Inicio</li></a>
				<a class="li" href="#Estudiantes"><li>Estudiantes</li></a>
				<a class="li" href="#Proyectos"><li>Proyectos</li></a>
				<a class="li" href="#Contacto"><li>Contacto</li></a>
			</ul>
		</nav>
		<!-- Fin Nav -->
	</head>

<body>

	<!-- Inicio secciones one page -->
<div class="section" id="Inicio">
// Contenido de sección
</div>
<div class="section" id="Estudiantes">
// Contenido de sección
</div>
<div class="section" id="Proyectos">
// Contenido de sección
</div>
<div class="section" id="Contacto">
// Contenido de sección
</div>
	<!-- Fin secciones one page -->

</body>
</html>

Create a free my code stock.com account now.

my code stok.com is a free service, which allows you to save and manage code snippes of any kind and programming language. We provide many advantages for your daily work with code-snippets, also for your teamwork. Give it a try!

Find out more and register now

You can customize the height of iFrame-Codes as needed! You can find more infos in our API Reference for iframe Embeds.