ESTRUCTURA GENERAL DE UNA PGINA WEB

Estructura HTML
Hipertexto lenguaje de marcado (HTML) proporciona la base de las pginas
web. Escritorio y mviles, navegadores como Internet Explorer, Chrome,
Firefox, Safari y Opera, entender y procesos HTML para mostrar sus pginas
web.
HTML incluye nombres de los elementos que caracterizan a las diferentes
partes de una pgina web. Los elementos HTML se escriben como las
etiquetas. La mayora de las etiquetas HTML tienen una apertura y una de
cierre que incluye el nombre del elemento interior (<>) entre parntesis
angulares. La etiqueta de cierre tiene una barra (/) delante del nombre del
elemento (por ejemplo,<elemento> </ element> ).

AADIR UN DIV PARA MANTENER EL CONTENIDO DE LA PGINA

GENRICA
Un <div> es una divisin, o contenedor genrico, para diferentes tipos de
contenido en una pgina. Un div crea una caja invisible todo el contenido que
contiene al que se pueden aadir estilos y la posicin ms adelante en el
proceso.
AADIR UNA CABECERA
La <header> incluye la seccin de introduccin de una pgina como una seccin
de la imagen de la bandera, de navegacin (o men), y las cabeceras de pgina.
Agregar el <header> </ header> etiquetas entre los <div> etiquetas.
AADIR UNA SECCIN DE NAVEGACIN
La <nav> incluye los enlaces de navegacin que normalmente sirven como el
men principal de la pgina. Agregar el <nav> </ nav> etiquetas entre los
<header> etiquetas.
AADIR UNA SECCIN PARA MANTENER EL CONTENIDO RELACIONADO
A <seccin> tiene un propsito ms especfico que el genrico <div> en que se
puede utilizar para incluir un grupo de informacin relacionada con un tema
especfico. La <seccin> para esta pgina incluir informacin general sobre un
tema, as como un presupuesto barra lateral para acompaarlo.
Agregar el <section> </ section> etiquetas inmediatamente despus del cierre
</ header> etiqueta.
AADIR UN ARTCULO PARA MANTENER EL CONTENIDO PRINCIPAL Y
LA BARRA LATERAL
Un <artculo> incluye informacin sobre un tema especfico que puede valerse
por s misma. El artculo de esta pgina se mantenga el contenido principal para
el tema, as como una cita en una barra lateral en la pgina. Agregar el
<artculo> </ Article> etiquetas entre el <section> </ section> etiquetas.

AADIR UN DIV PARA MANTENER EL CONTENIDO PRINCIPAL

La <div> en el artculo de la seccin de esta pgina incluir el contenido

principal para el tema. Aadir los <div> </ div> etiquetas entre los <artculo>
etiquetas.
AADIR UN APARTE PARA SOSTENER LA BARRA LATERAL
Un <aside> contiene informacin que est relacionada con el tema principal y
aparece comnmente como una barra lateral o tirar de cotizacin para
el <artculo> .
Agregar el <aside> </ aside> etiquetas inmediatamente despus del cierre </
div> etiqueta en el artculo.
AADIR UN PIE DE PGINA
La <pie de pgina> define la seccin de pie de pgina de la pgina web y contiene
informacin como el derecho de autor, el men de navegacin y mapas de sitio.

ESTRUCTURA CSS
Estilo CSS le permite agregar color, ajustar el posicionamiento, y los aspectos
de los elementos HTML. Aadir CSS para sintonizar finamente la aparicin de
diferentes elementos, crear un diseo ms estructurado, y mejorar el diseo
visual de conjunto de una pgina.

Necesita ayuda para la comprensin de mrgenes y el relleno? Salida del

modelo de caja CSS a la derecha. Este modelo se utiliza comnmente ilustra
cmo diseo CSS diversas propiedades se refieren a los elementos HTML que
estilo. estilo CSS afina el aspecto de una presentacin

Estilo CSS afina el aspecto de una presentacin

Modelo de cuadro de CSS

Aade color a secciones de una pgina

Establecer los colores de fondo

Especificar la altura de una seccin

Agregar relleno para crear el espacio

Cambie la parte superior, derecha, abajo, izquierda y el relleno por separado

especificar los mrgenes

Aadir mrgenes para las secciones de encabezado y pie