Aquí les dejo los primeros 5 ejercicios de un curso rápido de programación de paginas web en lenguaje HTML de la mano del Lic. Derlis Cáceres Maidana.
CURSO DE PROGRAMACION
DE PAGINAS WEB
EN LENGUAJE
<html>
2012
Curso de html Lic. Derlis Cáceres Maidana
Ejercicio 1 [Estructura de un código html]
Ejercicio 2 [Cuerpo de un html]
Ejercicio 3 [Ejemplo de utilización de títulos]
Ejercicio 4 [Creación de una marquesina básica]
Ejercicio 5 [Inserción de una línea]
Ejercicio 1
[Estructura de un código html]<!--Este es un comentario →
<html> <!--Este es el inicio de la pagina -->
<head> <!--El encabezado -->
<title> Mi primera Pagina WEB </title>
<!--Este es el texto que desplegara la etiqueta -->
</head>
<body>
<!--Aqui va el cuerpo del programa -->
</body>
</html> <!--Este es el finde la pagina -->
Ejercicio 2
[Cuerpo de un html]<html>
<head>
<title>Escribir el cuerpo</title>
</head>
<body>
<p> Este es el primer parrafo del cuerpo<br/>
el cuerpo de una pagina WEB <br/>
aqui va escrito todo lo que aparece en la pagina<br/>
br / sirve como "\n" barra n, para dar un enter <br/>
los br / y luego&nbso sirven para dejar espacios en blanco
<br/>  <!--  significa un espacio -->
<br/> 
<br/> 
</p>
<center> <!--Aqui utilizo la funcion para centrar -->
<p> Este es el segundo parrafo del cuerpo de una pagina WEB <br/>
aqui va escrito todo lo que aparece en la pagina<br/>
br / sirve como "\n" barra n, para dar un enter <br/>
el "hr" sirve para dibujar una linea
<hr/>
</p>
</center>
<blockquote> <!--Sirve para "parafrasear", resaltar un parrafo-->
Similar a un parrafo<br/>
lo que cambia es que<br/>
le da una sangria
</blockquote>
</body>
</html>
Ejercicio 3
[Ejemplo de utilización de títulos]<html>
<head>
<title>Ejemplo de título</title>
</head>
<body>
<h1>Este es un titulo General</h1>
<h2>Y este es un subtitulo1</h2>
<h3>Y este es un otro subtitulo2</h3>
<h4>Y este es un otro subtitulo3</h4>
<h5>Y este es un otro subtitulo4</h5>
<h6>...hasta aqui llega, hasta el subtitulo 6</h6>
<!--los titulos van del h1 hasta el h6, dependiendo
del navegador para mostrar el tamaño de la letra-->
</body>
</html>
Ejercicio 4
[Creación de una marquesina básica]<html>
<head>
<title>Ejemplo de marquesina</title>
</head>
<body>
<marquee width="100%" scrolldelay="0">
"Espero que estas lecciones te sirvan de mucho"
</marquee>
</body>
</html>
Ejercicio 5
[Inserción de una línea]<html>
<head>
<title> Insertar líneas < /title>
<hr/> <!--esto inserta una linea-->
</head>
</html>
No hay comentarios:
Publicar un comentario