A estas alturas podemos usar etiquetas HTML muy útiles para determinados casos o simplemente para dar más usabilidad a nuestra Web. Y es que los navegadores cada vez se actualizan más periódicamente (por suerte) permitiendo así una evolución en la interpretación de nuevas sintaxis del lenguaje por etiquetas HTML.
Estamos hablando de HTML 4.01 / XHTML 1.0, veamos entonces algunas de las etiquetas recomendadas por ofrecer usabilidad, estética y cumplimiento de los estándares :
|
Etiqueta |
Resultado |
| <abbr title=”post merídiem (lat.: ‘después del mediodía’; cf. a. m. y m.)”>p. m.</abbr> | p. m. |
| <acronym title=”Radio Detection and Ranging”>Radar</acronym> | Radar |
| <address>Escrito en notasalgo.es<a href=”mailto:info[]notasalgo[]es”>correo</a>Calle Valeriano<br />Teléfono: 555 555 555
</address> |
Escrito en notasalgo.es correo Calle ValerianoTeléfono: 555 555 555 |
| <bdo dir=”rtl”>Estoy escribiendo de izquierda a derecha.</bdo>, Ahora sí | Estoy escribiendo de izquierda a derecha. Ahora sí |
| <strong>Texto en negrita</strong>
<big>Texto en tamaño grande</big><em>Texto en enfatizado</em> <i>Texto en cursiva</i> <small>Texto en pequeño</small> <tt>Texto en como teletipo</tt> Texto con subíndice <sub>texto</sub> Texto con un seperíndice<sup>texto</sup> |
Texto en negrita
Texto en tamaño grandeTexto en enfatizado Texto en cursiva Texto en pequeño Texto en como teletipo Texto con subíndice texto Texto con un seperíndicetexto |
| Comienzo del texto, alguien ha dicho:<blockquote>Texto del comentario de otra persona</blockquote>Continuación del texto normal | Comienzo del texto, alguien ha dicho:
Continuación del texto normal |
| <dfn>Definición de un termino</dfn><code>Texto como código fuente no será interpretado por el ordenador</code>
<samp>Ejemplo código de ordenador</samp> <kbd>texto del teclado</kbd> <var>Variable</var><cite>Citar</cite> |
Definición de un termino
Ejemplo código de ordenadortexto del teclado Variable Citar |
| <dl><dt>Dieta</dt><dd>- Fruta</dd><dd>- Verdura</dd><dt>No dieta</dt>
<dd>- chorizo</dd> <dd>- panceta</dd></dl> |
|
| Todo ésto es <del>mentira</del> verdad | Todo ésto es |
| <fieldset> <legend>Datos personales:</legend> Nombre: <input type=”text” size=”30″ />Apellidos: <input type=”text” size=”10″ /> Email: <input type=”text” size=”30″ /> </fieldset> |
|
| <h1> Cabecera nivel 1</h1> <h2> Cabecera nivel 2</h2> <h3> Cabecera nivel 3</h3> <h4> Cabecera nivel 4</h4> <h5> Cabecera nivel 5</h5> <h6> Cabecera nivel 6</h6> |
Cabecera nivel 1Cabecera nivel 2Cabecera nivel 3Cabecera nivel 4Cabecera nivel 5Cabecera nivel 6 |
| Texto antes de la línea <hr /> Texto después de la línea horizontal | Texto antes de la línea
Texto después de la línea horizontal |
| Lista autonumérica:<ol> <li>Una de queso</li> <li>Dos tomates</li> <li>Una pizca de sal</li> </ol> |
Lista autonumérica:
|
| Deplegable con apartados<select><optgroup label=”Coches españoles”><option value=”seat”>Seat</option></optgroup><optgroup label=”Coches alemanes”><option value=”mercedes”>Mercedes</option><option value=”audi”>Audi</option></optgroup></select> | Deplegable con apartados |
| <q>Texto entre comillas</q> | Texto entre comillas |
| Darle estilo al texto <span style=”color:blue;”>color azul</span> como éste. | Darle estilo al texto color azul como éste. |
| Lista con viñetas<ul> <li>Coches</li> <li>Motos</li> <li>Bicicletas</li> </ul> |
Lista con viñetas
|
Existen muchas más etiquetas, aquí he querido nombrar algunas de las más cercanas para usuarios que se dediquen a la edición y manejo de textos o artículos Web.
#1 por Daniel Mendiola - Abril 1st, 2010 a las 04:23
Como puedo poner una marca de agua en una caja de text (En un codigo PHP o HTML) me pueden ayudar con el codigo o etiqueta o lo que se use???
#2 por diego - Abril 2nd, 2010 a las 12:20
Supongo que te refieres al background de la caja tipo text, no?. Para ésos casos hay que utilizar CSS algo así como:
Ejemplo visual:
Código html-css:
<input value=”prueba fondo” type=”text” style=”background-position: right center; background-repeat: no-repeat; background-image: url(http://notasalgo.es/wp-content/themes/fusion/favicon.ico);”>
Saludos
#3 por roberto - Junio 9th, 2010 a las 17:35
sss
#4 por xD - Julio 12th, 2010 a las 15:37
No entiendo nada esta mal ordenado y no es lo que buscaba, necesito por ejemplo: Plantillas, no arrastrar y copiar texto o algo de eso es para mi web hay hacker por eso xD
#5 por xD - Julio 12th, 2010 a las 15:38
aa sos un puto