Ieap grado 11

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?

HTML (HyperText Markup Language «lenguaje de marcas de hipertexto) es el lenguaje que se emplea para el desarrollo de páginas de Internet. Está compuesto por una serie de etiquetas que el navegador interpreta y da forma en la pantalla. HTML dispone de etiquetas para imágenes, hipervínculos que nos permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc.

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>

Este ejemplo está formado por 2 etiquetas HTML. Como podemos observar cada una de las etiquetas debe acabar con su homóloga de cierre.


En este caso la etiqueta <html> debe cerrarse con </html> y  la etiqueta <body> con </body> 

Hay muchas más etiquetas que veremos más adelante pero nos debe quedar claro que por cada etiqueta que abramos, deberemos incluir la correspondiente etiqueta de cierre. Así conseguiremos un código HTML bien formado y que los navegadores puedan interpretar sin ambigüedad.

¿Qué ocurriría si una etiqueta que abramos no tiene su correspondiente cierre? 

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





Actividad 2


Investiga la forma de ver las extensiones de los archivos, documentos, vídeos e imágenes en el sistema operativo Windows

Actividad 3



Nuestra primera pagina web


para comenzar con el html usaremos el editor de texto "bloc de notas" que trae por defecto el Windows.
copia el siguiente texto:


<html>
    <body>
         Hola, esta es mi primera página web.
    </body>
</html>

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.



Actividad 4
busca en la red las siguientes etiquetas html con su sintaxis y copialas en tu cuaderno.


etiquetas básicas (ejemplos)

<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


antes de comenzar a crear una pagina web, deben tener en cuenta los siguientes consejos.
por favor visita el siguiente enlace:



toma nota en tu cuaderno de las recomendaciones que dan en la pagina que has de visitar.




_________________________________________________

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