GENERALIDADES:
Es un sistema para definit tipos de documentos estructurados y lenguajaes de marcas para representar esos mismos documentos. Es una aplicación del SGML. Dividiremos la descripción del lenguaje en varias partes:
DESCRIPCIÓN DE LOS COMPONENTES BASICOS DE HTML: formato de los caracteres, marca, nombre, atributos, y comentarios.
ESTRUCTURA DE LOS DOCUMENTOS: define las partes el documento.
CARACTERES PALABRAS Y PARRAFOS: juegos de caracteres aceptados en HTML y el marcado alternativo para que el texto sea solo ASCII de 7 bits.
CARACTERISTICAS HIPERMEDIA: relaciones entre distintos documentos, imágenes, etc.
FORMULARIOS: interación del usuario y el servidor mediante la definición de plantillas del formulario, lo envía, y recibirá una respuesta.
TABLAS: se introducen tablas, al igual que en un documento de texto normal. es posible modificarlas.
MAPAS: son imágenes interactivas, para mejorar la presentación.
CAPAS: conseguimos crear estratos independientes con ubicaciones exactas.
FUNDAMENTOS:
CARACTERES: puede tener distintos juegos de caracteres, todos los caracteres sin marca se visualizaran en el navegador, se definen dos mecanismos de referencia:
REFERENCIA POR NOMBRE: el caracter se representa con un & seguido del nombre y punto y coma.
REFERENCIA NUMERICA:se escribe # seguido del número, en el código seleccionado.
MARCAS: delimitan los elementos de un documento, tienen dos partes, una de inicio y una de final. Las iniciales usan los simbolos "<" y ">", y las finales "</" y ">".
NOMBRES: son una letra seguida de letras o guiones. La longitud está limitada a 72 caracteres. No distinguen entre mayúsculas y minúsculas pero los nombres de entidades si. En las marcas va después de "<".
ATRIBUTOS: Se escriben a continuacion del nombre del elemento. Formula general: nombre_atributo=valor_atributo. El valor del atributo puede ser, una cadena de caracteres, o un nombre. No pueden superar los 1024 caracteres.
COMENTARIOS: la marca es <!...> Comienza con "--" incluye todo el texto hasta que aparesca "--". Se pueden poner espacios en blanco después de cada uno de ellos.
IDENTIFICACIÓN DEL NIVEL HTML DE UN DOCUMENTO. el lenguaje HTML se compone por bloques, cada uno identificado por marcas, mediante una instrucción de inicio y otra de final. Dentro de cada bloque se pueden anidar más, cada uno con un nivel.
ORGANIZACION DE UN DOCUMENTO: Los documentos HTML son un conjunto de elementos anidados, en el nivel más alto el elemento HTML, con cabecera (informacion sobre el documento) y cuerpo (Todo tipo de elementos y marcas) Todos los editores específicos permiten el uso de plantillas.
CABECERA: Puede tener los siguentes datos.
Título: (TITLE), nombre del documento.
Dirección de base: (BASE): para interpretar los enlaces relativos.
El documento es un indice: (ISINDEX) permite introducir palabras clave para buscarlas.
Enlaces relacionados: (LINK)
Metainformación(META), información adicional.
CUERPO: es la parte más importante, aqui esta todo el texto y los objetos.
INSTRUCCIONES BASICAS DE HTML:
COMANDO HTML:Delimita el documento, mediante este comando podemos mostrar la versión de HTML que hayamos usado.
EL COMANDO PARRAFO: inserta un salto de línea al final del párrafo <P> </P>
COMANDO SALTO DE LINEA: <BR> El texto puede flotar al rededor de las imágenes. Para ello usamos el atributo CLEAR, con los valores: left, right, all.
COMANDOS DE ENCABEZAMIENTO: tiene seis niveles de encabezados, el primeron para crear las divisiones mayodres del texto. El sexto para el más pequeño.
APARIENCIA DEL TEXTO: al usar ciertos comandos delimitamos el texto afectado por los cambios. Ej: NEGRITA <B> </B>
CURSIVA <EM> </EM>
SUBRAYADO <U> </U>.
LISTAS: hay dos tipos, sea del tipo que sea, puede tener varios niveles, una puede englobar a otras.
LISTAS NO NUMERADAS: o no ordenadas, <UL> ... </UL> , para los elementos se usa <LI> ... </LI>
LISTAS NUMERADAS, el comando es <OL> ... </OL>, para los elementos se usa <LI> ... </LI>
LISTAS DESCRIPTIVAS: comando <DL> ... </DL>, para los elementos se usa <DT> ... </DT>, y un texto con el comando <DD> ... </DD>
CENTRANDO TEXTO: comando <CENTER> ... </CENTER>
LINEAS HORIZONTALES: comando <HR> ...</HR>
ENLACES: hay cuatro grupos:
-los que hacen referencia a otra parte en el mismo documento.
-los que hacen referencia a otro documento.
-los que hacen referencia a otra parte de otro documento.
-los que hacen referencia a una direccion de correo electronico.
REFERENCIAS EN EL MISMO DOCUMENTO : son conocidos como referencias locales, se componen de dos partes:
REFERENCIA: es la zona en la que se hace clic, aparece subrayada.
NOMBRE REFERENCIADO: esta es la zona del documento a la que accede el usuario al hacer clic.
REFENCIAS A OTROS DOCUMENTOS: es necesario conocer la ubicación del documento, existen dos tipos:
REFERENCIA RELATIVA: debemos especificar la posición del documento en la estructura de subdirectorios
REFERENCIA ABSOLUTA: tendremos que especificar el URL, de la página en cuestion.
REFERENCIAS, A UN LUGAR DE OTRO DOCUMENTO: es una combinación de los dos modos vistos anteriormente.
REFERENCIA A UNA DIRRECCION DE EMAIL: es un enlace a una direccion de correo electrónico en la que se puedan recibir sugerencias realizadas por los usuarios.
OTRAS INSTRUCCIONES IMPORTANTES:
FORMULARIOS: plantilla para que el usuario se comunique con nuestro servidor web. se emplea para acceder a un servicio de información. El conjunto de datos es una secuencia de campos con pares nombre/valor, en los atributos NAME. Al configurar el formulario para uso con un programa CGI, es necesario que el servidor tenga este programa. Elementos:
DECLARACION DE FORMULARIOS, marcas FORM, en su interior estan los elementos input. Atributos:
Action, especifica el URL.
Method, indica el metodo de acceso.
Enctype: especifica el tipo de codificación para el transporte de los pares nombre/valor.
CAMPOS DE ENTRADA (INPUT) representa un campo de entrada de datos, los tipos son
Texto: INPUT TYPE=TEXT. deben incluir el atributo NAME, y como opcionales, MAXLENGHT, SIZE, VALUE.
Password INPUT TYPE= PASSWORD.
Casilla de verificación INPUT TYPE=CHECKBOX
Boton de opcion INPUT TYPE=RADIO.
Boton de envio INPUT TYPE=SUBMIT.
NAME cuyo valor es el atributo VALUE
VALUE indica la etiqueta para el boton.
Pixel de una imagen INPUT TYPE=IMAGE
Boton de reinicio INPUT TYPE=RESET.
CAMPOS DE SELECCION (SELECT)se emplea para reducir el campo a una lista de valores, elementos de tipo <OPTION>, los atributos son: MULTIPLE, NAME, SIZE. SELECTED, VALUE.
AREA DE TEXTO (TEXTAREA), representa un campo de texto de multiples líneas. Los atributos son: COLS, NAME, ROWS.
ENVIO DE FORMULARIOS: el usuario completa el formulario, lo envía. y recibira una respuesta.
TIPO DE CODIFICACIÓN DE FORMULARIOS: al enviar un fórmulario, este se codifica, el tipo de codificación es MIME, los datod obtenidos del formulario se representan asi:
1.-los nombres de campos y valores son preprocesados.
2.-los campos se enlistan en el orden en el que aparecen en el documento.
METODO GET: METHOD=GET. es un metodo de consulta, por ejemplo, las consultas a bases de datos, que no tienen efectos visibles en otros programas.
METODO POST, METHOD POST. se utiliza cuando los datos del formulario realiza una modificación.
MARCOS: nos dan la posibilidad de dividir nuestras paginas Web en varias regiones. Cada marco se puede ver como una página diferente: se le puede asignar un URL, un nombre, permiten redimensionarse dinámicamente. Con los marcos podemos conseguir los siguientes efectos: barras de control, títulos gráficos, etc. Mientras el usuario navega por marcos dinámicos los contenidos del marco estática permanecerán fijos. podemos crear marcos con indices de contenido.
COMANDOS PARA CREAR MARCOS: son:
FRAMESET: define un conjunto de marcos. incluye los atributos:ROWS, y COLS, para estos atributos será una lista de valores.
FRAME: describe las características concretas de un marco. crea un marco dentro de un conjunto de marcos.
NOFRAMES para los navegadores que no soportan los comandos que hacen referencia a los marcos, pues si no soportan marcos no mostraran su contenido.
