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 HTML | Ejemplo |
<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 |
<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>
|
<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: |
<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, |
<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> | |
CURSO DE HTML. | Ejemplo. |