Curso de html. Relación de las principales Etiquetas de Html.

Bueno aquí os dejo una tabla con muchas etiquetas, la mayoría aparecen en el curso y las que no han aparecido en el curso, contienen breves explicaciones y ejemplos. Pienso que aveces puede ser útil tener un glosario o lista de las principales etiquetas.
P.D. No busqueis etiquetas de html5 en esta tabla, porque no he incluido ninguna. En breve trataremos en hachetml.com el tema de Html5. Las nuevas etiquetas que aporta y las nuevas características del lenguaje.

<a>

CURSO DE HTMLEjemplo

<address>

<address>
<a href=”mailto:micorreo@hotmail.com”>Pepito</a>
<a href=”mailto:tucorreo@hotmail.com”>Juanita</a>
</address>
Pepito
Juanita

<area>

El elemento <area> marca una región, donde
posteriormente podemos pinchar con el ratón (zona o punto caliente), dentro de un mapa o
imagen, que antes hemos creado con el elemento <map>.
La forma del punto caliente la generamos con shape y las coordenadas
de esa forma, con coords.
Ejemplo.

<b>

CURSO DE HTML.Ejemplo.

<base>

Sirve para indicar la url raiz de una página web o documento. Se situa en el encabezado
de la página entre <head> y </head> y tiene el atributo href y target. No se usa mucho, por eso no
incluir ejemplo.

<blockquote>

CURSO DE HTML.Ejemplo.

<body>

CURSO DE HTML.Ejemplo.

<br>

CURSO DE HTML.Ejemplo.

<button>

Este elemento crea un botón, principalmente dentro de un formulario.
Puede contener frases, imágenes y es parecido al elemento imput, aunque se
le suele considerar más completo, al poder incluir imágenes.
Su síntexis es la siguiente:
<button name=”submit” value=”order” type=”button”>
Ejemplo de etiqueta <button>.

<caption>

CURSO DE HTML.Ejemplo.

<cite>

<code>

CURSO DE HTML.Ejemplo.

<dd>

CURSO DE HTML.Ejemplo

<del>

La etiqueta <del> sirve para tachar texto.El <del>pero</del> perro de San Roque no tiene rabo, porque
Ramón Rodriguez se lo ha cortado.


El pero perro de San Roque no tiene rabo, porque
Ramón Rodriguez se lo ha cortado.

<dfn>

<div>

CURSO DE CSS.Ejemplo

<dl>

CURSO DE HTML.Ejemplo

<dt>

CURSO DE HTML.Ejemplo
CURSO DE HTML.Ejemplo

<em>

CURSO DE HTML.Ejemplo

<embed>

<form>

Este elemento crea un formulario, que está formado a su vez por otros controles o elementos llamados controles de formulario. Estos son: cuadros de texto, listas seleccionables, casillas de verificación, etc.Ejemplo de etiqueta <form>.

<h1>,<h2>,…<h6>

CURSO DE HTML.Ejemplo

<head>

La etiqueta <head>, forma el encabezado de una página o documento web. Incluye entre otras, la etiqueta <title>, donde escribimos el título de la página. También contiene las etiquetas Meta y otras instrucciones de cara al navegador y los motores de búsqueda de internet.Ejemplo.

<hr>

La etiqueta <hr>, se utiliza para representar una linea horizontal en el navegador. Esta linea se suele utilizar como separador de contenidos o temas en una página web. Al ser una única etiqueta y según la teoría estandardista de que todas las etiquetas deben tener su
correspondiente etiqueta de cierre, la representación de esta etiqueta sera así:
<hr />.
Por otro lado algunos creadores prefieren representar esta linea, utilizando propiedades de css, lo cual no es mala forma de actuar, ya que utilizando un borde, con la propiedad border-top, o border-bottom, podemos asignar un ancho, un color y un tipo diferente de linea, a la creada por la etiqueta <hr />. Todo es cuestión de gustos.
Ejemplo.

<html>

CURSO DE HTML.Ejemplo

<i>

CURSO DE HTML.Ejemplo

<iframe>

Crea un marco o ventana, en la cual hay otra página web o documento.
Es decir incluimos una página web dentro de un marco, que a su vez estar incluido dentro de la
página web donde incluimos la etiqueta <iframe>
<iframe src=”p gina-web-a-mostrar-en-marco.html
“width=”200” height=”200
“></iframe>

<img>

CURSO DE HTML.Ejemplo.

<input>

CURSO DE HTML.Ejemplo de etiqueta <input>.

<ins>

Este elemento se utiliza para señalar o identificar mediante subrrallado el texto nuevo insertado.
Puede utilizarse en cooperación con la etiqueta <del>.
<del>Este texto se ha borrado</del>,
pero <ins>este otro texto lo hemos añadido después</ins>


Este texto se ha borrado, pero este otro texto lo hemos añadido después.

<link>

Esta etiqueta se utiliza para relacionar documentos, es decir vincular un documento o archivo externo, con la
página actual en la que estamos trabajando. Por ejemplo se suele utilizar para vincular con hojas de estilo Css.
Ejemplo de etiqueta <link>.

<map>

CURSO DE HTML.Ejemplo.

<meta>

Este tipo de etiquetas se utilizan de cara a los motores de búsqueda, con la finalidad de
facilitarles información descriptiva de la página web. Estas metaetiquetas o metaelementos, permanecen ocultas a la vista
del usuario de la página, en la cabecera de la misma. Están acompañadas de un atributo name,
para el tipo de información y otro denominado content, que añade una descripción .
Como ejemplo, ver el código fuente de cualquier página web de internet, en la parte de la cabecera, entre <head>
y </head>, así os ireis familiarizando con la redacción utilizada en este tipo de etiquetas,
para posicionamiento en buscadores que utilizan los webmaster.

<noscript>

Se utiliza, para definir el contenido que debe mostrar el navegador del visitante de un sitio web, en el caso de no poder ejecutar el código javascript
de dicho sitio o página web.
Se situa inmediato al elemento <script>

<object>

Sirve para incrustar objetos de caracter especial, como pueden ser videos, archivos de sonido, flash, etc—————

<ol>

CURSO DE HTML.Ejemplo.

<option>

Este elemento se emplea dentro de un elemento <select> (lista de opciones).<select name=”Hijos.”>
<option value=”0″>familia no numerosa</option>
<option value=”1″>familia no numerosa</option>
<option value=”2″>familia numerosa</option>
<option value=”3″>familia numerosa</option>
</select>


<p>

CURSO DE HTML.Ejemplo.

<param>

<pre>

CURSO DE HTML.Ejemplo.

<q>

La etiqueta <q> sirve para citar de forma breve, dentro de una frase
o texto corto.
El pintor Salvador Dali, <q>Uno de los más grandes pintores de todos los tiempos
</q>pasó toda su vida dedicada a su arte.


Esto se mostraría en el navegador de la siguiente manera:
El pintor Salvador Dali,Uno de los más grandes pintores de todos los tiempos, pasó toda su vida dedicada a su arte.

<samp>

<script>

Se utiliza, para insertar códigos de programación, por ejemplo
de javascript. Es una forma de hacer páginas web mas interactivas, con botones sofisticados
y efectos.

<select>

<small>

Disminuye en un punto el tamaño del texto. Aunque como
siempre digo, es mejor controlar el tamaño de textos, títulos, etc, con css.
<small>CURSO DE HTML.<small>
El navegador lo mostraría así:
CURSO DE HTML.

<span>

Es un elemento inline-level, o de linea. Antes de
aparecer las hojas de estilo, se solía ver en presencia del atributo style, (<span style>),
pero por motivos de eliminar peso o contenido de una página y acelerar su tiempo de carga en
navegadores y para mejor legibilidad del código html, se complementa con una clase controlada por una hoja de estilo
<span class=””>
Como ejemplo, podeis fijaros en el código fuente de cualquiera de mis páginas web.
Palabra o texto que veais coloreado, está controlado por un <span class=””>

<strong>

CURSO DE HTML.Ejemplo.

<style>

<sub>

El caso opuesto es la etiqueta <sub>,
que se emplea para presentar expresiones que contengan
subíndices, como por ejemplo la composición
química del agua.
H2O, que aplicando la etiqueta sub
quedaria asi:H<sub>2</sub>O, El navegador lo
mostrar a asi: H2O

<sup>

Aunque pueden utilizarse para otras tareas, donde mejor
actuan es cuando estamos trabajando con datos cientificos o
matemáticos, que contengan expresiones con índices
superiores, como pueden ser ecuaciones.
Ejemplo:
X<sup>2</sup>+ 2X =10.
El navegador mostrará :
X2+ 2X =10


Si no hubiese etiquetado con <sup> el (2) de la primera X,
la expresión se mostraria asi en el navegador:
X2 +2X =10

<table>

CURSO DE HTML.Ejemplo.

<td>

CURSO DE HTML.Ejemplo.

<textarea>

<th>

CURSO DE HTML.Ejemplo.

<title>

CURSO DE HTML.Ejemplo.

<tr>

CURSO DE HTML.Ejemplo.

<ul>

CURSO DE HTML.Ejemplo.

<map>

<a>

CURSO DE HTMLEjemplo

<address>

<address>
<a href=”mailto:micorreo@hotmail.com”>Pepito</a>
<a href=”mailto:tucorreo@hotmail.com”>Juanita</a>
</address>
Pepito
Juanita

<area>

El elemento <area> marca una región, donde
posteriormente podemos pinchar con el ratón (zona o punto caliente), dentro de un mapa o
imagen, que antes hemos creado con el elemento <map>.
La forma del punto caliente la generamos con shape y las coordenadas
de esa forma, con coords.
Ejemplo.

<b>

CURSO DE HTML.Ejemplo.

<base>

Sirve para indicar la url raiz de una página web o documento. Se situa en el encabezado
de la página entre <head> y </head> y tiene el atributo href y target. No se usa mucho, por eso no
incluir ejemplo.

<blockquote>

CURSO DE HTML.Ejemplo.

<body>

CURSO DE HTML.Ejemplo.

<br>

CURSO DE HTML.Ejemplo.

<button>

Este elemento crea un botón, principalmente dentro de un formulario.
Puede contener frases, imágenes y es parecido al elemento imput, aunque se
le suele considerar más completo, al poder incluir imágenes.
Su síntexis es la siguiente:
<button name=”submit” value=”order” type=”button”>
Ejemplo de etiqueta <button>.

<caption>

CURSO DE HTML.Ejemplo.

<cite>

<code>

CURSO DE HTML.Ejemplo.

<dd>

CURSO DE HTML.Ejemplo

<del>

La etiqueta <del> sirve para tachar texto.El <del>pero</del> perro de San Roque no tiene rabo, porque
Ramón Rodriguez se lo ha cortado.


El pero perro de San Roque no tiene rabo, porque
Ramón Rodriguez se lo ha cortado.

<dfn>

<div>

CURSO DE CSS.Ejemplo

<dl>

CURSO DE HTML.Ejemplo

<dt>

CURSO DE HTML.Ejemplo
CURSO DE HTML.Ejemplo

<em>

CURSO DE HTML.Ejemplo

<embed>

<form>

Este elemento crea un formulario, que está formado a su vez por otros controles o elementos llamados controles de formulario. Estos son: cuadros de texto, listas seleccionables, casillas de verificación, etc.Ejemplo de etiqueta <form>.

<h1>,<h2>,…<h6>

CURSO DE HTML.Ejemplo

<head>

La etiqueta <head>, forma el encabezado de una página o documento web. Incluye entre otras, la etiqueta <title>, donde escribimos el título de la página. También contiene las etiquetas Meta y otras instrucciones de cara al navegador y los motores de búsqueda de internet.Ejemplo.

<hr>

La etiqueta <hr>, se utiliza para representar una linea horizontal en el navegador. Esta linea se suele utilizar como separador de contenidos o temas en una página web. Al ser una única etiqueta y según la teoría estandardista de que todas las etiquetas deben tener su
correspondiente etiqueta de cierre, la representación de esta etiqueta sera así:
<hr />.
Por otro lado algunos creadores prefieren representar esta linea, utilizando propiedades de css, lo cual no es mala forma de actuar, ya que utilizando un borde, con la propiedad border-top, o border-bottom, podemos asignar un ancho, un color y un tipo diferente de linea, a la creada por la etiqueta <hr />. Todo es cuestión de gustos.
Ejemplo.

<html>

CURSO DE HTML.Ejemplo

<i>

CURSO DE HTML.Ejemplo

<iframe>

Crea un marco o ventana, en la cual hay otra página web o documento.
Es decir incluimos una página web dentro de un marco, que a su vez estar incluido dentro de la
página web donde incluimos la etiqueta <iframe>
<iframe src=”p gina-web-a-mostrar-en-marco.html
“width=”100” height=”100
“></iframe>

<img>

CURSO DE HTML.Ejemplo.

<input>

CURSO DE HTML.Ejemplo de etiqueta <input>.

<ins>

Este elemento se utiliza para señalar o identificar mediante subrrallado el texto nuevo insertado.
Puede utilizarse en cooperación con la etiqueta <del>.
<del>Este texto se ha borrado</del>,
pero <ins>este otro texto lo hemos añadido después</ins>


Este texto se ha borrado, pero este otro texto lo hemos añadido después.

<link>

Esta etiqueta se utiliza para relacionar documentos, es decir vincular un documento o archivo externo, con la
página actual en la que estamos trabajando. Por ejemplo se suele utilizar para vincular con hojas de estilo Css.
Ejemplo de etiqueta <link>.

<map>

CURSO DE HTML.Ejemplo.

<meta>

Este tipo de etiquetas se utilizan de cara a los motores de búsqueda, con la finalidad de
facilitarles información descriptiva de la página web. Estas metaetiquetas o metaelementos, permanecen ocultas a la vista
del usuario de la página, en la cabecera de la misma. Están acompañadas de un atributo name,
para el tipo de información y otro denominado content, que añade una descripción .
Como ejemplo, ver el código fuente de cualquier página web de internet, en la parte de la cabecera, entre <head>
y </head>, así os ireis familiarizando con la redacción utilizada en este tipo de etiquetas,
para posicionamiento en buscadores que utilizan los webmaster.

<noscript>

Se utiliza, para definir el contenido que debe mostrar el navegador del visitante de un sitio web, en el caso de no poder ejecutar el código javascript
de dicho sitio o página web.
Se situa inmediato al elemento <script>

<object>

Sirve para incrustar objetos de caracter especial, como pueden ser videos, archivos de sonido, flash, etc—————

<ol>

CURSO DE HTML.Ejemplo.

<option>

Este elemento se emplea dentro de un elemento <select> (lista de opciones).<select name=”Hijos.”>
<option value=”0″>familia no numerosa</option>
<option value=”1″>familia no numerosa</option>
<option value=”2″>familia numerosa</option>
<option value=”3″>familia numerosa</option>
</select>


<p>

CURSO DE HTML.Ejemplo.

<param>

<pre>

CURSO DE HTML.Ejemplo.

<q>

La etiqueta <q> sirve para citar de forma breve, dentro de una frase
o texto corto.
El pintor Salvador Dali, <q>Uno de los más grandes pintores de todos los tiempos
</q>pasó toda su vida dedicada a su arte.


Esto se mostraría en el navegador de la siguiente manera:
El pintor Salvador Dali,Uno de los más grandes pintores de todos los tiempos, pasó toda su vida dedicada a su arte.

<samp>

<script>

Se utiliza, para insertar códigos de programación, por ejemplo
de javascript. Es una forma de hacer páginas web mas interactivas, con botones sofisticados
y efectos.

<select>

<small>

Disminuye en un punto el tamaño del texto. Aunque como
siempre digo, es mejor controlar el tamaño de textos, títulos, etc, con css.
<small>CURSO DE HTML.<small>
El navegador lo mostraría así:
CURSO DE HTML.

<span>

Es un elemento inline-level, o de linea. Antes de
aparecer las hojas de estilo, se solía ver en presencia del atributo style, (<span style>),
pero por motivos de eliminar peso o contenido de una página y acelerar su tiempo de carga en
navegadores y para mejor legibilidad del código html, se complementa con una clase controlada por una hoja de estilo
<span class=””>
Como ejemplo, podeis fijaros en el código fuente de cualquiera de mis páginas web.
Palabra o texto que veais coloreado, está controlado por un <span class=””>

<strong>

CURSO DE HTML.Ejemplo.

<style>

<sub>

El caso opuesto es la etiqueta <sub>,
que se emplea para presentar expresiones que contengan
subíndices, como por ejemplo la composición
química del agua.
H2O, que aplicando la etiqueta sub
quedaria asi:H<sub>2</sub>O, El navegador lo
mostrar a asi: H2O

<sup>

Aunque pueden utilizarse para otras tareas, donde mejor
actuan es cuando estamos trabajando con datos cientificos o
matemáticos, que contengan expresiones con índices
superiores, como pueden ser ecuaciones.
Ejemplo:
X<sup>2</sup>+ 2X =10.
El navegador mostrará :
X2+ 2X =10


Si no hubiese etiquetado con <sup> el (2) de la primera X,
la expresión se mostraria asi en el navegador:
X2 +2X =10

<table>

CURSO DE HTML.Ejemplo.

<td>

CURSO DE HTML.Ejemplo.

<textarea>

<th>

CURSO DE HTML.Ejemplo.

<title>

CURSO DE HTML.Ejemplo.

<tr>

CURSO DE HTML.Ejemplo.

<ul>

CURSO DE HTML.Ejemplo.

<map>

Esta web como la mayoria utiliza cookies para su correcto funcionamiento y para ofrecerte una mejor experiencia de navegación por el sitio. Si continúas navegando estas consintiendo el uso de las mismas. Puedes obtener más información sobre el uso de cookies y como desactivarlas en tu navegador accediendo a la página de la política de cookies:    Ver