[2016-19-07]
CLASE 21:
Se realizó la evaluación correspondiente al primer Indicador.
Estructura de la cabecera de un ejercicio en HTML:
<html>
<head>
<title></title>
</head>
VIÑETAS:
<ul>
<li>manzanas</li>
<li>platanos
</ul>
TIP IMPORTANTE: Para enviar un archivo de html por correo electronico, es necesario enviar toda la carpeta que contiene el Documento y para eso, esta se tiene que COMPRIMIR.
EJERCICIO (Diferentes tamaños de Letras):
<html>
<head>
<title></title>
</head>
<body>
<h1>mensaje</h1>
<h2>mensaje</h2>
<h3>mensaje</h3>
<h4>mensaje</h4>
<h5>mensaje</h5>
<h6>mensaje</h6>
</body>
</html>
Se realizó la evaluación correspondiente al primer Indicador.
Estructura de la cabecera de un ejercicio en HTML:
<html>
<head>
<title></title>
</head>
VIÑETAS:
<ul>
<li>manzanas</li>
<li>platanos
</ul>
TIP IMPORTANTE: Para enviar un archivo de html por correo electronico, es necesario enviar toda la carpeta que contiene el Documento y para eso, esta se tiene que COMPRIMIR.
EJERCICIO (Diferentes tamaños de Letras):
<html>
<head>
<title></title>
</head>
<body>
<h1>mensaje</h1>
<h2>mensaje</h2>
<h3>mensaje</h3>
<h4>mensaje</h4>
<h5>mensaje</h5>
<h6>mensaje</h6>
</body>
</html>
- Ejemplo en este mismo ejercicio como colocar color a la Letra:
<h4><font color="#ff00ff">mensaje</font></h4>
<h5><font color="#ff1cae">mensaje</font><h5>
DIFERENTES VIÑETAS:
- <marquee></marquee>: Movimiento.
- <marquee direction=up" (down,right,left,opciones):Movimiento pero el usuario le asigna la dirección.
- <marquee behavior="alternate">mensaje</marquee> : Hace que una imagen se muestre en la pantalla con movimento rebotando de un lado al otro.
- <marquee behavior="alternate" width="10%">mensaje</marquee> : El usuario elige el movimiento de la imagen y su ancho.
- <body bgcolor="#000000"text="#ffffff">: Para colocar color al Fondo del Sitio Web y también la letra cambia de color.
- <background="mis imagenes"/windows.jpg">: Como colocar una imagen de Fondo en su sitio Web.
- <img src="mis_imagenes/perro.gif"border="5"title="Esto es un PERRO"width="32px">:
Esta etiqueta da la orden de insertar una imagen eligiendo el ancho de su borde, el tamaño de esta y como añadirle un título y que este salga al momento de seleccionar la imagen en su Sitio Web.
px: Pixeles, este También trabaja con porcentaje %
NOTA: La imagen prevalece por encima del color de Fondo en la carpeta.
Las imágenes siempre deben estar en la carpeta. Asignarles la dirección en la que se encuentra completa par evitar inconvenientes.
CSS: (Hojas de Estilo en Casacada)=(Cascading style sheets)
Código de Programación que va incorporado en html y mejora la calidad de Diseño.
Es un Lenguaje de estilo que define la presentación de los documentos de HTML.
Abarca cuestiones relativas a fuentes,colores,márgenes,líneas,altura,anchura,imágenes de Fondo, posicionamiento avanzado etc. Agrega el Diseño Gráfico a la Información.
TOMADO DE: http://es.html.net/tutorials/css/
GIMP: Programa de Diseño Básico.
VIÑETAS PARA AÑADIR HIPERVÍNCULOS:
- <a href=//www.vanguerdia.com"title="PRESTE CUIDADO,si UD">Ir a Vanguardia</a>
- target="_self">ir a vanguardia</a>
En esta ultima viñeta hay dos opciones self o blanck.
