mjhygtre




PROGRAMACIÓN
WEB

Contenido







HTML
CUERPO DEL CÓDIGO HTML







ESPACIADORES

Establece un salto de línea.

Establece una línea de separación.

Establece los párrafos, da dos saltos de línea.

ALINEACIÓN
Se establece con al atributo ALIGN el cual puede tomar 4 valores:
Right: para alinear a la derecha.
Left: para alinear a la izquierda.Center: para alinear en el centro.
Justify: para justificar.

RESALTADORES
Texto en negrita // texto
Texto en cursiva // texto
Texto subrayado

ETIQUETAS DE CABECERA
Titulo de nuestra página
Etiqueta de cabecera, con la siguiente estructura:

Atributos:
Keywords: Palabras clave de la página.
Auhor: Nombre del diseñador o diseñadores del sitio.
Description: Establece unadescripción de mi sitio web.

IMÁGENES
Etiqueta principal para establecer una imagen.
Atributos:
SRC: Contiene la ruta donde esta guardada la imagen.
WIDTH: Establece el ancho de la imagen.
HEIGHT: Establece el largo de la imagen.
BORDER: Establece el ancho del borde de la imagen.

FONDO
Se coloca como atributo en el cuerpo de donde deseemos poner el fondo, se puede establecer dedos maneras:
Background=”RutaDeElArchivoDeFondo”
Bgcolor=”NombreDelColor_ColorHexadecimal”

PROPIEDADES DEL TEXTO
Para establecer estas propiedades, utilizamos las etiquetas , la cual contiene los siguientes atributos:
Face: Establece la fuente.
Size: Establece el tamaño de la letra en px.
Color: Establece el color de la letra.

ENLACES
Se establecen mediante la etiqueta la cualestablece el enlace a dirigir por medio del atributo HREF=”Enlace”
Podemos elegir que los enlaces no estén subrayados, poniéndole a la propiedad text-decoration el valor de none;

MARQUESINA

MARCOS

TABLAS
Las etiquetas principales para insertar una tabla, son:
Que a su vez utilizan las siguientes etiquetas:
Establece una fila
Establece una celda o columna
Las cuales cuentan conlos siguientes atributos:
Rowspan: para unir filas.
Colspan: para unir columnas.

Contiene información sobre la tabla
Contiene el cuerpo de la tabla
Establece encabezados

LISTAS
Establece una lista ordenada (enumerada)
Establece una lista desordenada (con puntos)
Establece cada elemento de la lista
LISTA DE DEFINICIONES
Declara la lista de definiciones.
Indica eltermino a definir.
Indica la definición del termino.

COMENTARIOS
Un comentario en HTML tiene la siguiente estructura:
< ! - -comentario- - > (sin los espacios)

STYLE
Atributo que ponemos dentro de las etiquetas que contienen a lo que queremos asignarle un estilo, tiene muchas propiedades las cuales van separadas por medio de un punto y coma entre cada una, como por ejemplo:
Font-size:Establece el tamaño de la fuente.
Color: Color de la fuente.
Font-family: Tipo de fuente.
Backgroundcolor: Establece el color de fondo.
Text-align: Establece la alineación del texto (right, left, center, justify).

LLAMAR A UN ESTILO CSS DESDE HTML


AGRUPACIONES
Se pueden agrupar partes de la página por medio de dos etiquetas:

Se usa comúnmente para agrupar un bloque de elementos, paraluego añadirle un estilo determinado.

Se utiliza para añadir herramientas visuales a pequeños fragmentos del código

Tanto a como a se les asigna el nombre, por medio del atributo id=””
PIE DE PÁGINA
Esta etiqueta se añadió con el HTML5, va en la parte de debajo de nuestro sitio y contiene información como el autor del documento, términos legales, derechos de autor, políticas deprivacidad, etc.



































CSS
SINTAXIS BÁSICA
Selector {
Propiedad: valor;
}
Si se va a referir a el nombre de la agrupación (Div o span) se escribe en el lugar del selector #NombreDelGrupo

COMENTARIOS
La estructura de un comentario en CSS es la siguiente:
/*comentario*/

SELECTORES
SELECTOR GENERAL
Se utiliza cuando...