IMAGEN EN UNA PAGINA WEB

para insertar una imagen en una página Web era imprescindible guardarla en un archivo independiente del documento HTML. Dicho archivo podía contener la imagen en varios formatos, siendo los de mayor uso GIF y JPEG que pueden ser vistos con la práctica totalidad de navegadores. Cuando tenemos una imagen con estos formatos suelen tener la extensión .gif en el caso del formato GIF y .jpg o .jpeg en el caso de imágenes JPEG.

Cuando insertamos una imagen ésta se sitúa justo en el lugar donde está la etiqueta IMG independientemente de si hay texto alrededor o no, por esta razón este tipo de imágenes reciben el nombre de imágenes en línea o imágenes inline. Usando esta característica podíamos insertar imágenes pequeñas como si fuesen parte de un párrafo.

Si queremos insertar una imagen en el interior de un elemento de nivel de bloque, pongamos por ejemplo un encabezado, no tendremos más que poner la etiqueta en el interior de ese elemento (entre las instrucciones de inicio y fin). Si no lo hiciéramos así, después de la imagen

TIPOS DE ENTRADA

Estos archivos se almacenan en el servidor de Hosting en formato HTML junto con los archivos de imágenes (comunmente en formato jpg, gif o png) y los videos y demás contenido del site.
Para modificar este tipo de página los archivos deben ser descargados del servidor con algún software para este fin (como los clientes FTP), editado usando un programa de edición de páginas web como el Dreamweaver, grabados y subidos nuevamente al servidor.

ENLACES

Las páginas web no son más que un caso particular de documentos de hipertexto, es decir, documentos cuyo contenido no es solo el texto simple que podemos leer sino también el contenido de otras fuentes a las que accedemos desde el documento. 

LISTAS REGULARES

Denegar el acceso a ciertos Sitios de Red permite hacer un uso más racional del ancho de banda con el que se dispone. El funcionamiento es verdaderamente simple y consiste en denegar el acceso a nombres de dominio o direcciones de Internet que contengan patrones en común.

FORMULARIOS

Podríamos modificar con datos todas estas tablas directamente sobre las mismas.

A partir de las tablas es más cómodo si se hace usando el asistente posteriormente se podrá modificar en vista diseño

Son diseños que se realizan para poder introducir, modificar o visualizar los registros de una consulta

CAPTION

Esta marca permite poner un título encima (atributo ALIGN=TOP) o debajo (atributo ALIGN=BOTTOM) de la tabla.
Ejemplo:

Artículo Referencia Precio Libreta 17 120 Provisines

<TABLE BORDER> <TR> <TH>Artículo</TH><TH>Referencia</TH><TH>Precio</TH> <TR> <TD>Libreta</TD> <TD>17</TD&lgt; <TD>120</TD> <CAPTION ALIGN=bottom> <B>Provisines</B></CAPTION></TABLE>

IMAGENES EXTERNAS

Estas permiten guardarse en servidores propios como blogger Son imágenes que se alojan en algún servicio o pagina Tambien se utilizan como programas a clientes usando FTP o SFTP

MARCAS TH

Esta marca funciona de forma similar a TD admitiendo los mismos atributos pero se considera como una marca de título de una celda. Automáticamente centra el texto y lo pone en negrita.
Ejemplo:

Artículo Referencia Precio Libreta 17 120

<TABLE BORDER> <TR> <TH>Artículo</TH><TH>Referencia</TH><TH>Precio</TH> <TR> <TD>Libreta</TD> <TD>17</TD> <TD>120</TD> </TABLE>

MARCAS TD

Es el elememto de inicio de una columna. Puede completarse con los atributos VALIGN y ALIGN que será entonces prioritarios sobre los mismos valores definidos en la marca <TR>.
Dos atributos suplementarios, COLSPAN y ROWSPAN permiten generar celdas cuya superficie es un multiplo de la celda elemetal. La matriz de la tabla que define el número de celdas elementales se calcula por el número de líneas de la tabla (número de instrucciones TR), multiplicado por el número de celdas (número de celdas TD) de la línea que define más celdas (mayor número de TD).
El número de celdas por línea de la tabla se calcula sobre la línea que define el mayor número de celdas.
El último atributo de TD es NOWRAP que impide dividir el texto de la celda en varias líneas.

Ejemplo:

Comida Bebida Postre A B C

... <TR ALIGN="left"> <TD ALIGN=left>A</TD> <TD ALIGN=center>B</TD> <TD ALIGN=right>C</TD> ...

MARCAS TR

as marcas que definen una nueva fila son <TR> y </TR> que admiten los siguientes atributos de alineación del texto en el interior de todas las celdas de la fila:

VALIGN (alineación vertical) que puede tomar los valores:

 TOP coloca el texto en la parte superior de la celda
 BOTTOM coloca el texto en la parte inferior de la celda
 MIDDLE en el centro de la celda 

ALIGN (alineación horizontal) que puede tomar los valores:

 RIGHT coloca el texto a la derecha de la celda
 LEFT coloca el texto a la izquierda de la celda
 CENTER centra el texto en la celda 

Ejemplo:

Vocales La mas usada a La segunda e La tercera i

... <TR ALIGN="center"> <TD>a</TD> <TR VALIGN="top"> <TD>e</TD> <TR ALIGN="right" VALIGN="bottom"> <TD>i</TD>

MARCAS

Las marcas delimitan elementos de un documento como cabeceras, párrafos, etc y son utilizadas para dar un tratamiento diferente al texto que se encuentre entre las marcas.
En HTML las marcas se delimitan con los signos < (inferior a) y > (superior a). Un texto marcado tendrá por tanto este aspecto:

...texto normal <marca> texto afectado por la marca </marca> resto del texto...

Un ejemplo podría ser resaltar un texto en negrita, para ello se emplea la marca <B> y quedaría de la siguiente forma:

...texto normal <B> texto en negrita </B> resto del texto...

ATRIBUTOS DE LAS MARCAS 

Atributos básicos: se pueden utilizar prácticamente en todas las etiquetas HTML

Atributos para internacionalización: los utilizan las páginas que muestran sus contenidos en varios idiomas

Atributos de eventos: sólo se utilizan en las páginas web dinámicas creadas con JavaScript.

Atributos de foco: relacionados principalmente con la accesibilidad de los sitios web

ESTRUCTURA DEL CUERPO: BODY

Es el resto del documento, o sea, todo aquello que no pertenezca a la cabecera, residirá entre <BODY> y </BODY>. Esta es la estructura mínima que debe poseer todo documento <BGCOLOR/> <BGSOUND/>

ESTRUCTURA DEL ENCABEZADO

Los elementos <HEAD></HEAD> se colocan inmediatamente después de la apertura de la marca <HTML> y cierran el encabezamiento propiamente dicho del documento; es decir toda la información que necesita el navegador, el servidor de web y los motores de búsqueda.

DEFINICION DE BLOQUES 

LAS MARCAS DE ESTE BLOQUE SON:

<P>

<PRE>

<ANDDRESS>

<BR>

<HR>

COMENTARIOS

En HTML podremos poner comentarios de la siguiente forma: <!-- COMENTARIO EN UNA PAGINA html -->

FONDO Y COLORES DE TEXTO

un cierto número de la marca body permiten controlar el color de fondo de la pagina, ventana, el color de texto y finalmente el color de enlaces.

Para esto la marca es: <BODY, atributo1, atributo2,…>

-Atributo text:

Permite controlar el color del texto estándares decir todo el texto que no especifique un enlace.

<BODY TEXT=”#rrggbb”>

-Atributo background:

Este atributo especifica una imagen residente la cual se utiliza como fondo de pagina.

-Atributo link:

Controla el color de los enlaces

Alink: color fugaz que aparece al dar clic en el anlace <BODYALINK=”RRGGFF”>

TITULO:

Es la marca que asigna el tamaño de los caracteres donde n vale uno a seis. El texto de estas marcas es en negrita.

<HN>

TAMAÑO LETRA Y COLOR

Algunas de las marcas que ayudan a modificar la letra y el color de los caracteres son las siguientes:

-La marca <FONT/> PERMITE actuar sobre bloques distintos de caracteres situados en la misma línea.

-El atributo size:

Regula el tamaño de los caracteres de 1 a 7.

-El atributo color:

De los caracteres especifica el color

Ejemplo: <Font size=3 color=”#008000>…</Font>

ESTILO Y COLORES

ESTOS SON LOS ESTILOS DE CARACTERES EN HTML.

-<B> NEGRITA

-<I> CURSIVA

-<V> SUBRAYADA

COMBINACIÓN DE TAMAÑO Y ESTILO

Toda ventana trabaja bajo efecto de solo un par cerrado de marcas ejemplo:

<i>

<Font size=5>

<b> hola </b> como

Font size=6> estas </Font>

</i>

ALINEACIÓN DE IMÁGENES

La marca IMG permite situar la imagen o la línea de texto actual y puede tomar los siguientes valores.

-MIDDLE

-BUTT

-TOP

FORMULARIOS

Es una plantilla para representar un conjunto de datos. Algunas marcas que generan acciones dentro del formulario son:

-METHOD:

CODIFICA EL SCRIP AL QUE SE LE PUEDE DAR UN VALOR Y TRANSFIERE DATOS A ESTE.

-ACTION: DEFINE EL URL DE UN PROGRAMA ENCARGADO DE TRATAR LOS DATOS ADQUIRIDOS DE ESTE.

CAMPOS DE SELECCION:

LA MARCA SELECT NAME  SE PROGRAMA CON UNA LISTA DE SELECCIÓN VARIABLE SE PROGRAMA CON UNA LISTA QUE SE ESPECIFICA CON LA MARCA OPTION.

AREA DE TEXTO:

Permite pretextar una ventana con barras de desplazamiento con desplazamiento horizontal y vertical con las que se podrá escribir texto.

El valor dado a los tributos rows (líneas)(cols) columnas.