HTML
1. Historia del html
2. Estructura de una página en html5
3. Que es una etiqueta y cual es su sintáxis para su manejo en html5?
4. Etiquetas básicas que maneja html5 con ejemplos
5. Manejo de tablas en Html5, Realizar un ejemplo
5. Manejo de formularios en HTML, realizar un ejemplo
En el siguiente link esta la primera parte del taller: https://goo.gl/PvVWWq
Actividad Html5
1. Crear una tabla en Html5 con la hora, los dias de la semana y las clases que reciben por dia y en la parte superior debe aparecer horario de clase y una imagen que tenga ver con ingeniería o tecnolgía de sistemas.
2. Realizar el siguiente formulario con codigo Html5....
Nota: al terminar cada punto tomarle una foto a la imagen y subirla al igual que codigo html guardado como txt... e insertarlo en el sitio Web de cada uno....
Esta basada en etiquetas
<etiqueta>...</etiqueta>
Estructura basica de una pagina web
Siempre se empieza con <html> y va al final </html> el codigo va entre estos dos.
<html>
<head> (cabecera) inicio
<title> Mensaje </title>
</head> cierre
<body> (cuerpo)
Todas las instrucciones y la informacion
</body>
</html>
Etiquetas:
- <p> </p> para hacer un parrafo. Para organizar el parrafo (justificado, centrado, hacia la izquierda o derecha) se pone como parametro dentro de <p ALIGN="tipo de organizacion(justify, center, etc)">
- desde <h1> hasta <h6> tiene que ir cierre (tipos de titulos)
- h1 es el de mayor tamaño y va disminuyendo su tamaño y grosos de letra de acuerdo al aumento de sus h (h6 mas pequeño)
- <br> es un separador, no tiene cierre
- <center></center> para centrar un titulo
- <b></b> NEGRILLA
- <I></I> CURSIVA
- <u></u> SUBRAYADO
Etiqueta formato de texto:
<font></font> necesita el parametro face="tipo de letra" size (tamaño) ="1-6" color="green" (verde)
ETIQUETA PARA HACER UN COMENTARIO
<! --(ABRE) --> (CIERRE)
ARCHIVO DE HTML DONDE ESTAMOS TRABAJANDO:
FORMATOS PARA LA PAGINA WEB COMO TAL.
para el fondo de la pagina
<body bgcolor="blue" o #E67E22(codigo de colores hexadecimal) >
IMAGEN DE FONDO.
Guardar la imagen en la misma ruta donde se guarda el archivo html
background="FONDO.jpg (nombre de la imagen""
Texto para la pagina
text="color"
esta propiedad respeta la etiqueda font
MARGENES.
leftmargin="(pixeles)" lados
topmargin="(pixeles)" arriba-abajo
ETIQUETA PARA IMAGEN
<img src="nombre o ruta con extencion" no es necesario cierre de etiqueta
Parametros para cambiar el ancho de la imagen
width="pixeles"
parametros para el cambio del largo de la imagen
height="pixeles"
poner mensaje en una imagen
title="mensaje"
tambien se le puede dar alineamiento con el parametro align="tipo de alineamiento"
recuadro para una imagen.
border="tamaño"
ETIQUETA PARA MANEJAR TITULOS O VINCULOS (ENLACES,LINKS)
Enlaces internos (dentro de la misma pagina)
<hr> especie de barra separadora
La etiqueta <a name="historia"></a>
y se invoca de la siguiente manera:
<a href="#historia">Breve historia del HTML</a> (SIEMPRE LLEVA EL #)
en el cuerpo se puede cambiar el color de los enlaces link="color" alink="color" vlink="color"
ENLACE LOCAL.
No se nececita crear el marcador, solo se nesecita llamar el marcador en la pagina y lugar donde quiere que vaya este enlace
<a href="Nombre de la pagina.html"> Mensaje</a>
ENLACE EXTERNO:
<a href= "direccion URL" target="_blacnk"></a> hacer que cuando se abra me cree una nueva pestaña