P. 1
Etiquetas HTML

Etiquetas HTML

|Views: 0|Likes:
Published by Jety Set Start

More info:

Published by: Jety Set Start on Oct 18, 2013
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as DOCX, PDF, TXT or read online from Scribd
See more
See less

10/18/2013

pdf

text

original

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 más pequeño Poner texto más grande Poner texto subíndice Poner texto superíndice 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.

height border Con border especificamos el ancho del Atributo obsoleto borde que rodea la imagen. alt Obligatorio. Entre comillas podremos escribir un texto que suplantará a esta imagen si no se carga. Los valores posibles son los ya conocidos left. Este atributo significa el alto de la imagen. es opcional. se carga la imagen con el tamaño original. no se escribe.align Permite controlar la alineación de una imagen con respecto a una línea de texto adyacente o a otras imágenes en esa línea. right. pasamos el ratón por encima. middle. Al igual que el atributo width. Sustituir 0 equivale a “sin borde”. bottom. Se puede específico. Significa “ancho de la indicar como pixels y imagen” que vamos a representar. Opcional. mientras se carga o. cuando visualizando ya la imagen. width Este atributo es opcional pero podemos ponerlo para especificar al navegador que muestre la imagen con un tamaño Opcional. Se puede indicar como pixels y como porcentajes. top. Sustituir por hojas de estilo. por hojas de estilo. Atributo obsoleto (deprecated). <h1>Texto muy grande</h1> <h2>Texto grande</h2> <h3>Texto algo más grande de lo normal</h3> <h4>Texto normal</h4> <h5>Texto pequeño</h5> . Si como porcentajes. Si se indica (deprecated).

En lugar de esta sintaxis.<h6>Texto muy pequeño</h6> ATRIBUTO USO Especifica la alineación del texto dentro del párrafo. OBSERVACIONES align left --> Alineación del texto a la izquierda Atributo obsoleto (deprecated) en su uso en la forma <palign=”center”>Texto<p>.">Texto centrado</p> justify --> Alineación del texto justificada . Alineación del texto a la derecha Ejemplo de uso correcto: center --> Alineación del texto centrada <p style="text-align: center. usar style como se muestra a right --> continuación.

padding { …} h3 #slo { … } Observaciones Selector universal. 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”.inputbox { … } . Afecta a todos los elementos de la web y sobreescribe los estilos por defecto. Nótese que la diferencia con el anterior selector es que en este caso los elementos están separados por comas."> <hr style="background-color: red. . margin-right: 0px."> <hr style="border-style: 1px solid #000"> La sintaxis para la etiqueta noshade puede dar lugar a distintos resultados según el navegador Selector *{…} html { … } body. .contentpane { … } #mainout { … } ."> <hr style="text-align: right. Por ejemplo <h3 >Portal web para aprender programación <span id="slo"> aprenderaprogramar.find.find form . form. Afecta a elementos <label> … </label> que se encuentren dentro de un elemento con class = “search”.inputbox { … } . .search label { … } . Selector que afecta a toda la web pero no sobreescribe algunos estilos por defecto.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”.search."> <hr style="width: 75%.search . Afecta a elementos cuya clase sea “inputbox” ó “search” ó “find” y a elementos <form> … </form>.SINTAXIS RECOMENDADA (BASADA EN ESTILOS) <hr style="height: 8px. Selector que afecta a elementos con id = “slo” situados dentro de elementos h3.

syndicate-module span { … } fieldset a { … } a img.registration input.Selector . fieldset. .contact-form input. #form-login ul { … } .searchintro { … } .find . #jform_contact_message.inputbox. . img { … } fieldset { … } #form-login fieldset { … } #login ul. a elementos fieldset y a elementos img. . . 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.login input. Afecta a elementos <fieldset> … </fieldset> Afecta a elementos <fieldset> … </fieldset> que estén 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 estén dentro de otro con clase “registration” ó elementos input que estén dentro de otro con clase “login” ó elementos input que estén dentro de otro con clase “contact-form” o elementos con id = “jform_contact_message” ó elementos input.

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->