12.12.2018 Views

revista-plantilla-dreamweaver (1)

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

Plantilla de Dreamweaver<br />

CUANDO USAR LA<br />

ETIQUETA DIV<br />

Adicionalmente, las etiquetas div se<br />

suele acompañar de uno o dos parámetros<br />

destinados a identificar ese bloque:<br />

id: permite establecer un identificador<br />

único para el bloque. Así podremos referirnos<br />

al bloque de forma inequívoca.<br />

La forma de usar esta etiqueta es, colocándola<br />

de apertura antes de donde empieza el<br />

grupo; indicando el nombre dentro de esa<br />

etiqueta, y colocar luego la etiqueta de<br />

cierre, al final del grupo. Resulta bastante<br />

sencillo; un ejemple, para agrupar dos<br />

párrafos, sería de la siguiente manera:<br />

class: es similar a id, pero con la ventaja<br />

de que se puede repetir; así que podemos<br />

tener varios diferentes con la<br />

misma clase.<br />

Usando id y class podemos diferenciar<br />

unos div de otros y así aplicarles estilos<br />

CSS diferentes o hacer que actúen de<br />

forma distinta. Las etiquetas id y class se<br />

utilizan como se muestra en el ejemplo:<br />

Asimismo, se usa la etiqueta Html ,<br />

cuando se quiere dar un nombre o identificador<br />

a elementos enteros, como un párrafo<br />

completo, o más habitualmente, a un<br />

grupo de elementos: párrafos, imágenes, un<br />

bloque formado por varios párrafos e imágenes,<br />

o incluso la página completa. De<br />

esta manera se puede aportarle estilos definidos<br />

en la hoja de estilos, a todos los elementos<br />

de ese grupo<br />

Como se puede apreciar, las etiquetas id<br />

y class se pueden mezclar. Se mantiene<br />

siempre esa norma: los id son únicos<br />

dentro de una página, mientras que los<br />

class se suelen repetir para que varios<br />

elementos tomen un mismo estilo.<br />

2

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!