Primer Corte - Clase nº 5

Creacion de formularios
< Form > --- < /form>
< Input>
< Select>
< input type=”checkbox”>
< input type=”submit”> procesa
< input type=”reset”>limpia
< Form action > que se va hacer con los datos
< /form>
Method: post=stdio
Get=URL
Action= “mailto:direccion°host.com”
“procesa.php”

< Select>
-----
-----
< /select>
Como utilizarlo
< select name=”color” multiple>
< option value=”1”>rojo
< option value=”2”>azul
< /select>
< Br>
< select name=”otro” size=1>
< option value=”r”>rojo
< option value=”a”>azul
< /select>
< input type= “submit”>


Multimedia
• Ms-explore
< BG sound src=”musica.mid” loop=2>
Loop=veces que se repite infinito
• Nest.cape
< embed src=”música.mid” autostart=false loope=true>

Primer Corte - Clase nº 4

Creación de las tablas
< Table>----- < /table>
< Tr> table row = filas
< Th>table head=encabezados
< Td>tabla date=datos en común
Como crearlas:
< Table>
< tr>
< Th>nombre
< Th>cé dula
< Hr>
< TR>
< Td>yesica
< Td>17867869
< /Tr>
Creación de marcos (frames)
Atributos
Rows = filas
Cols=columnas
Frameset
< frameset rows =15%, 50%,25%>
< frame src=”logo.html”name=”tope”>
< frame src=”presentacion.html”name=”centro”>
< frame src=”menu.html”name=”menu”>
< /frame>




< Body>
----------
---------
< a href=”menu.html>menu< /a>
< /body>
< /no frame>

Atributos frame
Scrolling = yes/no/auto
Border color=blue
Margin width=10
Margin height=20
Frame border=0
Frame spacing=0

Primer Corte - Clase nº 3

Enlaces de una página web

< a>
< a href =”otra.html”> otra < /a>
< a href=”www.google.com”> google
< a name=”#parte1”
________
________
< a href=”parte1”>parte1< /a>
Tipos de enlaces
• Enlace a una página creada por nosotros
< a href=”Venezuela.html> Venezuela < a/>
• Enlace a otro sitio existente
< a href =”www.venezuelatuya.com “>visita Venezuela< /a>
• Referencia a la misma pagina
< a name=”primera”> titulo < /a>
< a href =”#primera”>ir a primera< /a>
Algunas listas que se utilizan para ordenar textos por numero o viñetas
< ul> viñetas
< ol>numero

Formas de utilizarlas

• Números

< ol>
< li>casa< /li>
< li>carro< /li>
Resultado
1 casa
2 carro

• Viñetas

< ul>
< li>casa< /li>
< li>carro< /li>
< /ul>

Resultado
• Casa
• Carro

Primer Corte - Clase nº 2

HTML: lenguaje de marcado de hipertexto

Creación en block de notas:

< > tag
< html> inicio de la pagina
< Head> cabecera
< /html> cierre de la pagina
< title> mi pagina < /title> titulo
< Body> inicio del cuerpo de la página
< /Body> fin del cuerpo

Algunos tag utilizados para crear:

Comentarios: -----
Dar énfasis: < em>----- Yesica
Colocar letra pequeña: ----
Subrayar: ---
Entre otros…

Colores en HTML
Se trabajan los colores en ingles, ejemplo:(yellow, blue, red, pink, etc…)
O en modo hexadecimal:

#FF 00 00: ROJO
#00 FF 00: VERDE
Se trabaja de esta forma
< body background=”pink” text color=”White”>: color de fondo y de patalla
Como agregar imagenes
< img src=”../nombre.jpg”>
Aparte se le puede agregar los siguientes atributos:
SRC: ruta y nombre de imagen
ALT: alternativo (nombre sobre la imagen)
HEIGHT: altura
WIDTH: ancho
BORDER: borde
Como se utiliza
< img src= “../nombre.jpg” alt=”Niño” height=100 widht=100 alignt= center>

Primer corte - Clase nº 1

Internet: Es una red amplia, la cual comunica a todas las redes del planeta

Servicios
· www(web)
· correo electrónico
· FTP
· Mensajería instantánea

Intranet: conjunto de redes internas para empresas o instituciones

Extranet: red que proporciona acceso a una intranet

Direcciones web
HTTP://www.bueno.com/publico/saludos.HTML

HTTP:protocolo

BUENO: host

PUBLICO: subdirectorio

SALUDOS: pagina

Navegador: programe que permite tener acceso a internet, el cual conoce todos los lenguajes utilizados en el mismo.