Académique Documents
Professionnel Documents
Culture Documents
La
Son
Delimitada por parntesis angulares: tiene inicio, cuerpo y fin. La etiqueta de inicio puede contener atributos (atributo=) El cuerpo o contenido de la etiqueta puede ser texto u otras etiquetas
HTML HEAD TITLE BODY TABLE, TR, TD UL, OL, LI H1, H2, H3, H4, H5, H6 P, DIV SPAN A IMG
Responsable del formato de la pgina web Fue introducido para separar el contenido de su formato: reutilizacin y optimizacin Se puede trabajar:
Estilos en lnea Estilos internos Estilos externos Nombre: red, blue, green, red, yellow, black, . . . Hexadecimal: #FFFFFF. Los valores se especifican en hexadecimal de 00 a FF para rojo, verde y azul respectivamente. RGB
color: color de texto text-align: alineacin de texto text-transform: cambia el texto a maysculas, minsculas o capital text-decoration: aplica efectos al texto font-weight: texto en negrita font-size: tamao de texto background-color: color de fondo background-image: imagen de fondo width, height: ancho y altura de elemento border: borde de un elemento
border-style: estilo de borde border-width: ancho de borde border-color: color de borde Se puede controlar cada uno de los bordes de un elemento: left, right, top, bottom
margin,
padding
Se puede controlar cada uno de los bordes de un elemento: left, right, top, bottom Margin especifica la distancia de su borde con los elementos externos Padding especifica la distancia de su borde con el contenido del mismo
list-style-type:
Estilos
de enlaces
a:link : enlace normal a:visited: enlace visitado a:hover: mouse encima del enlace a:active: enlace con foco
Se
Para
aplicar estilos se indica el atributo y el valor a utilizar y punto y coma (;) para terminar Se utiliza dos puntos(:) para asignar un valor a un atributo Ejemplo:
Estilos
en lnea
Estilos
internos
Estilos
externos
CSS permite redefinir etiquetas, crear clases, aplicar estilos por ID y encadenar estilos
Redefinir etiquetas: Modifica el formato por defecto de una etiqueta HTML Crear clases: Se crear un conjunto de estilos a los cuales se les asigna un nombre. Este nombre se utiliza varias veces con el atributo class de una etiqueta HTML Formato en base a ID: se utiliza el ID de una etiqueta para aplicar estilos Encadenamiento: se puede utilizar varias opciones
p, h1: aplica estilos tanto a las etiquetas p como a las etiquetas h1 div p : aplica estilos a las etiquetas p que estn dentro de una etiqueta div