Está en la página 1de 6

ETIQUETA <b></b>

USO Poner texto en negrita

OBSERVACIONES

<strong></strong> Poner texto en negrita <i></i> <em></em> <u></u> <small></small> <big></big> <sub></sub> <sup></sup> <strike></strike> Poner texto en cursiva Poner texto en cursiva Poner texto subrayado Poner texto ms pequeo Poner texto ms grande Poner texto subndice Poner texto superndice Poner texto como tachado Etiqueta obsoleta. Sustituir por hojas de estilo. Etiqueta obsoleta. Sustituir por hojas de estilo. Etiqueta obsoleta. Sustituir por hojas de estilo.

<s></s> <del></del>

Poner texto como tachado Poner texto como tachado

ATRIBUTO

USO

OBSERVACIONES

src

Este atributo es obligatorio e indica el nombre del archivo de imagen (entre Obligatorio. comillas) o la URL desde la que se va a obtener la imagen.

align

Permite controlar la alineacin de una imagen con respecto a una lnea de texto adyacente o a otras imgenes en esa lnea. Los valores posibles son los ya conocidos left, right, middle, top, bottom. Entre comillas podremos escribir un texto que suplantar a esta imagen si no se carga, mientras se carga o, cuando visualizando ya la imagen, pasamos el ratn por encima.

Atributo obsoleto (deprecated). Sustituir por hojas de estilo.

alt

Obligatorio.

width

Este atributo es opcional pero podemos ponerlo para especificar al navegador que muestre la imagen con un tamao Opcional. Se puede especfico. Significa ancho de la indicar como pixels y imagen que vamos a representar. Si como porcentajes. no se escribe, se carga la imagen con el tamao original. Al igual que el atributo width, es opcional. Este atributo significa el alto de la imagen. Opcional. Se puede indicar como pixels y como porcentajes.

height

border

Con border especificamos el ancho del Atributo obsoleto borde que rodea la imagen. Si se indica (deprecated). Sustituir 0 equivale a sin borde. por hojas de estilo.

<h1>Texto muy grande</h1> <h2>Texto grande</h2> <h3>Texto algo ms grande de lo normal</h3> <h4>Texto normal</h4> <h5>Texto pequeo</h5>

<h6>Texto muy pequeo</h6>

ATRIBUTO

USO Especifica la alineacin del texto dentro del prrafo.

OBSERVACIONES

align

left --> Alineacin del texto a la izquierda Atributo obsoleto (deprecated) en su uso en la forma <palign=center>Texto<p>. En lugar de esta sintaxis, usar style como se muestra a right --> continuacin. Alineacin del texto a la derecha Ejemplo de uso correcto: center --> Alineacin del texto centrada <p style="text-align: center;">Texto centrado</p>

justify --> Alineacin del texto justificada

SINTAXIS RECOMENDADA (BASADA EN ESTILOS) <hr style="height: 8px;"> <hr style="width: 75%;"> <hr style="background-color: red;"> <hr style="text-align: right; margin-right: 0px;"> <hr style="border-style: 1px solid #000">

La sintaxis para la etiqueta noshade puede dar lugar a distintos resultados segn el navegador

Selector *{} html { } body.contentpane { } #mainout { } .padding { } h3 #slo { }

Observaciones Selector universal. Afecta a todos los elementos de la web y sobreescribe los estilos por defecto. Selector que afecta a toda la web pero no sobreescribe algunos estilos por defecto. Selector que afecta a cualquier elemento con atributo class = contentpane que est dentro de <body> </body> Selector que afecta a cualquier elemento con id = mainout Selectores que afectan a elementos con class = padding. Selector que afecta a elementos con id = slo situados dentro de elementos h3. Por ejemplo <h3 >Portal web para aprender programacin <span id="slo"> aprenderaprogramar.com</span></h3> Afecta a elementos cuya clase sea inputbox que se encuentren dentro de elementos cuya clase sea search que se encuentren dentro de elementos form que se encuentren dentro de elementos de clase find. Afecta a elementos cuya clase sea inputbox search find y a elementos <form> </form>. Ntese que la diferencia con el anterior selector es que en este caso los elementos estn separados por comas. Afecta a elementos <label> </label> que se encuentren dentro de un elemento con class = search.

.find form .search .inputbox { }

.find, form, .search, .inputbox { }

.search label { }

Selector .find .searchintro { } .syndicate-module span { } fieldset a { } a img, fieldset, img { } fieldset { } #form-login fieldset { } #login ul, #form-login ul { } .inputbox, .registration input, .login input, .contact-form input, #jform_contact_message, input { }

Observaciones Afecta a elementos cuya clase sea searchintro que se encuentren dentro de elementos cuya clase sea find. Afecta a <span> </span> que se encuentren dentro de elementos con class = syndicate-module Afecta a links (<a> </a>) dentro de <fieldset> </fieldset> Afecta a elementos img dentro de links, a elementos fieldset y a elementos img. Afecta a elementos <fieldset> </fieldset> Afecta a elementos <fieldset> </fieldset> que estn dentro de elementos con id = form-login Afecta a listas ul dentro de elementos con id = login listas ul dentro de elementos con id = form-login Afecta a elementos con class = inputbox elementos input que estn dentro de otro con clase registration elementos input que estn dentro de otro con clase login elementos input que estn dentro de otro con clase contact-form o elementos con id = jform_contact_message elementos input.

También podría gustarte