Cómo funcionan los navegadores Web muestran documentos HTML

Cuando el usuario navega a una página Web, el contenido HTML se envía desde el servidor al navegador, donde se exhibe. Los principales componentes que intervienen en la visualización de una página web son marcas HTML y CSS (Cascading Style Sheets). estructuras HTML definen el contenido del documento, que puede incluir texto, imágenes, vídeo y otros tipos de medios. declaraciones CSS dictan cómo el navegador debe mostrar los elementos HTML en el documento. Existen ligeras diferencias entre los diferentes navegadores al mostrar HTML.

Diseño

HTML y CSS definen cómo deben establecerse los elementos de las páginas web a cabo con relación a otra. Los elementos HTML en una página están en las etiquetas:

<Div> Un elemento de página </ div>

Estos elementos se pueden disponer de diversas maneras. El navegador utiliza los mismos elementos y las declaraciones CSS para decidir cómo la página debe ser presentada. reglas CSS declaran anchos y posiciones de los elementos:

div {width: 80%; flotador izquierdo;}

Esto significa que el "div" ocupará 80% de la anchura de su elemento que contiene y se sentará en el mismo acceso horizontal como cualquier elemento flotante a su izquierda, proporcionando estos encajan dentro del elemento contenedor.

Texto

Un número de tipos de elementos HTML puede contener texto para mostrar a los usuarios, con fuentes, CSS que definen el tamaño del texto, estilo de texto, alineación y color. El ejemplo siguiente HTML muestra algún texto que figura dentro de un párrafo:

<P> Un texto del párrafo </ p>

El navegador mostrará automáticamente esto con nuevas líneas, la línea se rompe de manera efectiva, antes y después del elemento "p". Este código CSS define varios aspectos del texto para el navegador para reflejar cuando se presenta la página:

p {font-family: Arial, Helvetica, sans-serif; font-size: large; font-weight: bold; color: # 00FFFF; text-align: center;}

El modelo de caja

El modelo de caja en CSS es un método para instruir al navegador con respecto a la zona a ser ocupada por los elementos. Cada elemento HTML puede tener una anchura especificada, un área de relleno añadido a cada lado, un borde alrededor del elemento incluyendo la zona de acolchado, entonces un margen exterior que, la definición de un área alrededor del elemento que no puede contener otros elementos. Las medidas utilizadas pueden ser fijos, como en el siguiente ejemplo:

div {padding: 10px; margen: 5px;}

Las mediciones pueden ser alternativamente en relación con el tamaño del elemento, como en este ejemplo:

div {width: 100px; padding: 5%; margen: 2%;}

imágenes

Imágenes en HTML pueden aparecer tanto en el primer plano y el fondo. imágenes de primer plano se incluyen dentro del marcado HTML, diciendo que el navegador muestre ellos, junto con los demás elementos del documento, de la siguiente manera:

<Img alt = "una imagen" />

Como alternativa se pueden mostrar imágenes en el fondo, detrás de ciertos elementos como en este ejemplo CSS decirle al navegador qué imagen se mostrará detrás de un tipo de elemento específico, así como la forma en que se debe mostrar:

div {background: # 000000 URL ( 'backpicture.jpg') repeat-x;}

La imagen se repite a lo largo del eje "x" y un color negro que aparece detrás de cualquier otra parte visible del elemento.