martes, 27 de marzo de 2012
martes, 20 de marzo de 2012
Taller Cuatro
MENU
- Aplicaciones Web
- Ingenieria de Software
- Matematicas
|
Etiqueta |
Descripción |
|
<HTML> ... </ HTML> |
Le dice al navegador que lo está leyendo una página HTML. Un
documento HTML se compone de un solo elemento |
|
caption |
Establece el título de una tabla. Dentro de table. |
|
BODY BGCOLOR="#000000" TEXT="#FFFF00" |
Indica color de fondo de la página y el del texto |
|
H1 y H6 |
Indica el tamaño del texto |
|
texto en negrita y texto subrayado y texto en
cursiva |
Indica el efecto del texto: B= Black ; U = Under ; I = Italic |
|
DIV ALIGN= CENTER ó RIGHT ó JUSTIFY texto a situar |
Indica la situación del texto |
|
especifica que es una lista y · cada elemento de la lista |
Indica que es una lista y los elementos que hay |
|
dos saltos de línea |
Indica donde empieza y termina una frase |
|
|
(Indica que hay una imagen) |
|
Indica un enlace a la página principal |
|
|
Indica un enlace a un correo |
|
|
FRAMESET |
Indica que hay dos o más ventanas en la pantalla => Marcos |
|
abbr |
Explica abreviaciones |
|
area |
Define sectores para mapas de imagen |
|
blockquote |
Párrafos en forma de cita |
|
button |
Crea un botón |
|
col |
Da atributos a las columnas de una tabla |
|
label |
Establece una etiqueta |
|
tbody |
Define un cuerpo en una tabla |
Taller Tres
Ordenador o Computadora
Los equipos informáticos han abierto
Son herramientas esenciales
Taller Dos
Fuentes de texto
Separadores (<hr>)
viernes, 2 de marzo de 2012
CSS
Estructura de una CSS
Hemos visto que las CSS pueden ser externas o estar contenidas en el archivo HTML. Una Hoja de Estilo externa es un simple archivo de texto con extensión .CSS (en algunos navegadores, esto no es absolutamente necesario pero conviene no obviarlo). Este archivo no necesita ninguna declaración inicial ni otra identificación que su propio nombre con extensión y contiene una serie de instrucciones llamadas estamentos. Los estamentos pueden ser de dos clases: 
Ver
Reglas
Una regla es un tipo de estamento que (1) identifica un elemento de la página HTML y (2) le indica al navegador el estilo que deberá tener ese elemento. El siguiente es un ejemplo de una regla CSS:
P {
background-color: red;
color: #FFFFFF
}
Cada regla consta de: un selector (P) que identifica (o selecciona) un elemento de la página Web.
Al selector le sigue un bloque de declaraciones que comienza con una llave de apertura ({) y termina con otra llave de cierre (}). Entre las llaves van las declaraciones (background-color: red; color: #FFFFFF), que son las que le indican al browser el estilo para el elemento seleccionado.
Las declaraciones, a su vez, tienen dos partes: una propiedad (background-color, color) que consiste en alguna de las palabras claves definidas por el lenguaje, seguida de dos puntos (:) y unvalor (red, #FFFFFF) para esa propiedad. Existen distintos valores y cada propiedad puede aceptar algunos de esos valores.
El ejemplo anterior provocará que los párrafos (elementos P) de la página Web tengan de primer plano (color) un color blanco (#FFFFFF) y un fondo (background-color) de color rojo (red). Cuando hay más de una declaración, como en este caso, deben ir separadas entre sí por punto y coma (;).
Por una referencia rápida de las propiedades y valores posibles consulte el Indice de Propiedades de este manual.
Reglas arroba
El otro tipo de estamento se llama regla arroba porque comienza con el carácter arroba (@) seguido inmediatamente (es decir, sin espacios intermedios) por un identificador. Según de qué regla arroba se trate finalizará con un punto y coma (;) o podrá tener un bloque de declaraciones posterior. Estos son dos ejemplos de este tipo de regla:
@import "impres.css";
@media print {
BODY { font-size: 10pt }
}
Las reglas arroba sirven para indicarle al navegador algo más que un estilo de composición. En el ejemplo anterior, la primera sirve para importar otra Hoja de Estilo para ser usada conjuntamente con la actual, la segunda indica que la declaración BODY {font-size: 10pt} se usará solamente cuando la página sea impresa. 
Ver
Comentarios
En cualquier lugar de la página pueden incluirse comentarios. Estos no influyen en el procesamiento de la Hoja de Estilo y deben comenzar con una barra y un asterisco (/*) y terminar con un asterisco y una barra (*/). Pueden ocupar varias líneas de texto pero no pueden anidarse (incluir un comentario dentro de otro comentario). 
Ver
/* Esto es un comentario */
XML
Estructura de un documento en XML. Por Alfredo Reino Romero
Atención: Contenido exclusivo de DesarrolloWeb.com. No reproducir. Copyright.
XML (eXtensible Markup Language) no es, como su nombre podría sugerir, un lenguaje de marcado. XML es un meta-lenguaje que nos permite definir lenguajes de marcado adecuados a usos determinados.
El HTML (HyperText Markup Language) se ha convertido en el lenguaje estándar (o lingua franca) del World Wide Web. En sus casi diez años de andadura, y tras una fase de desarrollo más o menos turbulento, se ha confirmado como un estándar aceptado y aprobado por la industria. HTML se puede considerar una aplicación de SGML (Standard Generalised Markup Language) Hay que desterrar ideas del tipo "XML es HTML mejorado" o "XML es HTML ampliable y personalizable."
Los fundamentos de XML son muy sencillos. En las siguientes páginas aprenderemos cómo crear documentos XML bien-formados, y que además sean válidos, es decir, que estén conformes a una Definición de Tipo de Documento (DTD) dada. Además veremos la creación y uso de hojas de estilo (XSL) para la presentación de los datos, así como diferentes aplicaciones actuales de XML.
Estructura de un documento XML
Aunque a primera vista, un documento XML puede parecer similar a HTML, hay una diferencia principal. Un documento XML contiene datos que se autodefinen, exclusivamente. Un documento HTML contiene datos mal definidos, mezclados con elementos de formato. En XML se separa el contenido de la presentación de forma total.
Una forma de entender rápidamente la estructura de un documento XML, es viendo un pequeño ejemplo:
<?xml version="1.0"?>
<!DOCTYPE MENSAJE SYSTEM "mensaje.dtd">
<mensaje>
<remite>
<nombre>Alfredo Reino</nombre>
<email>alf@ibium.com</email>
</remite>
<destinatario>
<nombre>Bill Clinton</nombre>
<email>president@whitehouse.gov</email>
</destinatario>
<asunto>Hola Bill</asunto>
<texto>
<parrafo>¿Hola qué tal? Hace <enfasis>mucho</enfasis> que no escribes. A ver si llamas y quedamos para tomar algo.</parrafo>
</texto>
</mensaje>
Este mismo documento puede ser visto de forma gráfica, para comprender mejor la estructura de un documento XML.
¿Que es HTML?
Código:
<html>
<head>
<title>HTML Básico para aficionados</title>
Descripción: La propiedad de HTML nos indica el punto de partida del código que creará la página de internet. La propiedad de HEAD nos indica el punto de partida de la cabecera de la página, area que se utiliza para incluir "scripts", códigos y textos invisibles que dan forma a algunos aspectos de la página. La propiedad de TITLE se utiliza para adjudicarle un título a la página que será visto en la barra superior de la página de internet, como el que se muestra en esta página (HTML Básico para aficionados). Y para finalizar tenemos la propiedad de BODY que nos indica el inicio del cuerpo de la página donde se coloca el texto, imágenes y el contenido principal