I.E.A. Piamonte
Actividad 1
Indaga y escribe en tu cuaderno sobre el concepto de Internet, como se trasmite la información y cuáles son los navegadores más usados actualmente?accede a la siguiente pagina donde encontraras toda la información solicitada:
http://www.aprenderaprogramar.com/
¿QUÉ ES Y PARA QUÉ SIRVE HTML?
Podríamos decir que HTML sirve para crear páginas web, darles estructura y contenido.
<html>
<body>
Hola, esta es mi primera página web.
</body>
</html>
|
En este caso la etiqueta <html> debe cerrarse con </html> y la etiqueta <body> con </body>
Digamos que se trataría de un código HTML mal construido, y los navegadores esto lo pueden interpretar de distintas maneras. Quizás nos muestren la página tal y como esperábamos sin aparente error. Quizás nos muestren una página de error o se quede en blanco el navegador. Nuestro objetivo ha de ser siempre construir páginas HTML bien estructuradas y sin ambiguedades, es decir, hacer un correcto uso del lenguaje para que los navegadores puedan saber exactamente qué es lo que pretendemos mostrar.
¿Donde y con quien Comenzó el HTML?
HTML nació públicamente en un documento llamado HTML Tags (Etiquetas HTML), publicado por primera vez en Internet por Tim Berners-Lee en 1991. En esta publicación se describen 22 etiquetas que mostraban un diseño inicial y relativamente simple de HTML. Varios de estos elementos se conservan en la actualidad. Otros se han dejado de usar, y muchos otros se han ido añadiendo con el paso de los años.
Revisa el siguiente Enlace para conocer más acerca de la historia del html
Investiga la forma de ver las extensiones de los archivos, documentos, vídeos e imágenes en el sistema operativo Windows
para comenzar con el html usaremos el editor de texto "bloc de notas" que trae por defecto el Windows.
copia el siguiente texto:
guarda el documento en una carpeta llamada mypaginaweb y como nombre para la pagina pon mypagina.html
Nota:
La página raíz del sitio es recomendable que se guarde con el nombre de index.html o home.html. Ya que los servidores reconocen estos nombres de forma automática para desplegar la página raíz del sitio.
antes de comenzar a crear una pagina web, deben tener en cuenta los siguientes consejos.
por favor visita el siguiente enlace:
Revisa el siguiente Enlace para conocer más acerca de la historia del html
Actividad 2
Actividad 3
Nuestra primera pagina web
copia el siguiente texto:
<html>
<body>
Hola, esta es mi primera página web.
</body>
</html>
Nota:
La página raíz del sitio es recomendable que se guarde con el nombre de index.html o home.html. Ya que los servidores reconocen estos nombres de forma automática para desplegar la página raíz del sitio.
Actividad 4
busca en la red las siguientes etiquetas html con su sintaxis y copialas en tu cuaderno.
<h1>
<p>
<!-->
<br>
<hr>
formato de texto (ejemplos)
<b>
<big>
<em>
<i>
<small>
<strong>
<sub>
<sup>
<ins>
<del>
<tt>
enlaces o vínculos (ejemplo)
<a>
imágenes (ejemplos)
<img>
listas(ejemplos)
<ol>
<ul>
<dl>
Actividad 5
por favor visita el siguiente enlace:
toma nota en tu cuaderno de las recomendaciones que dan en la pagina que has de visitar.
_________________________________________________
Crea en el Escritorio una carpeta llamada sitio y dentro de ella crea un nuevo documento de texto, renómbralo con tu nombre ej: pepito_perez.txt
_________________________________________________
examen practico html
Crea en el Escritorio una carpeta llamada sitio y dentro de ella crea un nuevo documento de texto, renómbralo con tu nombre ej: pepito_perez.txt
crea una pagina web parecida a este diseño
el titulo "institución educativa agrícola piamonte" usa la etiqueta <h1>
el titulo " Piamonte Cauca" usa la etiqueta <h3>
para la imagen, descarga el logo de la pagina de institución y usa la etiqueta img src="aquisuimagen.jpg" con los atributos de ancho y alto asi height="420" width="420"
agrega un link que te lleve a la pagina de la institucion
agrega 2 parrafos de la pagina http://es.lipsum.com/
inserta una lista con las siguientes ciudades -> popayán, florencia, mocoa, pasto; agrega un link a cada uno de ellos para que te lleve a una pagina en wilkipedia
pon un color de fondo a tu gusto para la pagina, usando el atributo bgcolor en la etiqueta body
pon un color de fondo a tu gusto para la pagina, usando el atributo bgcolor en la etiqueta body