Está en la página 1de 3

HTML 5: SUBLIME TEXT 3,

CSS Y JAVASCRIPT
CLASES DE ATRIBUTOS
ATRIBUTOS VACIOS

SE PUEDE ESCRIBIR SOLO EL ATRIBUTO.


<p id> Elemento p </p>
SE PUEDE ESCRIBIR EL ATRIBUTO SIGNO IGUAL Y COMILLAS EN
BLANCO
<p id=> Elemento p </p>

ATRIBUTOS SIN COMILLAS

SE PUEDE USAR ATRIBUTOS SIN USAR COMILLAS PARA LOS


VALORES SIEMPRE Y CUANDO NO EXISTAN ESPACIOS EN BLANCO.
<p id=prrafo> Elemento p </p>

ATRIBUTOS CON COMILLAS

SE PUEDEN ESCRIBIR CON COMILLAS SIMPLES O DOBLES


<p id=prrafo> Elemento p </p>
<p id=prrafo> Elemento p </p>

CLASES DE ELEMENTOS
ELEMENTOS VACIOS

SON AQUELLOS QUE NO TIENEN NINGUN CONTENIDO PERO


PUEDEN TENER ATRIBUTOS. No tienen etiquetas de cierre.
- <BR>
- <IMG>

ETIQUETAS: BR Y IMG

ELEMENTOS NO VACIOS

SON AQUELLOS QUE TIENEN ETIQUETAS DE INICIO Y CIERRE


PUDIENDO O NO TENER CONTENIDO.
- <P> ELEMENO P </p>
- <SPAM> </SPAM>

COMENTARIOS

<!ESTE ES UN COMENTARIO -->

ELEMENTOS ESTRUCTURALES

EN HTML 4:
- DIV: agrupa secciones en contenido bloque. Trabaja con el tipo
de estilo DISPLAY.
DISPLAY: determina el tipo de caja a utilizar por un
elemento. Si el valor de este es:
Block el elemento ser una caja en bloque y a lo
largo de todo el navegador y se ubicar uno debajo
del otro.
INLINE el elemento ser en lnea y se acomodar
con los dems elementos.
- SPAM: agrupa secciones en contenido en lnea y se junta con
los dems.
NOTA:
- DISPLAY BLOCK TAMBIEN ES UTILIZADO POR OTROS
ELEMENTOS COMO:
HEADER, ARTICLE, SECTIN, ASIDE, FOOTER, ETC.
- DISPLAY INLINE TAMBIEN ES UTILIZADO POR OTROS
ELEMENTOS COMO:
A, IMG, TD, ETC.
DIV Y SPAM NO TIENEN SEMANTICA POR LO QUE PARA
IDENTIFICARLOS
SE
USA
LOS
ATRIBUTOS
CORRESPONDIENTES ID Y CLASS

ETIQUETAS
-

EM para poner nfasis a una palabra o texto. Se pone en cursiva.


REM aumenta el tamao de la letra en funcin a otro tamao.
STRONG para poner nfasis mucho mayor a una palabra o texto.
Se pone en negrita.
TARGET para que un <a> se habr en una pgina nueva.
LINK es para llamar a un archivo CSS dentro de un archivo HTML.
Se usa de la siguiente manera:
<LINK
REL=STYLESHEET
TYPE=TEXT/CSS
HREF=CSS/ESTILOS.CSS>
REL es un atributo de LINK e indica el tipo de relacin (archivo)
que se est llamando.
STYLESHEET ES UN valor de REL e indica archivo CSS.
TYPE Tipo de recurso enlazado.
HOVER muestra el aspecto que tiene que tener el contenido del
elemento a la hora de posicionarse en este mismo.
ACTIVE muestra el aspecto que tiene que tener el contenido del
elemento cuando nosotros hacemos click en el elemento.
FIRST-CHIELD SOMBREA DE UN COLOR AL 1ER ELEMENTO
PERTENECIENTE A UNA LISTA.
LAST-CHIELD SOMBREA DE UN COLOR AL ULTIMO ELEMENTO
PERTENECIENTE UNA LISTA.
NTH-CHIELD (2N) SOMBREA DE UN COLOR A LOS ELEMENTOS
PARES PERTENECIENTES A UNA LISTA.

NTH-CHIELD (3N) SOMBREA DE UN COLOR A LOS ELEMENTOS


IMPARES PERTENECIENTE A UNA LISTA.
BEFORE Se usa para poder aadir al inicio del contenido
existente otro contenido.
AFTER Se usa para poder aadir al final del contenido existente
otro contenido.
FIRST-LETTER Toma la 1er posicin de la 1era palabra para poder
aplicarle el respectivo estilo y aspecto.
FIRST-LINE Tom la 1era lnea para poder aplicarle el respective
estilo y aspecto.