RR.pdf

Documento Adobe Acrobat 124.8 KB

Descarga

Agosto 10 de 2018

Microdiseno HIPI_II_HTML_XHTML_CSS.pdf

Documento Adobe Acrobat 74.3 KB

Descarga

Nº	Codigo	Apellido	Nombre	Programa	E-mail
1	20181167439	BAUTISTA ROJAS	NICOLAS	INGENIERIA DE S	u20181167439
2	20181167315	Benavides Pobre	Laura Valentina	PSICOLOGIA	u20181167315
3	20181168097	CANO RIVEROS	JEYSON STYVEN	COMUNICACION SO	u20181168097
4	20172163107	CHARRY PERALTA	OCTAVIO	INGENIERIA ELEC	u20172163107
5	20162153137	CHARRY SERRATO	JHON BAYRON	INGENIERIA DE S	u20162153137
6	20162152759	FAJARDO GARZON	SEBASTIAN	INGENIERIA DE S	u20162152759
7	20132123779	GAONA LEON	CAMILO ANDRES	INGENIERIA DE S	u20132123779
8	20162151265	HERRERA GARZON	KAREN DAYANNA	LICENCIATURA EN	u20162151265
9	20162151264	HERRERA GARZON	MARIA PAULA	LICENCIATURA EN	u20162151264
10	20152141646	LONDOÑO RIVERA	LUISA MARIA	INGENIERIA ELEC	u20152141646
11	20142131981	PUENTES GALINDEZ	LINA BRIGITTE	INGENIERIA ELEC	u20142131981
12	20142131717	QUINTERO LEAL	MARICIELO	ADMINISTRACION	u20142131717

HTML

HISTORIA DEL 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. De esta manera, podemos hablar de que han existido distintas versiones de HTML a lo largo de la historia de internet. Nosotros vamos a trabajar con el HTML estándar actual, que es el utilizado por los navegadores y páginas web de hoy en día. Sin embargo, no vamos a prestarle atención a las versiones y especificidades de cada versión, ya que el objetivo de este curso es aprenderlos fundamentos de HTML y entender cómo funciona, no conocer la sintaxis o especificidades de una versión concreta. ¿Por qué no le damos importancia a la versión? Porque una persona que cuenta con los fundamentos y comprensión básica sobre el lenguaje es capaz de adaptarse a las características particulares de una versión sin problema. En cambio, centrarse en los detalles

HTML es el lenguaje que se emplea para el desarrollo de páginas de Internet. Está compuesto por una seríe 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.
HTML Sirve para crear páginas web, darles estructura y contenido.
Ejemplo sencillo de HTML:
<html>
<body>
Esto es un párrafo. Bienvenidos a esta página web para HIPI-II
</body>
</html>

ESTRUCTURA GENERAL DE UNA PAGINA WEB EN HTML

En toda página Web se utiliza

<HTML>

<HEAD> (encabezado: siempre va el titulo)

<TITLE> inicia (Etiqueta para definir titulo de la página) finaliza </TITLE>

<BODY> (Cuerpo de la página, Instruciones de la página y cuerpo) </BODY>

</HTML>

ALINEACIÓN PARA IMÁGENES, VIDEOS Y TEXTO EN HTML

ALINEACIÓN (ALIGN)

<TOP>: Superior
<MIDDLE>: Mitad
<BOTTOM>: Inferior
<CENTER>: CENTRAR
<RIGHT>: Derecha
<LEFT>: Izquierda

TALLER

CREAMOS UNA CARPETA QUE TENGA EL NOMBRE DE Taller1, aquí se va aguardar el texto, imágenes, vídeo, música, etc

ABRIMOS EL BLOCK DE NOTAS, para empezar a crear la pagina web con las diferentes etiquetas.

BIENVENIDOS A LA C

LA PRIMERA ETIQUETA ES:

<HTML>

<HEAD>ENCABEZADO

<TITLE> BIENVENIDOS A LA CLASE DE HIPI- II </TITLE>

</HEAD> EL ENCABEZADO

<BODY> CUERPO DEL TRABAJO

<H1>UNIVERSIDAD SURCOLOMBIANA</H1>

<H2>UNIVERSIDAD SURCOLOMBIANA</H2>

<H3>UNIVERSIDAD SURCOLOMBIANA</H3>

<H4>UNIVERSIDAD SURCOLOMBIANA</H4>

<H5>UNIVERSIDAD SURCOLOMBIANA</H5>

<H6>UNIVERSIDAD SURCOLOMBIANA</H6>

</BODY>

</HTML>

GUARDAMOS TODO CON EL NOMBRE DE TALLER1.HTML

COLOCAMOS NEGRITA Y CURSIVA AL TEXTO

NEGRITA

CURSIVA

Agosto 17 de 2018

Hoy vamos a trabajar con las siguientes etiquetas:

<BODY BGCOLOR = "######">etiqueta fondo de la pagina

 mmmmmm

<BODY BACKGROUND = "imagen.JPG"> colocar una imagen de fondo

Archivo de fondo

COLOMBIA CON FONDO1.pdf

Documento Adobe Acrobat 93.6 KB

Descarga

Archivo de imagen

CON IMAGEN1.pdf

Documento Adobe Acrobat 100.4 KB

Descarga

Con estas imágenes pueden elaborar el taller con imagenes.

Elaborar taller

Agosto 24 de 2018

CREAR TABLAS

TALLER

Elaborar una tabla con comidas especiales

AGOSTO 31 DE 2018

Con los temas vistos elaborar una pagina relacionada al amor y la amistad .

HIPI-II(HTML,XHTML y HTML DINAMICO) - FIINEL02

de 12:00 a 1:45 Viernes

Nº	Codigo	Apellido	Nombre	Programa	E-mail
1	20181167439	BAUTISTA ROJAS	NICOLAS	INGENIERIA DE S	u20181167439
2	20181167315	Benavides Pobre	Laura Valentina	PSICOLOGIA	u20181167315
3	20181168097	CANO RIVEROS	JEYSON STYVEN	COMUNICACION SO	u20181168097
4	20172163107	CHARRY PERALTA	OCTAVIO	INGENIERIA ELEC	u20172163107
5	20162153137	CHARRY SERRATO	JHON BAYRON	INGENIERIA DE S	u20162153137
6	20162152759	FAJARDO GARZON	SEBASTIAN	INGENIERIA DE S	u20162152759
7	20132123779	GAONA LEON	CAMILO ANDRES	INGENIERIA DE S	u20132123779
8	20162151265	HERRERA GARZON	KAREN DAYANNA	LICENCIATURA EN	u20162151265
9	20162151264	HERRERA GARZON	MARIA PAULA	LICENCIATURA EN	u20162151264
10	20152141646	LONDOÑO RIVERA	LUISA MARIA	INGENIERIA ELEC	u20152141646
11	20142131981	PUENTES GALINDEZ	LINA BRIGITTE	INGENIERIA ELEC	u20142131981
12	20142131717	QUINTERO LEAL	MARICIELO	ADMINISTRACION	u20142131717

NO VINIERON A CLASE EN AGOSTO 31 DE 2018

BAUTISTA ROJAS NICOLAS

FAJARDO GARZON SEBASTIAN

QUINTERO LEAL MARICIELO

Septiembre 7 de 2018

SE REVISARAN TODOS LOS TRABAJOS ELABORADOS Y DESARROLLARAN UNA EVALUACIÓN CON LOS TEMAS VISTOS

SEPTIEMBRE 14

formulario

formulario14.pdf

Documento Adobe Acrobat 212.2 KB

Descarga

SEPTIEMBRE 21

Investigar como crear en laces en HTML dentro y fuera de las paginas

ESTRUCTURA DEL ENLACE

<A HREF="URL"> Texto del enlace</A>

El texto del enlace es lo que se visualizará en el navegador. La URL es la dirección donde apunta el enlace y puede ser de estos tipos:

Enlace a otro lugar del mismo documento

En este caso la URL se sustituye por un marcador en la misma página. El marcador puede ser texto colocado en el lugar al que queremos saltar. No importa lo que sea ya que no se verá.

Veamos un ejemplo para saltar al inicio de esta página. Escribiríamos en el lugar desde el que queremos saltar:

<A HREF="#inicio"> Ir al Inicio</A>

Y en el sitio exacto adonde queremos saltar, debemos poner la siguiente etiqueta:

<A NAME="inicio"> </A>

Una vez escrito esto y guardada la página veríamos al abrirla con el Navegador

Ir al Inicio

Al pulsar sobre ella nos llevaría al principio de la página ya que fue allí donde coloqué el marcador

Enlace a otra página local

En este caso la URL se dará de forma relativa (igual que para poner un fondo a la página). Por ejemplo si tenemos dos páginas en el mismo directorio pagina1.htm y pagina2.htm y queremos poner un enlace desde la pagina1.htm a la pagina2.htm debemos escribir

<a href="pagina2.htm">Ir a pagina2</a>

Elaborar 3 paginas y aplicar los enlaces

septiembre 28

Observe la estructura y diga que hace

<!DOCTYPE html>

<head>

<title>Ejercicio - Listas de enlaces</title>

<style>

a:link {

color:red;

}

a:hover {

color:green;

text-decoration:none;

}

a:visited {

color:purple;

}

a:active {

color:lime;

}

body {

background:yellow;

font-family:verdana;

}

h1 {

color:orange;

font-size:20px;

text-align:center;

}

li {

font-size:15px;

}

</style>

</head>

<body>

<h1>Listas de enlaces</h1>

<ul>

<li>Buscadores

<ul>

<li><a href="http://www.google.com/" target="_blank">Google</a></li>

</ul>

</li>

<li>Redes sociales

<ul>

<li><a href="http://www.facebook.com/" target="_blank">Facebook</a></li>

<li><a href="http://www.twitter.com/" target="_blank">Twitter</a></li>

</ul>

</li>

</ul>

</body>

</html>

Enlazar los dos archivos index y septiembre

Este archivo se llama index.html

<html>

<head>

<title>SETIEMBRE DIA DEL AMOR Y LA AMISTAD</title>

</head>

FELIZ DIA DEL AMOR Y LA

AMISTED

<tr>

Gracias por tu amistad

Gracias por todos los momentos

que hemos compartido

momentos llenos de sentimientos

y pensamientos compartidos,

sueños y anhelos,

secretos, risas y lágrimas,

y sobre todo, amistad.

Cada preciado segundo quedará atesorado

eternamente en mi corazón.

Gracias por dedicarme tiempo

tiempo para demostrar tu preocupación por mí,

tiempo para escuchar mis problemas

y ayudarme a buscarles solución,

y sobre todo,

tiempo para sonreír y mostrarme tu afecto.

Gracias por ser lo que eres

una persona maravillosa.

Pude contar contigo

cuando necesitaba en quien confiar

y pedir consejo.

Gracias a ti comencé

a conocerme

e incluso a apreciar lo que soy.

¿Cómo podré expresarte

todo el cariño que te tengo?

Muchas gracias por tu amistad.</td>

</tr>

</table>

</div>

<a href="septiembre.htm">amistad</a>

</body>

</html>

Este archivo se llama septiembre.html

<html>

<head>

<title>SEPTIEMBRE ES EL MES DEL AMOR Y LA AMISTAD</title>

</head>

<marquee bgcolor="#FFFFFF">FELIZ DIA DEL AMOR Y LA AMISTAD</marquee>

<tr>

FELIZ DIA DEL AMOR Y

LA AMISTAD</td>

</tr>

<tr>

<td width="11%" align="center">JUGADORES</td>

<td width="12%" align="center">REGALO</td>

<td width="3%" align="center">VALOR</td>

<td width="40%" align="center">ENDULSADO</td>

</tr>

<tr>

<td width="11%">MARIA</td>

<td width="12%">BLUSA</td>

<td width="40%">CHOCOLATINA</td>

</tr>

<tr>

<td width="11%">PEDRO</td>

<td width="12%">PANTALONETAS</td>

<td width="40%">ALMENDRAS</td>

</tr>

<tr>

<td width="11%">MARTHA</td>

<td width="12%">PULSERA</td>

<td width="40%">DULÑCES</td>

</tr>

<tr>

<td width="11%">MIGUEL</td>

<td width="12%">MUSICA  SALSA</td>

</tr>

<tr>

<td width="11%">PABLO</td>

<td width="40%">GOMITAS</td>

</tr>

</table>

</center>

</div>

<a href="index.htm">amistad</a>

</body>

</html>

Octubre 5

Marcos

Octubre 12 de 2018

Semana de receso

Octubre 19 de 2018

Ejemplo de marcos con comidas navideñas

primer archivo del marco encabezado.html

<html>

<head>

<title>COMIDAS NAVIDEÑAS</title>

</head>

<body>

<marquee style="color: #FFFFFF; font-family: Arial; font-style: italic; font-weight: bold" behavior="alternate" bgcolor="#FF0000">COMIDAS

NAVIDEÑAS EN LAS FAMILIAS COLOMBIANAS</marquee>

</body>

</html>

Segundo archivo del marco menu.html

<html>

<head>

<title>COMIDAS NAVIDEÑAS</title>

</head>

<a href="como_se_preparan_los_buñuelos_co.htm" target="inferiord">BUÑUELOS</a>

<a href="como_se_preparan_natilla.htm" target="_top">NATILLA</a>

<a href="como_se_preparan_tamales.htm" target="_top">TAMALES</a>

<a href="como_se_preparan_pavo.htm" target="_top">PAVO RELLENO</a>

<a href="como_se_preparan_lechona.htm" target="_top">LECHONA</a>

</body>

</html>

Tercer archivo del marco contenido.html

<html>

<head>

<title>COMIDAS NAVIDEÑAS</title>

</head>

</body>

</html>

Cuarto archivo del marco principal.html

<html>

<head>

<title>Pagina nueva 2</title>

</head>

<frameset cols="150,*">

<frame name="izquierdo" scrolling="no" noresize target="superiord" src="menu.html">

<frameset rows="8%,*">

<frame name="superiord" target="inferiord" src="encabezado.html">

<frame name="inferiord" src="contenido.html">

</frameset>

<noframes>

<body>

Esta página usa marcos, pero su explorador no los admite.

</body>

</noframes>

</frameset>

</html>

OTRAS PAGINAS DEL MENU

COMO SE PREPARAN LOS BUÑUELOS

<html>

<head>

<title>COMO SE PREPARAN LOS BUÑUELOS COLOMBIANOS</title>

</head>

COMO SE

PREPARAN LOS BUÑUELOS COLOMBIANOS

<tr>

<td width="58%" align="center">INGREDIENTES</td>

<td width="50%" align="center">PREPARACIÓN</td>

</tr>

<tr>

<td width="58%">Aceite vegetal para freír

¾ de taza de fécula de maíz

1/4 de taza de harina de yuca

1 taza de queso costeño o feta rallado

1/2 taza de queso fresco

2 huevos

1/4 de cucharadita de polvo de hornear

2 cucharadas de azúcar

Una pizca de sal

1 cucharada de leche

<a href="principal.html" target="_top">volver a principal</a>

</td>

</center>

1. Coloque todos los ingredientes, excepto el aceite en un tazón mediano

y mezcle bien con las manos hasta obtener una masa suave y formar bolitas.

2. En una olla muy profunda, caliente el aceite vegetal a

300 ° F . Colocar con cuidado las bolas en el aceite caliente. Cubra la

olla y después de unos 3 a 4 minutos, suba la temperatura y freír hasta

que estén doradas.

Retirar del aceite y escurrir en un plato cubierto con

toallas de papel. Servir.

</td>

</tr>

</table>

</div>

</body>

</html>

COMO SE PREPARA LA NATILLA

<html>

<head>

<title>COMO SE PREPARAN LA NATILLA COLOMBIANA</title>

</head>

COMO SE

PREPARA  LA  NATILLA  COLOMBIANA

<tr>

<td width="50%" align="center">INGREDIENTES</td>

<td width="50%" align="center">PREPARACIÓN</td>

</tr>

<tr>

<td width="50%">La Natilla es un postre colombiano delicioso que se sirve tradicionalmente durante la Navidad.

Ingredientes

3 tazas de leche entera.

1 taza + 2 cucharadas de fécula de maíz.

1 taza de leche de coco.

½ taza de coco rallado.

2 astillas de canela.

1 lata (14 onzas) de leche condensada.

½ cucharadita de extracto de vainilla.

1/3 taza de azúcar o al gusto.

Una pizca de sal

1 cucharada de mantequilla

Canela en polvo al gusto

<a href="principal.html" target="_top">volver a principal</a>

</td>

</center>

Coloque 1 taza de leche en un tazón pequeño, agregue la maicena y revuelva para que se disuelva, deje a un lado.

Ponga la leche de coco y el coco rallado en la licuadora y mezcle hasta que esté suave y reservar.

Coloque el resto de la leche y las astillas canela en una olla mediana y llevar la mezcla a hervir a fuego medio-bajo. Cuando la leche este un poco caliente, pero no hirviendo, agregue la mezcla de coco.

Cuando la leche empiece a hervir, añadir la leche condensada, el azúcar y la

sal. Mezcle bien con una cuchara de madera. Agregue la mezcla de leche y la maicena y continuar revolviendo constantemente.

Agregar el extracto de vainilla. Reduzca el fuego a bajo y continuar revolviendo hasta que espese la Natilla, unos 10 a 20 minutos. Añadir la mantequilla, mezclar y retirar del fuego. Retirar las astillas de canela.

Sírvalo en un molde grande o moldes para postres individuales.

Espolvorear canela en polvo en la parte superior y deje que se enfríe a temperatura ambiente durante al menos 2 horas. Refrigere hasta que esté listo para servir.

</td>

</tr>

</table>

</div>

</body>

</html>

COMO SUBIR TUS PÁGINAS A INTERNET

Hasta ahora, sólo tú has diseñado, creado y visualizado tus páginas. Este es el momento de que el resto del mundo pueda ver tu obra maestra.

Para que tu sitio web forme parte de Internet sólo necesitas espacio en un servidor y un programa FTP gratuito..

https://www.000webhost.com/

Para acceder al servidor es necesario saber el nombre del servidor ("Host Name", por ejemplo, ftp.htmlnet.site50.net) y tener a mano tu nombre de usuario ("username") y contraseña ("password").

dominio y hosting SITIO.pdf

Documento Adobe Acrobat 460.6 KB

Descarga

dominio y hosting SITIO WEB.pdf

Documento Adobe Acrobat 460.7 KB

Descarga

Elaborar una pagina con los temas vistos hasta el momento

FORMULARIOS

FORMULARIOo.pdf

Documento Adobe Acrobat 238.5 KB

Descarga

Estructura de un formulario abril 13 de

Documento Adobe Acrobat 484.7 KB

Descarga

TALLER ABRIL 6 DE 2018 UNIVERSIDAD SURCO

Documento Adobe Acrobat 75.5 KB

Descarga

TALLER TABLAS

taller tabla.pdf

Documento Adobe Acrobat 602.1 KB

Descarga

https://techlandia.com/alinear-texto-parte-superior-td-como_279745/

<html>

<head>

<title>TABLAS</title>

</head>

PAISES QUE VAN AL MUNDIAL DE

RUSIA

<div align="center"> Especifica la división de un cuerpo

<tr>(Inicia una nueva fila)

<td width="33%" align="center">ARGENCINA</td>

<td width="20%" align="center">BRASIL</td>

<td width="20%" align="center">COLOMBIA</td>

</tr>

<tr>

<td width="7%">BANDERA</td>

</tr>

<tr>

<td width="7%">ESCUDO</td>

</tr>

<tr>

<td width="7%">HIMNO</td>

<td width="33%">LLLDFLLDFLLLDF</td>

<td width="20%">LÑLÑLKDFKDLÑKFÑLDKÑFL</td>

<td width="20%">LDLFLÑDSKFLDSKFLÑSDKLÑFSKÑ</td>

</tr>

</table>

</center>

</div>

</body>

</html>

<HTML>

<HEAD>

<TITLE>EJERCICIO No.2</TITLE>

<CENTER><H1>ELECCIONES 2018 COLOMBIA</H1></CENTER>

</BODY>

</HEAD>

</HTML>

Elaborar con estas etiquetas una pagina teniendo en cuenta los candidatos a la rectoria de la Universidad Surcolombiana.

<HTML>

<HEAD>

<TITLE>EJERCICIO EN CLASE No.3</TITLE>

<HEAD>

BODY BACKGROUND = "IMAGEN.JPG">

<CENTER><MARQUEE>TEXTO EN FORMA DE TITULO></MARQUEE></CENTER>

SINTASIS COMPLETA PARA MANEJAR IMAGENES

"ARCHIVO.GIF" "MIDDLE"

"BOTTOm"

Para ubicar imágenes en HTML se debe tener en cuenta las extensiones (JPG, GIF, PNG)

ALINEACIÓN (ALIGN) DE LA IMAGEN

<TOP>: Superior
<MIDDLE>: Mitad
<BOTTOM>: Inferior
<CENTER>: CENTRAR
<RIGHT>: Derecha
<LEFT>: Izquierda
HEIGHT: Define el alto de la imagen en %
WIDTH: Define el ancho de la imagen en %
ALT: Texto flotante que sale al ubicar el puntero sobre la imagen

ELABORAR UNA PAGINA WEB CON LOS TEMAS VISTOS PARA RECOGERLA EL 24 DE NOVIEMBRE POR FAVOR COMO HAY PERSONAS QUE TIENEN SALIDAS O ALGÚN EVENTO PUEDEN REALIZAR LAS PAGINAS EN SUS CASA Y PRESENTARLAS EL 24 DE NOVIEMBRE

TALLER EN CLASE

COMIDAS NAVIDEÑAS

<table>

<caption>Comidas Navideñas por Paises</caption>

<tr>

<th>Comida</th>

<th>Receta</th>

</tr>

</thead>

<tr>

<th>Comida</th>

<th>Receta</th>

</tr>

</tfoot>

<tr>

<td>Colombia</td>

<td>Pavo Relleno</td>

<td>La receta 1 España</td>

</tr>

<tr>

<td>Natilla</td>

<td>mmmmmmm</td>

</tr>

<tr>

<td>Ecuador</td>

<td>Buñuelos</td>

<td>bbbbbbbb</td>

</tr>

<tr>

<td>Argentina</td>

<td>Tamales</td>

<td>TTTTTTTT</td>

</tr>

<tr>

<td>Brasil</td>

<td>Lechona</td>

<td>lllllllll</td>

</tr>

<tr>

<td>Bolivia</td>

<td>Noche buena</td>

<td>papaya, limon,biscocho, queso</td>

</tr>

</tbody>

</table>

TALLER

https://openclassrooms.com/courses/aprende-a-crear-tu-propio-sitio-web-con-html5-y-css3/tablas

Defina

etiqueta
HTML
HTML5
CSS
JavaScript

Explican que hacen las siguientes etiquetas

<HTML>
<HEAD>
<TITLE>
<BODY>
<nav>
<footer>
<video>
<audio>

3. De un ejemplo de como usar las etiquetas anteriores

4. Explica que hace las siguientes lineas de código html:

<A HREF = "copia.html" TARGET = "PRINCIPAL">

5. Elabore un ejemplo en html básico y otro en html5

6. Envia el taller a mi correo tovarcardozorubiela@gmail.com

tablas de multiplicar

tabla.pdf

Documento Adobe Acrobat 109.2 KB

Descarga

propiedades de la pagina.pdf

Documento Adobe Acrobat 558.3 KB

Descarga

tabla.pdf

Documento Adobe Acrobat 275.2 KB

Descarga

TEXT.pdf

Documento Adobe Acrobat 358.3 KB

Descarga

EXPO FRAMES.pdf

Documento Adobe Acrobat 525.2 KB

Descarga

multimedia.pdf

Documento Adobe Acrobat 305.8 KB

Descarga

TALLER

1. CREAMOS UNA CARPETA QUE TENGA EL NOMBRE DE EJERCICIO1

ABRIMOS EL BLOCK DE NOTAS

LA PRIMERA ETIQUETA ES:

<HTML>

<HEAD>ENCABEZADO

<TITLE> DAMOS UN TITULO Y CERRAMOS CON </TITLE>

</HEAD> EL ENCABEZADO

<BODY> CUERPO DEL TRABAJO

<H1>UNIVERSIDAD SURCOLOMBIANA</H1>

<H2>UNIVERSIDAD SURCOLOMBIANA</H2>

<H3>UNIVERSIDAD SURCOLOMBIANA</H3>

<H4>UNIVERSIDAD SURCOLOMBIANA</H4>

<H5>UNIVERSIDAD SURCOLOMBIANA</H5>

<H6>UNIVERSIDAD SURCOLOMBIANA</H6>

</BODY>

</HTML>

GUARDAMOS TODO CON EL NOMBRE DE EJERCICIO1.HTML

COLOCAMOS NEGRITA Y CURSIVA AL TEXTO

NEGRITA

CURSIVA

Microdiseño HIPI- II HTML-XHTML-CSS-JAVASCRIPTS

Microdiseno HIPI_II_HTML_XHTML_CSS.pdf

Documento Adobe Acrobat 74.3 KB

Descarga

MUSICA HTML.pdf

Documento Adobe Acrobat 347.9 KB

Descarga

HTML

HTML es el lenguaje que se emplea para el desarrollo de páginas de Internet. Está compuesto por una seríe 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.
HTML Sirve para crear páginas web, darles estructura y contenido. Ejemplo sencillo de HTML:
<html>

<body>

Esto es un párrafo. Bienvenidos a esta página web para HIPI-II.

</body>

</html>

ESTRUCTURA GENERAL DE UNA PAGINA WEB EN HTML

En toda página Web se utiliza

Columna 1

Columna 2

<HTML>

</HTML>

<HEAD>

Inicio de la pagina

Fin de la página

Inicio de encabezado de la página

EXPOSCION.pdf

Documento Adobe Acrobat 10.9 KB

Descarga

FRAMES

http://www.htmlpoint.com/guida/html_13.htm

MULTIMEDIA

https://developer.mozilla.org/es/docs/Web/HTML/Usando_audio_y_video_con_HTML5

EXPOSCION1.pdf

Documento Adobe Acrobat 11.5 KB

Descarga

<HTML>

<HEAD>

<TITLE>EJERCICIO EN CLASE</TITLE>

<HEAD>

BODY BACKGROUND = "IMAGEN.JPG">

<CENTER><MARQUEE>TEXTO EN FORMA DE TITULO></MARQUEE></CENTER>

GUARDAN EL ARCHIVO CON EL NOMBRE DE INDEX.HTML

IMAGEN DE FONDO

<BODY BACKGROUND = "IMAGEN.JPG"> ESTA SINTASIS SE USA SOLO PARA UBICAR IMAGENES DE FONDO

COLOR DE FONDO

<BODY BGCOLOR = "BLUE"> ESTA SINTASIS SE USA SOLO PARA DAR COLOR A LA PAGINA DE FONDO

SINTASIS COMPLETA PARA MANEJAR IMAGENES

"ARCHIVO.GIF" "MIDDLE"

"BOTTOm"

Para ubicar imágenes en HTML se debe tener en cuenta las extensiones (JPG, GIF, PNG)

ALINEACIÓN (ALIGN) DE LA IMAGEN

<TOP>: Superior
<MIDDLE>: Mitad
<BOTTOM>: Inferior
<CENTER>: CENTRAR
<RIGHT>: Derecha
<LEFT>: Izquierda
HEIGHT: Define el alto de la imagen en %
WIDTH: Define el ancho de la imagen en %
ALT: Texto flotante que sale al ubicar el puntero sobre la imagen

Desarrollar 2 archivos con el nombre de imagen de fondo y el otro con color de fondo

<HTML>

<HEAD>

<TITLE> SITIOS TURÍSTICOS DE NEIVA</TITLE>

</HEAD>

<BODY BACKGROUND =IMAGEN.JPG" BGPRO PERTIES ="FIXED"

<BODY BGCOLOR = "COLOR"> PUEDE SER NOMBRE DEL COLOR ROJO O "RED" O EL CÓDIGO DEL COLOR ROJO "FF0000"

</BODY>

</HTML>

CODIGO HTML

ELABORAR UNA TABLA, MARQUESINA, INSERTAR IMAGEN Y FONDO

HTML.JPG.png

Formato Portable Network Image 42.4 KB

Descarga

codigo html

FIESTASs.pdf

Documento Adobe Acrobat 237.2 KB

Descarga

san juanero.jpg

Formato Portable Network Image 578.0 KB

Descarga

<CENTER>>FONT COLOR= "BLUE" SIZE= "6" FACE = "ARIAL"> SISTEMAS OPERATIVOS <CENTER>

<html>

<head>

<title>LOS MEJORES CANTANTES</title>

</head>

<marquee>MALUMA</marquee>

<marquee behavior = "ALTERNATE" BGCOLOR = "BLUE" SCROLLDELAY ="#" lOOP = "#">MALUMA</marquee>

</body>

</html>

imagen para el taller2

Shakira.jpg.png

Formato Portable Network Image 451.6 KB

Descarga

Codigo para elaborar el ejercicio

Tener en cuenta las etiquetas <TR> inserta una nueva fila, la Etiqueta <TD> nserta columna con texto normal. Acuérdesen que las imágenes deben estar en la misma carpeta donde se encuentra el archivo en HTML

codigo html.pdf

Documento Adobe Acrobat 73.9 KB

Descarga

pagina web

Asi debe quedar la pagina en html

pagina web.jpg.png

Formato Portable Network Image 679.1 KB

Descarga

Tablas de multiplicar

tabla.pdf

Documento Adobe Acrobat 109.2 KB

Descarga

PROGRAMA QUE VISUALIZA LA FECHA Y LA HORA ACTUAL

Para desarrollar en clase

fecha y hora.pdf

Documento Adobe Acrobat 16.8 KB

Descarga

Trabajo para la clase y para la casa se entrega al final del semestre se elabora una pagina cada estudiante selecciona un municipio del huila y desarrolla una pagina de turismo que contenga:

1. Una pagina con los símbolos del municipio como: escudo, himno y bandera

2.Otra pagina que contenga la ubicación del municipio con su mapa.

3.Una página que contenga la historia del municipio

4.Una página que contenga la economía del municipio

5.Una pagina con los sitios turísticos del municipio

6.Una pagina con directorio de los hoteles y sitios turísticos del municipio

7.Una pagina con la gastronomía del municipio

8.Una pagina con las fiestas más importantes del municipio

9.Una página con un album de fotos del municipio