Sei sulla pagina 1di 23

50 etiquetas de html

1- big

Para que se utiliza

Es la etiqueta html que se emplea para aumentar el tamao de la letra


de un documento, al mostrar el tamao en grande.

Sintaxis

eje

<big>Borja</big>

2- a

para que se utiliza

la usamos para crear enlaces en un documento, usando el atributo href.

ejemplo de uso de a

<a href="http://www.musicleft.net">musicleft.net</a>

3- acronym

para que se utiliza

<acronym> es una etiqueta html para explicar acrnimos en un


documento.

ejemplo de uso de acronym


<acronym xml:lang="es" title="organizacin mundial de la
salud">oms</acronym><br />

<acronym xml:lang="es" title="desarrolloweb">dw</acronym><br />

<acronym xml:lang="es" title="radio televisin


espaola">rtve</acronym>

4- area

<area> es una etiqueta que se usa para definir sectores en mapas de


imagen. adems este sector se puede vincular a algn recurso o a algn
marcador.

editar

descripcin por: borjitaweb_sanchez_

ejemplo de uso de area

<map name="mus2" id="mus2">

<area alt="msica libre" href="../music.html" shape="circle"


coords="28,28,15" />

<area href="../music.html" alt="msica libre" shape="rect"


coords="23,32,125,52" />

</map>

<img src="../../images/ejemplos/mus2.gif" usemap="#mus2"


alt="directorio de msica libre" />

5- b

la etiqueta <b> sirve para indicar que el texto entre <b> y </b> debe
aparecer en negrita. la letra b viene de la palabra inglesa "bold".
ejemplo de uso de b

<b>

msica libre y copyleft en musicleft.net

</b>

6- base

<base> es una etiqueta que vale para establecer una url base, que
usaremos para poder resolver urls relativas que aparecen tambin en el
mismo documento.

ejemplo de uso de base

<head>

<base target="_blank">

</head>

7- basefont

la etiqueta html <basefont> o fuente base en castellano, que usamos


para definir el tamao de la fuente o letra que empleamos en un
documento.

para aumentar o disminuir el tamao podemos emplear a su vez, las


etiquetas <big> o <small>.

ejemplo de uso de basefont

este sera un posible uso de la etiqueta basefont

<basefont size="2" face="arial, verdana">


8- blink

la etiqueta html <blink> sirve para poder poner un texto parpadeando,


pero no es muy recomendable usarla.

ejemplo de uso de blink

<blink>esto parpadea! pero mejor no usar</blink>

9- blockquote

<blockquote> sirve para poder dar formato con sangra a un parrafo de


un documento html. con esta etiqueta se definen citas largas.

ejemplo

<blockquote cite="http://www.guiarte.com/alicante">

<p>alicante (alacant en la lengua autctona) es una ciudad moderna,


acogedora y con una larga historia</p>

</blockquote>

10- body

<body> se usa para comenzar el contenido de un documento. se coloca


justo despus de la marca </head>. tiene una marca de comienzo y
otra de cierre, para delimitar el cuerpo de un documento.

ejemplo de uso de body

<html>

<head>
<title>caso prctico del tag html body</title></head>

<body>

texto del documento.

</body>

</html>

11- br

<br> se usa para aplicar saltos de linea en el texto, podemo usar tantos
como queramos, cada una de ellas ser un salto de linea.

ejemplo de uso de br

muy buenas,

<br>

qu tal va todo por all,

<br>

12- button

la etiqueta <button> sirve para crear botones. solemos usarla para


poder controlar formularios, y para otras acciones.

ejemplo de uso de button

<form action="borja.php"&gt;

<div>

<button type="button" name="botonborja">


<img src="http://www.guiarte.com/images/banner/roma.jpg"
width="75" height="25" alt="botn para portada de gua de roma"><br
/>

<b>roma botn!</b>

</button>

</div>

</form>

13- caption

<caption> es una etiqueta html que sirve para poder establecer un


ttulo para una tabla.

ejemplo de uso de caption

<caption>

se ha finalizado este verano, llega el otoo

14- center

<center> es una etiqueta html que usamos para centrar el contenido de


un texto en un documento. crea una divisin, con saltos de lnea antes
de abrir la etiqueta y una vez se cierra y lo que hay dentro de <center>
y </center> aparece con estilo de prrafo en alineacin centrada.

ejemplo de uso de center

la etiqueta <center> se puede utilizar de la siguiente forma:

<center>

eres muy bonita.

<br>
como la luna llena en verano.

</center>

15- cite

<cite> para insetar una cita o referencia en un documento.

ejemplo de uso de cite

<cite>disfruta de la vida, cada da, cada minuto.</cite>

16- col

<col> otorga atributos a las columnas de una tabla. se usa para


establecer atributos a todas las celdas de una o varias columnas.

ejemplo de uso de col

<table border="2" summary="directorio de msica copyleft">

<col style="width: 5" />

<col style="width: 5" />

<col style="width: 2.5" align="right" />

</table>

17- colgroup

<colgroup> es para poder agrupar las columnas en una tabla, as se


pueden agrupar columnas, definir atributos predeterminados y un
formato visual para la misma.

ejemplo de uso de colgroup


<table border="2" summary="tabla de clasificacin.">

<colgroup span="1" style="width: 2.5">

</colgroup>

<colgroup span="2" style="width: 2.5" align="right">

</colgroup>

<tr>

<td>velocidad</td>

<td>distancia</td>

<td>3</td>

<td>1</td>

<td>2</td>

<td>0</td>

</tr>

</table>

18- dd

<dd> es una etiqueta html usada para marcar descripciones de una lista
definicin. "dd" corresponderan con las siglas en ingls "definition
definition" las listas de definicin tienen elementos formados por un
concepto y definicin. en concreto con <dd> se marca que se va a
escribir la definicin de un concepto.

ejemplo de uso de dd

esta sera una utilizacin lgica de la etiqueta <dd>. como es una


etiqueta utilizada para listas, en un ejemplo bsico habra que utilizar
tambin otras etiquetas, como <dl> para comenzar y terminar la lista y
<dt> para especificar trmino, que se debe anteponer a su descripcin
con <dd>:

<dl>

<dt>php</dt>

<dd>hypertext preprocessor, lenguaje de servidor de cdigo


abierto.</dd>

<dt>asp</dt>

<dd>active server pages, lenguaje de servidor de microsoft.</dd>

</dl>

19- dfn

<dfn> la usamos para asignar definiciones a un trmino.

ejemplo de uso de dfn

la <dfn>msica copyleft</dfn> es la msica libre o msica con tan slo


algunos derechos reservados.

20- div

<div> se usa para definir un bloque de contenidos dentro de un


documento. <div> permite asignar difrentes atributos a dichos bloques.

ejemplo de uso de div

<div style="color:#00gg02">

<h3>esto es la cabecera</h3>

<p>esto es el prrafo.</p>

</div>
21- dl

la etiqueta html <dl> sirve para poder definir una lista, que esta
coformada por trminos y descripciones.

ejemplo de uso de dl

<dl>

<dt>asp</dt>

<dt>php</dt>

<dt>ajax</dt>

<dd>active server pages</dd>

<dd>hypertext preprocessor</dd>

<dd>asynchronous javascript and xml</dd>

</dl>

22- doctype

la etiqueta <doctype> se usa para establecer el tipo de documento, y en


principio es el comienzo de un documento html. con ella se indica al
navegador el tipo de documento que va a procesar.

ejemplo de uso de doctype

<!doctype html public "-//w3c//dtd html 4.01 transitional//en">

23- dt

<dt> se usa para insertar trminos en una lista.


ejemplo de uso de dt

<dl>

<dt>php</dt>

<dt>asp</dt>

<dd>hypertext preprocessor</dd>

<dd>active server pages</dd>

</dl>

24- em

<em> se usa cuando queremos dar un formato enfatizado en itlica y


as dar un especial nfasis al texto.

ejemplo

en esta gua, los <em>monumentos</em> estn descriptos.

25- embed

<embed> se utiliza para dar un sonido de fondo a un documento html.

ejemplo

<embed src="../graphics/sounds/musicleft.mid" height=82 width=125>

26- fieldset

<fieldset> se usa para agrupar controles sobre un formulario. as se


hace ms sencillo el comprender y rellenar los formularios.

ejemplo de uso de fieldset


<fieldset>

<legend>direccin</legend>

calle: <input type="text" name="lcalle" value="-" /><br />

nmero: <input type="text" name="lnumero" value="-" /><br />

</fieldset>

27- font

<font> se emplea para poder formatear el texto, su tipo y tamao en


algunas partes de un documento. en estos momentos la etiqueta <font>
se ha dejado de utilizar porque los estilos de fuentes se deben indicar
con hojas de estilo en cascada (css), aunque los navegadores siguen
interpretndola y aceptndola para asegurar la compatibilidad de
pginas antiguas.

su uso esta pensado generalmente para la definicin de algunas partes


limitadas de un texto. adems con <font> podemos elegir el tipo,
tamao y color del texto usado.

ejemplo

<font face="verdana" size=8 color=blue> tipo para formatear </font>

28- form

<form> es una etiqueta html que sirve para insertar formularios.

ejemplo de uso de form

<html>
<head><title>olimpiadas</title>

</head>

<body>

<h1>formularios</h1>

<form action="mailto:madrid-2016" method="post">

<input type="text" name="nombre"><br>

<input type="submit"><input type="reset">

</form>

29- frame

con la etiqueta <frame> podemos gestionar los marcos o frames de un


texto.

de esta forma se puede usar para que al pulsar un enlace ubicado en un


frame, este se cargue en otro frame en una pgina determinada.

ejemplo de uso de frame

<frameset cols="25%,25%">

<frame noresize="noresize" src="documento-inicial.html"


frameborder="0" marginwidth="0" marginheight="0" scrolling="yes">

<frame noresize="noresize" src="documento-reformado.html"


frameborder="0" marginwidth="0" marginheight="0" scrolling="yes">

</frameset>
30- frameset

<frameset> lo usamos para insertar un grupo de frames. frameset


divide el espacio del que disponemos en subespacios rectangulares,
adems podemos definir la cantidad de marcos y el tamao de los
mismos, mediantes los atributos cols y rows.

editar

descripcin por: borjitaweb_sanchez_

ejemplo de uso de frameset

<frameset cols="182,*">

<frame name="uno" noresize="noresize" src="uno.html">

<frame name="dos" noresize="noresize" src="dos.html">

</frameset>

31- h1

para definir los titulares usamos etiquetas como <h1> para poder dividir
un texto en varias partes, cerrando el titular con su </h1>.

ejemplo de uso de h1

<h1>encabezado h1</h1>

32- head

los elementos <head></head> se colocan inmediatamente despus de


la apertura de la marca <html> y cierran el encabezamiento
propiamente dicho del documento; es decir toda la informacin que
necesita el navegador, el servidor de web y los motores de bsqueda.
ejemplo de uso de head

<html>

<head>

<title>desarrollo de webs</title>

<link rel="alternate" hreflang="es" href="desarrollo-webs.html" />

<meta name="autor" content="diego" />

<meta name="keywords" lang="en" content="desarrollo, webs" />

<meta name="keywords" lang="es" content="desarrollo de webs" />

</head>

<body>

contenidos...

</body>

</html>

33- hr

<hr> es una etiqueta de html que sirve para crear una lnea o separador
horizontal. las iniciales hr vienen de las palabras "horizontal rule".

ejemplo de uso de hr

<html>

<head>

<title>etiqueta hr</title></head>

<body>

nuestro documento
<hr />

la hoja de estilo

<hr />

</body>

</html>

34- i

<i> se emplea para mostrar el texto del documento con fuente itlica.

ejemplo de uso de i

podemos usar el estilo de fuente itlica <i>tag html i</i>.

35- iframe

<iframe> se utiliza para insertar un marco dentro de un documento


html. se usa de igual forma que la etiqueta <frame>, pero <iframe> si
se puede insertar entre el mismo contenido de dicho documento.

ejemplo de uso de iframe

<iframe src="http://www.musicleft.net" width=425


height=250></iframe>

36- img

para insertar imgenes usamos la etiqueta <img>, de forma que para


introducir una imagen podemos poner <img src="borjita.gif">.

se puede adems marcar la altura y anchura de la misma gracias a las


etiquetas <width> y <height>, aplicarla un borde con el <border>, o
establecer una distancia en pixeles de la imagen a los objetos que est
junto a ella con el <hspace> y <vspace>.

tambin se puede usar el atributo <align> para colocar la imagen de la


manera que prefiramos.

ejemplo de uso de img

<img src="/images/banners/perro.jpg" width=125 height=185


border=0 align="center">

37- input

<input> vale para mostrar controles de entrada. as se pueden mostrar


controles que dejan que el usuario, pueda introducir sus datos en un
formulario.

ejemplo de uso de input

<form action="borja.php">

<div>

marca dos opciones:<br />

<input type="text" name="longitud2" maxlength="2" value="-" />

</div>

</form>

38- ins
<ins> seala el texto que se ha insertado en un documento. se suele
usar para informar sobre cambios o actualizaciones.

ejemplo de uso de ins

<ins>

<p>las canciones se encuentran ennuestro directorio de msica libre y


copyleft. gracias a la ltima acutalizacin, los grupos y artistas se
encuentran clasificados en nuestro directorio musical copyleft.</p>

</ins>

39- kbd

<kbd> es una etiqueta html que sirve para indicar el texto a ingresar
por parte del usuario. dicho texto suele mostrarse en un estilo de fuente
diferente al resto.

ejemplo de uso de kbd

si fuera necesario: <kbd>escoger una ocin</kbd>.

40- kbd

<kbd> se puede usar para crear un formato monoespaciado.

ejemplo

<kbd>artistas copyleft</kbd>.

41- label

<label> es usado para establecer una etiqueta que controle, o aporte


algn tipo de informacin. es decir, asigna una etiqueta al control.
ejemplo de uso de label

<th><label for="idclase">clase</label></th>

42- legend

<legend> es utilizada para poder asignar un ttulo a un fieldset.


tenemos que definirlo justo despus de abrir dicho fieldset.

ejemplo de uso de legend

<fieldset>

<legend>informacin del usuario registrado</legend>

43- meta

<meta> es una etiqueta html que sirve para aportar informacin sobre
el documento.

ejemplo de uso de meta

<html>

<head>

<title>msica libre o copyleft</title>

<meta name="author" content="gonzalo montero" />

<meta name="keywords" lang="en" content="musica, libre, copyleft"


/>

<meta name="keywords" lang="es" content="artistas, grupos,


cantantes" />
<meta name="description" lang="es" content="msica libre o copyleft.
msica con algunos derechos reservados." />

</head>

</html>

44- noframes

<noframes> se usa para especificar un contenido que tendra que ser


visto en el caso de que los marcos no, siendo as un contenido
alternativo para los marcos del documento.

ejemplo de uso de noframes

<frameset>

descripcin de musicleft.net

</frameset>

<noframes>

<p>en musicleft.net podrs encontrar detallada informacin de los


grupos y artistas sobre sus conciertos, discos, recopilatorios, etc.<p>

</noframes>

45- noscript

<noscript> es para sealar un contenido alternativo para los scripts no


ejecutados.

ejemplo de uso de noscript

<script type="text/javascript">

document.write("musicleft.net!")
</script>

<noscript>your browser does not support javascript!</noscript>

46- param

<param> se usa para dar un parmetro a algn objeto. los valores se


pueden usar a su vez por el objeto contenedor, en el mismo tiempo de
ejecucin, definiendo as los valores iniciales.

pero deben ubicarse justo tras el tag de la apertura del objeto.

ejemplo

<object classid="clsid:g02ef258-5634-22r8-00d0g0741369"
id="slider1" width="82" height="45">

<param name="borderstyle" value="2" />

<param name="mousepointer" value="0" />

<param name="enabled" value="2" />

<param name="min" value="0" />

<param name="max" value="8" />

</object>

47- pre

<pre> es una etiqueta html que sirve para definir un bloque de texto
preformateado.

ejemplo

<pre>
los saltos de lnea son respetados.

el estilo de fuente es de ancho relativo.

</pre>

48- tfoot

<tfoot> lo usamos para poder definir un pie en una tabla.

ejemplo

<tfoot>

<tr>

<th>ciudades</th>

<th>pueblos</th>

<th>3.0</th>

<th>4.0</th>

</tr>

</tfoot>

49- thead

<thead> se utiliza para definir un encabezado en una tabla.

ejemplo

<thead>

<tr>

<th>grupos</th>
<th>artistas</th>

<th>5.0</th>

<th>6.0</th>

</tr>

</thead>

50- var

<var> es una etiqueta html que se usa para sealar la instancia de una
variable, o el argumento de un programa.

ejemplo el trmino de esta variable ser <var>idfila</var> porque


describe exactamente al valor que tendr

Potrebbero piacerti anche