RECUERDA QUE DEBES SUBIR TODOS LOS TP DEL SEGUNDO Y TERCER TRIMESTRE A TU GOOGLEDRIVE
------------------------------------------------------------------------------------------
TRABAJO PRÁCTICO Nº 6
1. Instala la Extensión para Chrome para grabar la pantalla de tu ordenador de forma sencilla, rápida y gratuita. Screencastify,
2. Realiza un videotutorial en Screencastify para enseñar, por ejemplo, cómo buscar una foto, copiarla y guardala en la PC
3. Utiliza para las presentaciones FONDOS desde: https://wallpaperscraft.com/catalog/abstract/3840x2160,http://www.hdwallpapers.in/
4. Crea un dibujo en Limnu
5· Crear revistas, documentos, online Joomag - GitBook De voz a texto con Dragon Dictation y otras apps
6. Crea una presentación en MOOVLY sobre las funciones de Google Body Google Art Project GoogleKeep Google SketchUp (Pega capturas de pantallas de los diferentes sitios)
7. Crea una presentación en el sitio Prezi sobre la función del programa TeamViewer y Popplet
8. Utiliza el sitio de Videoconferencias en línea Jumpch.at o Appear.in para mostrar tus presentaciones
9. Investiga la sigte. app 123apps . Pruébala. En una presentación de GD explica para qué puedes usarla.Recuerda pegar capturas de pantalla de la app.
10. Prueba el funcionamiento del Team Viewer entre dos PC
11. Crea un escritorio virtual en Symbalo
12. Crea un mapa tuneado de la prov de Tucumán.
(Tutorial en Mapas "tuneados" versión 2016 con googledrive)
13. Al hacer clic en Nueva pesataña del GC, se visuaiza en la parate superior derecha de la ventana el sigte. botón. Explica para que sirve el botón resaltado con amarillo
1. Crear una infografia en Piktochart que contemple los hechos más relevantes del Bicentenario. Ej, de infografías
PD(podes buscar en google: infografias bicentenario)
2.1. PROGRAMACION BÁSICA EN HTML
· Introducción al HTML. Estructura de una página. Elementos. Etiquetas básicas. Formato. Texto. Caracteres Especiales. Enlaces. Imágenes. Listas. Tablas. Frames. Formularios. Multimedia. Capas. Diseño Web. Hojas de Estilo. Sección Head. Meta Etiquetas. Dirección URL. Scripts. Atributos. Eventos. Páginas web dinámicas.Servidor Web.
¿Qué es HTML?
· HTML (HyperText Markup Language) o "Lenguaje para Marcado de Hipertexto".
· HTML es el lenguaje que te permite describir y dar forma a tús páginas Web.
· Publica tus propias páginas con fotos, listas, tablas, etc.
· Obtén información de los visitantes de tu sitio.
· Diseña los formularios que te permitirán contactar tus futuros clientes.
· Crea un sitio para vender tús productos o servicios.
· Incluye video clips, música, sonidos, y otras aplicaciones que darán vida a tús páginas Web
¿Qué conocimientos previos debes poseer?
Para estudiar HTML no se requiere de conocimientos previos en programación. Es muy simple de aprender ya que no es un lenguaje de programación sino que es un lenguaje de marcas.
- Los archivos HTML
- Los archivos HTML deben tener una extensión htm o html (ej. misitio.htm o misitio.html).
- Para crear un archivo HTML solo hace falta un editor de texto.
- Un archivo HTML está compuesto por etiquetas.
- Las etiquetas le dicen al navegador(Ej: Internet Explorer, Firefox, Google Chrome, Opera, Safary, etc.) como mostrar la página Web.
- * <html> --> Indica al navegador que abre un archivo HTML.
- <head> --> Apertura de la cabecera del documento. Sección que no se muestra en la pantalla.
- <title>Mi primera página Web</title> --> Título de la página.</head> --> Cierre de la cabecera del documento.
- <body> --> Apertura del cuerpo del documento. Esta sección aparece en la pantalla.Hola a todos. --> Texto que va a ser mostrado por el navegador/body> --> Cierre del cuerpo del documento.</html> --> Cierre del archivo HTML
* La primera etiqueta del archivo es <html>. Esto le indica al navegador que se trata de un archivo HTML. Para cerrar el archivo usamos </html>. Todo lo que se encuentra entre las dos etiquetas es el código HTML de la página.
* Luego vemos la etiqueta <head>. Lo que sigue a continuación hasta su cierre </head>, es la cabecera del documento y no se muestra en la pantalla. Aquí colocamos información tal como el título de la página(<title>Mi primera página Web</title>), palabras claves para los motores de búsqueda, una descripción de la página y otros datos del documento.
* Entre las etiquetas <body> y </body> se encuentra el cuerpo del documento y el contenido que se coloque en esta sección es el que veremos en pantalla, como por ejemplo, "Hola a todos.".
Nota: observa que todas las etiquetas de cierre se diferencian de las de apertura por llevar "/"antes del nombre.
Formato básico del texto
HTML nos permite definir el formato de visualización del texto en la pantalla.Muy útil para cuando queramos resaltar o enfatizar un texto en especial.También muy usado para subrayar o escribir subíndices o superíndices. Estos, son solo algunos ejemplos de lo que podemos hacer con estos elementos. Para ello utilizamos las siguientes etiquetas
TRABAJO PRACTICO Nº:8
Realiza todas las actividades del Curso online para aprender HTML:
RECUERDA QUE DEBES HACER UNA CUENTA PARA ACCEDER AL CURSO
1.HTML BASIC I - (ESTE TUTORIAL DEBES HACERLO)
DESPUES DE SEGUIR LAS ACTIVIDADES DE HTML BASIC I, REALIZA LAS SIGTES. TAREAS
- Copia y pega en el bloc de notas los sigtes ejercicios
- Guarda el archivo como "ejercicio.html" (las extensiones ".htm" o ".html" tienen el mismo significado y nos indican que se trata de un archivo HTML) en la carpeta Documentos.
- Ahora debes ir a la carpeta Documentos y haz doble clic en ejercicio1.html". El navegador mostrará la página recién creada.
EJERCICIO 1
<html>
<head>
<title>Mi primera página Web</title>
</head>
<body>
Hola a todos.
</body>
</html>
EJERCICIO 2
<html>
<head>
<title>Mi primera página Web</title>
</head>
<body bgcolor="#FFFF00">
Hola a todos.
<b>Este texto es en negrita</b>.
</body>
</html>
EJERCICIO 3
<html>
<head>
<title>Mi primera página Web</title>
</head>
<body bgcolor="#FFFF00">
Hola a todos.
<b>Este texto es en negrita</b>.
<h1>Título de tamaño h1</h1>
<h2>Título de tamaño h2</h2>
<h3>Título de tamaño h3</h3>
<h4>Título de tamaño h4</h4>
<h5>Título de tamaño h5</h5>
<h6>Título de tamaño h6</h6>
<hr>
<p>Este es el primer párrafo.</p>
<p>Y este es el segundo párrafo.</p>
Esto es <br> un salto de lí<br>nea.
</body>
</html>
EJERCICIO 4
<html>
<head>
<title>Mi primera página Web</title>
</head>
<body bgcolor="red">
<b>Texto en negrita</b>
<big>Texto grande</big>
<em>Texto enfatizado</em>
<i>Texto en itálica</i>
<small>Texto pequeño</small>
<strong>Texto fuerte</strong>
<sub>Texto subíndice</sub>
<sup>Texto superíndice</sup>
<ins>Texto subrayado</ins>
<del>Texto tachado</del>
<tt>Texto teletipo</tt>
</body>
</html>
EJERCICIO 5
1 Descarga de internet una imagen cualquiera para utilizarla como fondo de la página .
2. Guardala con el nombre fondo.jpg en tu carpeta de trabajo.
3 Colocar la imagen descargada como fondo de tu página. Añadir background="fondo.jpg" delante del símbolo > de cierre de la etiqueta body.
<html>
<head>
<title>MI PRIMERA PAGINA</title>
</head>
<body background="fondo.jpg">
<font color="#CC3300" size="5">Hola, estoy haciendo pruebas.</font>
</body>
</html>
4. Guarda los cambios como EJERCICIO 5 y comprueba el funcionamiento con tu navegador ...qué sucede?
EJERCICIO 6 - Marquesina
<html>
<head>
<title>MI PRIMERA PAGINA</title>
</head>
<body bgcolor="#FFCC99">
<marquee bgcolor="#006699" behavior="alternate" direction="right">
<b><font color="#FFFFCC" size="5">Esto es una marquesina </font></b>
</marquee>
<font color="#CC3300" size="5">Hola, estoy haciendo pruebas.</font>
</body>
</html>
EJERCICIO 7
Diseña el código html para mostrar la sigte página:
<html>
<head>
<title>MI PRIMERA PAGINA</title>
</head>
<body bgcolor="#FFCC99">
<basefont color="#003333" size="60">
<h1>SEXTO Año</h1>
<hr>
<bl>
<bl>
<p align="center">
<em>
Somos un grupo de alumnos de Sexto año del Colegio San Patricio
<br>
Desde esta página intentaremos aprender HTML
</em>
</p>
</blockquote>
</blockquote>
</body>
</html>
EJERCICIO 8 - insertar un enlace
Diseña el código html para mostrar la sigte página:
<html>
<head>
<title>INFORMATICA 20166</title>
</head>
<body bgcolor="#FFCC99">
<basefont color="#003333" size="60">
<h1> Sexto Año </h1>
<hr>
<bl>
<bl>
<p align="left">
<em>
Somos un grupo de alumnos de Sexto año del Colegio San Patricio
<br>
Desde esta página intentaremos aprender HTML
</em>
</p>
<a href="http://Sexto-2016.blogspot.com//">Blog de clase</a>
</blockquote>
</blockquote>
</body>
</html>
EJERCICIO 9 - insertar una imagen
Agregar
<img src="logo.jpg" alt="San PAtricio">
Recuerda que la imagen logo.jpg debe estar guardada en la misma carpeta que está guardada la página html.
EJERCICIO 10 - aplicar link a una imagen
<p align="left">
<a href="http://sexto-2016.blogspot.com.ar"><img src="logo.jpg" alt="San Patricio">
....
EJERCICIO 11 -insertar logo con ancho y alto determinado y con un borde
...
<img src="logo.jpg" alt="San Patricio" width="322" height="485" border="8">
..
EJERCICIO 12
Escribe el código que muestre la sigte. página
EJERCICIO 13
Escribe el código que muestre la sigte. página
EJERCICIO 14 - cambiar color tamaño y tipo de letra , insertar una imagen con ancho alto y borde
<html>
<head>
<title>INFORMATICA 2016</title>
</head>
<body bgcolor="#FFCC99">
<h1> Sexto Año </h1>
<hr>
<bl>
<bl>
<p align="left">
<em>
Somos un grupo de alumnos de Sexto año del Colegio San Patricio
<br>
Desde esta página intentaremos aprender HTML
</em>
</p>
<font FACE="ARIAL" color="red" SIZE="30">Este texto está en rojo</font>
<img src="logo.jpg" alt="San Carlos" width="622" height="485" border="8">
</body>
</html>
2.HTML BASIC II
EJERCICIO 15 - lista ordenada Y DESORDENADA
LISTA ORDENADA
....
<ol>
<li>Naranjas</li>
<li>Manzanas</li>
<li>Bananas</li>
</ol>
LISTA DESORDENADA
<ul>
<li>Tomates</li>
<li>Pepinos</li>
<li>Cebollas</li>
</ul>
LISTAS DE DEFINICIÒN
<dl>
<dt>Chocolate</dt>
<dd>Elaborado a base de cacao</dd>
<dt>Caramelo</dt>
<dd>Elaborado a base de azúcar</dd>
</dl>
...
EJERCICIO 16
Escribe el código que muestre la sigte. página
EJERCICIO 17
Escribe el código que muestre la sigte. página
EJERCICIO 18
Escribe el código que muestre la sigte. página
RECUERDA QUE DEBES SUBIR TODOS LOS TP DEL SEGUNDO Y TERCER TRIMESTRE A TU GOOGLEDRIVE
------------------------------------------------------------------------------------------
TRABAJO PRÁCTICO Nº 6
1. Instala la Extensión para Chrome para grabar la pantalla de tu ordenador de forma sencilla, rápida y gratuita. Screencastify,2. Realiza un videotutorial en Screencastify para enseñar, por ejemplo, cómo buscar una foto, copiarla y guardala en la PC
3. Utiliza para las presentaciones FONDOS desde: https://wallpaperscraft.com/catalog/abstract/3840x2160,http://www.hdwallpapers.in/
4. Crea un dibujo en Limnu
5· Crear revistas, documentos, online Joomag - GitBook De voz a texto con Dragon Dictation y otras apps
6. Crea una presentación en MOOVLY sobre las funciones de Google Body Google Art Project GoogleKeep Google SketchUp (Pega capturas de pantallas de los diferentes sitios)
7. Crea una presentación en el sitio Prezi sobre la función del programa TeamViewer y Popplet
8. Utiliza el sitio de Videoconferencias en línea Jumpch.at o Appear.in para mostrar tus presentaciones
9. Investiga la sigte. app 123apps . Pruébala. En una presentación de GD explica para qué puedes usarla.Recuerda pegar capturas de pantalla de la app.
10. Prueba el funcionamiento del Team Viewer entre dos PC
11. Crea un escritorio virtual en Symbalo
12. Crea un mapa tuneado de la prov de Tucumán.
(Tutorial en Mapas "tuneados" versión 2016 con googledrive)
13. Al hacer clic en Nueva pesataña del GC, se visuaiza en la parate superior derecha de la ventana el sigte. botón. Explica para que sirve el botón resaltado con amarillo
1. Crear una infografia en Piktochart que contemple los hechos más relevantes del Bicentenario. Ej, de infografías
PD(podes buscar en google: infografias bicentenario)
2.1. PROGRAMACION BÁSICA EN HTML
· Introducción al HTML. Estructura de una página. Elementos. Etiquetas básicas. Formato. Texto. Caracteres Especiales. Enlaces. Imágenes. Listas. Tablas. Frames. Formularios. Multimedia. Capas. Diseño Web. Hojas de Estilo. Sección Head. Meta Etiquetas. Dirección URL. Scripts. Atributos. Eventos. Páginas web dinámicas.Servidor Web.
TRABAJO PRÁCTICO Nº 7
¿Qué es HTML?
· HTML (HyperText Markup Language) o "Lenguaje para Marcado de Hipertexto".
· HTML es el lenguaje que te permite describir y dar forma a tús páginas Web.
· Publica tus propias páginas con fotos, listas, tablas, etc.
· Obtén información de los visitantes de tu sitio.
· Diseña los formularios que te permitirán contactar tus futuros clientes.
· Crea un sitio para vender tús productos o servicios.
· Incluye video clips, música, sonidos, y otras aplicaciones que darán vida a tús páginas Web
· HTML es el lenguaje que te permite describir y dar forma a tús páginas Web.
· Publica tus propias páginas con fotos, listas, tablas, etc.
· Obtén información de los visitantes de tu sitio.
· Diseña los formularios que te permitirán contactar tus futuros clientes.
· Crea un sitio para vender tús productos o servicios.
· Incluye video clips, música, sonidos, y otras aplicaciones que darán vida a tús páginas Web
¿Qué conocimientos previos debes poseer?
Para estudiar HTML no se requiere de conocimientos previos en programación. Es muy simple de aprender ya que no es un lenguaje de programación sino que es un lenguaje de marcas.
- Los archivos HTML
- Los archivos HTML deben tener una extensión htm o html (ej. misitio.htm o misitio.html).
- Para crear un archivo HTML solo hace falta un editor de texto.
- Un archivo HTML está compuesto por etiquetas.
- Las etiquetas le dicen al navegador(Ej: Internet Explorer, Firefox, Google Chrome, Opera, Safary, etc.) como mostrar la página Web.
- * <html> --> Indica al navegador que abre un archivo HTML.
- <head> --> Apertura de la cabecera del documento. Sección que no se muestra en la pantalla.
- <title>Mi primera página Web</title> --> Título de la página.</head> --> Cierre de la cabecera del documento.
- <body> --> Apertura del cuerpo del documento. Esta sección aparece en la pantalla.Hola a todos. --> Texto que va a ser mostrado por el navegador/body> --> Cierre del cuerpo del documento.</html> --> Cierre del archivo HTML
* La primera etiqueta del archivo es <html>. Esto le indica al navegador que se trata de un archivo HTML. Para cerrar el archivo usamos </html>. Todo lo que se encuentra entre las dos etiquetas es el código HTML de la página.
* Luego vemos la etiqueta <head>. Lo que sigue a continuación hasta su cierre </head>, es la cabecera del documento y no se muestra en la pantalla. Aquí colocamos información tal como el título de la página(<title>Mi primera página Web</title>), palabras claves para los motores de búsqueda, una descripción de la página y otros datos del documento.
* Entre las etiquetas <body> y </body> se encuentra el cuerpo del documento y el contenido que se coloque en esta sección es el que veremos en pantalla, como por ejemplo, "Hola a todos.".
Nota: observa que todas las etiquetas de cierre se diferencian de las de apertura por llevar "/"antes del nombre.
Formato básico del texto
HTML nos permite definir el formato de visualización del texto en la pantalla.Muy útil para cuando queramos resaltar o enfatizar un texto en especial.También muy usado para subrayar o escribir subíndices o superíndices. Estos, son solo algunos ejemplos de lo que podemos hacer con estos elementos. Para ello utilizamos las siguientes etiquetas
TRABAJO PRACTICO Nº:8
RECUERDA QUE DEBES HACER UNA CUENTA PARA ACCEDER AL CURSO
1.HTML BASIC I - (ESTE TUTORIAL DEBES HACERLO)
DESPUES DE SEGUIR LAS ACTIVIDADES DE HTML BASIC I, REALIZA LAS SIGTES. TAREAS
<html>
<head>
<title>Mi primera página Web</title>
</head>
<body>
Hola a todos.
</body>
</html>
EJERCICIO 2
<html>
<head>
<title>Mi primera página Web</title>
</head>
<body bgcolor="#FFFF00">
Hola a todos.
<b>Este texto es en negrita</b>.
</body>
</html>
EJERCICIO 3
<html>
<head>
<title>Mi primera página Web</title>
</head>
<body bgcolor="#FFFF00">
Hola a todos.
<b>Este texto es en negrita</b>.
<h1>Título de tamaño h1</h1>
<h2>Título de tamaño h2</h2>
<h3>Título de tamaño h3</h3>
<h4>Título de tamaño h4</h4>
<h5>Título de tamaño h5</h5>
<h6>Título de tamaño h6</h6>
<hr>
<p>Este es el primer párrafo.</p>
<p>Y este es el segundo párrafo.</p>
Esto es <br> un salto de lí<br>nea.
</body>
</html>
EJERCICIO 4
<html>
<head>
<title>Mi primera página Web</title>
</head>
<body bgcolor="red">
<b>Texto en negrita</b>
<big>Texto grande</big>
<em>Texto enfatizado</em>
<i>Texto en itálica</i>
<small>Texto pequeño</small>
<strong>Texto fuerte</strong>
<sub>Texto subíndice</sub>
<sup>Texto superíndice</sup>
<ins>Texto subrayado</ins>
<del>Texto tachado</del>
<tt>Texto teletipo</tt>
</body>
</html>
EJERCICIO 5
1 Descarga de internet una imagen cualquiera para utilizarla como fondo de la página .
2. Guardala con el nombre fondo.jpg en tu carpeta de trabajo.
3 Colocar la imagen descargada como fondo de tu página. Añadir background="fondo.jpg" delante del símbolo > de cierre de la etiqueta body.
<html>
<head>
<title>MI PRIMERA PAGINA</title>
</head>
<body background="fondo.jpg">
<font color="#CC3300" size="5">Hola, estoy haciendo pruebas.</font>
</body>
</html>
4. Guarda los cambios como EJERCICIO 5 y comprueba el funcionamiento con tu navegador ...qué sucede?
EJERCICIO 6 - Marquesina
<html>
<head>
<title>MI PRIMERA PAGINA</title>
</head>
<body bgcolor="#FFCC99">
<marquee bgcolor="#006699" behavior="alternate" direction="right">
<b><font color="#FFFFCC" size="5">Esto es una marquesina </font></b>
</marquee>
<font color="#CC3300" size="5">Hola, estoy haciendo pruebas.</font>
</body>
</html>
EJERCICIO 7
Diseña el código html para mostrar la sigte página:
<html>
<head>
<title>MI PRIMERA PAGINA</title>
</head>
<body bgcolor="#FFCC99">
<basefont color="#003333" size="60">
<h1>SEXTO Año</h1>
<hr>
<bl>
<bl>
<p align="center">
<em>
Somos un grupo de alumnos de Sexto año del Colegio San Patricio
<br>
Desde esta página intentaremos aprender HTML
</em>
</p>
</blockquote>
</blockquote>
</body>
</html>
EJERCICIO 8 - insertar un enlace
Diseña el código html para mostrar la sigte página:
<html>
EJERCICIO 9 - insertar una imagen
Agregar
<img src="logo.jpg" alt="San PAtricio">
Recuerda que la imagen logo.jpg debe estar guardada en la misma carpeta que está guardada la página html.
EJERCICIO 10 - aplicar link a una imagen
<p align="left">
<a href="http://sexto-2016.blogspot.com.ar"><img src="logo.jpg" alt="San Patricio">
....
EJERCICIO 11 -insertar logo con ancho y alto determinado y con un borde
Escribe el código que muestre la sigte. página
EJERCICIO 14 - cambiar color tamaño y tipo de letra , insertar una imagen con ancho alto y borde
<html>
<head>
<title>INFORMATICA 2016</title>
</head>
<body bgcolor="#FFCC99">
<h1> Sexto Año </h1>
<hr>
<bl>
<bl>
<p align="left">
<em>
Somos un grupo de alumnos de Sexto año del Colegio San Patricio
<br>
Desde esta página intentaremos aprender HTML
</em>
</p>
<font FACE="ARIAL" color="red" SIZE="30">Este texto está en rojo</font>
<img src="logo.jpg" alt="San Carlos" width="622" height="485" border="8">
</body>
</html>
2.HTML BASIC II
DESPUES DE SEGUIR LAS ACTIVIDADES DE HTML BASIC I, REALIZA LAS SIGTES. TAREAS
- Copia y pega en el bloc de notas los sigtes ejercicios
- Guarda el archivo como "ejercicio.html" (las extensiones ".htm" o ".html" tienen el mismo significado y nos indican que se trata de un archivo HTML) en la carpeta Documentos.
- Ahora debes ir a la carpeta Documentos y haz doble clic en ejercicio1.html". El navegador mostrará la página recién creada.
<html>
<head>
<title>Mi primera página Web</title>
</head>
<body>
Hola a todos.
</body>
</html>
EJERCICIO 2
<html>
<head>
<title>Mi primera página Web</title>
</head>
<body bgcolor="#FFFF00">
Hola a todos.
<b>Este texto es en negrita</b>.
</body>
</html>
EJERCICIO 3
<html>
<head>
<title>Mi primera página Web</title>
</head>
<body bgcolor="#FFFF00">
Hola a todos.
<b>Este texto es en negrita</b>.
<h1>Título de tamaño h1</h1>
<h2>Título de tamaño h2</h2>
<h3>Título de tamaño h3</h3>
<h4>Título de tamaño h4</h4>
<h5>Título de tamaño h5</h5>
<h6>Título de tamaño h6</h6>
<hr>
<p>Este es el primer párrafo.</p>
<p>Y este es el segundo párrafo.</p>
Esto es <br> un salto de lí<br>nea.
</body>
</html>
EJERCICIO 4
<html>
<head>
<title>Mi primera página Web</title>
</head>
<body bgcolor="red">
<b>Texto en negrita</b>
<big>Texto grande</big>
<em>Texto enfatizado</em>
<i>Texto en itálica</i>
<small>Texto pequeño</small>
<strong>Texto fuerte</strong>
<sub>Texto subíndice</sub>
<sup>Texto superíndice</sup>
<ins>Texto subrayado</ins>
<del>Texto tachado</del>
<tt>Texto teletipo</tt>
</body>
</html>
EJERCICIO 5
1 Descarga de internet una imagen cualquiera para utilizarla como fondo de la página .
2. Guardala con el nombre fondo.jpg en tu carpeta de trabajo.
3 Colocar la imagen descargada como fondo de tu página. Añadir background="fondo.jpg" delante del símbolo > de cierre de la etiqueta body.
<html>
<head>
<title>MI PRIMERA PAGINA</title>
</head>
<body background="fondo.jpg">
<font color="#CC3300" size="5">Hola, estoy haciendo pruebas.</font>
</body>
</html>
4. Guarda los cambios como EJERCICIO 5 y comprueba el funcionamiento con tu navegador ...qué sucede?
EJERCICIO 6 - Marquesina
<html>
<head>
<title>MI PRIMERA PAGINA</title>
</head>
<body bgcolor="#FFCC99">
<marquee bgcolor="#006699" behavior="alternate" direction="right">
<b><font color="#FFFFCC" size="5">Esto es una marquesina </font></b>
</marquee>
<font color="#CC3300" size="5">Hola, estoy haciendo pruebas.</font>
</body>
</html>
EJERCICIO 7
Diseña el código html para mostrar la sigte página:
<html>
<head>
<title>MI PRIMERA PAGINA</title>
</head>
<body bgcolor="#FFCC99">
<basefont color="#003333" size="60">
<h1>SEXTO Año</h1>
<hr>
<bl>
<bl>
<p align="center">
<em>
Somos un grupo de alumnos de Sexto año del Colegio San Patricio
<br>
Desde esta página intentaremos aprender HTML
</em>
</p>
</blockquote>
</blockquote>
</body>
</html>
EJERCICIO 8 - insertar un enlace
Diseña el código html para mostrar la sigte página:
<html>
<head>
<title>INFORMATICA 20166</title>
</head>
<body bgcolor="#FFCC99">
<basefont color="#003333" size="60">
<h1> Sexto Año </h1>
<hr>
<bl>
<bl>
<p align="left">
<em>
Somos un grupo de alumnos de Sexto año del Colegio San Patricio
<br>
Desde esta página intentaremos aprender HTML
</em>
</p>
<a href="http://Sexto-2016.blogspot.com//">Blog de clase</a>
</blockquote>
</blockquote>
</body>
</html>
Agregar
Recuerda que la imagen logo.jpg debe estar guardada en la misma carpeta que está guardada la página html.
EJERCICIO 10 - aplicar link a una imagen
<p align="left">
<a href="http://sexto-2016.blogspot.com.ar"><img src="logo.jpg" alt="San Patricio">
....
EJERCICIO 11 -insertar logo con ancho y alto determinado y con un borde
...
<img src="logo.jpg" alt="San Patricio" width="322" height="485" border="8">
..
EJERCICIO 12
Escribe el código que muestre la sigte. página
..
EJERCICIO 12
Escribe el código que muestre la sigte. página
EJERCICIO 13
Escribe el código que muestre la sigte. página
EJERCICIO 14 - cambiar color tamaño y tipo de letra , insertar una imagen con ancho alto y borde
<html>
<head>
<title>INFORMATICA 2016</title>
</head>
<body bgcolor="#FFCC99">
<h1> Sexto Año </h1>
<hr>
<bl>
<bl>
<p align="left">
<em>
Somos un grupo de alumnos de Sexto año del Colegio San Patricio
<br>
Desde esta página intentaremos aprender HTML
</em>
</p>
<font FACE="ARIAL" color="red" SIZE="30">Este texto está en rojo</font>
<img src="logo.jpg" alt="San Carlos" width="622" height="485" border="8">
</body>
</html>
2.HTML BASIC II
EJERCICIO 15 - lista ordenada Y DESORDENADA
LISTA ORDENADA
....
<ol>
<li>Naranjas</li>
<li>Manzanas</li>
<li>Bananas</li>
</ol>
LISTA DESORDENADA
<ul>
<li>Tomates</li>
<li>Pepinos</li>
<li>Cebollas</li>
</ul>
LISTAS DE DEFINICIÒN
<dl>
<dt>Chocolate</dt>
<dd>Elaborado a base de cacao</dd>
<dt>Caramelo</dt>
<dd>Elaborado a base de azúcar</dd>
</dl>
...
Escribe el código que muestre la sigte. página
EJERCICIO 17
Escribe el código que muestre la sigte. página
EJERCICIO 18
Escribe el código que muestre la sigte. página
LISTA ORDENADA
....
<ol>
<li>Naranjas</li>
<li>Manzanas</li>
<li>Bananas</li>
</ol>
LISTA DESORDENADA
<ul>
<li>Tomates</li>
<li>Pepinos</li>
<li>Cebollas</li>
</ul>
LISTAS DE DEFINICIÒN
<dl>
<dt>Chocolate</dt>
<dd>Elaborado a base de cacao</dd>
<dt>Caramelo</dt>
<dd>Elaborado a base de azúcar</dd>
</dl>
...
EJERCICIO 16
Escribe el código que muestre la sigte. página
EJERCICIO 17
Escribe el código que muestre la sigte. página
EJERCICIO 18
Escribe el código que muestre la sigte. página
