Meta Tags Basicos HTML

META TAGS BASICOS HTML
No podemos hablar de la estructura bsica de un pgina web sin hablaros de los

meta tags. Los meta tags se insertan en la cabecera de la pgina, entre las
etiquetas <head></head>. La funcin de estos tags vara.
Pueden ser informativos, para los buscadores y usuarios, indicndoles el tipo de

contenido de la web, sus palabras claves, etc. o pueden predefinir una actuacin a
la pgina.
Los meta tags no se pueden ver a no ser que sea a travs del cdigo fuente. Es
decir, un meta tag no hace variar la apariencia de una pgina web, pero son
imprescindibles e importantsimos para los buscadores webs.
El esquema de un meta tag es el siguiente: <meta name=" " content=" "/>. El

name muestra el nombre de la etiqueta y el content el contenido de esa
etiqueta. Los meta tags pueden cerrarse de dos formas: > o /> . La segunda es
ms correcta aunque los navegadores no muestran diferencia con una u otra.
Puede que todo esto te suene a chino, no te preocupes. Ahora vamos a pasar a
explicarte los meta tags ms importantes que debes conocer.
Meta Tag Keywords HTML
Esta meta indica al buscador las palabras claves de nuestra pgina. Por ejemplo,
nuestra pgina al ser un tutorial de html, sus palabras clave sern tutorial y
html. Los keywords deben ir separados por comas y sin espacios entre ellos.
<meta name="Keywords" content="tutorial,html" />
Meta Tag Description HTML
Este meta es tambin destinado para los buscadores. En la description

escribiremos la descripcin de la pgina, de sus contenidos. Esto lo haremos a
travs de frases cortas y separadas entre ellas por puntos. En nuestra pgina este
meta quedara de la siguiente manera:
<meta name="Description" content="Tutorial html. Meta tags" />
Meta Tag Language HTML
Este meta tag le indica al buscador el idioma en el que est escrita la pgina. En el
caso de espaol en content se pone es, en ingls en, en francs fr Nuestra
pgina es espaola as que su meta ser el siguiente:
<meta http-equiv="Content-Language" content="es"/>

Meta Tag Distribution HTML
Esta meta es importante. Marac la distribucin que queremos que se haga de

nuestra web en Internet. Si queremos que se distribuya por todo el mundo en
content indicaremos global. Escribir este meta en global es lo ms
recomendable. As pues nuestra pgina incluir
<meta name="distribution" content="global"/>
Meta Tag Robots HTML
Puede que no queramos que nuestra pgina sea indexada por los robots de los
buscadores Web. En ese caso debemos indicrselo con el meta Robots. En
content variar la respuesta dependiendo del valor que escribamos.
Los valores all e index indicarn que queremos que se indexe toda la pgina.
Los valores none y noindex indicarn que no queremos que se indexe nada. El
valor follow indica que queremos que el robot siga los vnculos externos de
nuestra web y nofollow indicar lo contrario.
Como resumen, y siguiendo el ejemplo del apartado "introduccin al html" aunque

cambiando el "title", nuestros meta tags seran los siguientes:
<html>
<head>
<title>Meta tags básicos.</title>
<meta http-equiv="Content-Language" content="es"/>
<meta name="Keywords" content="tutorial,html"/>
<meta name="Description" content="Tutorial html. Meta
tags"/>
<meta name="Distribution" content="global"/>
<meta name="Robots" content="all"/>
</head>
<body>
Hola mundo!<br>
<b>Esto es negrita.</b><br>
<i>Y esto itálica.</i><br>
</body>
</html>
Etiqueta Body HTML
El cuerpo de un documento HTML es la parte central de una pgina web, este se

define por medio de la etiqueta BODY. En este artculo nos centraremos a hablar
de esta etiqueta, sus atributos y propiedades.
De las dos partes en que se divide un documento HTML (HEAD y BODY), BODY
es la segunda. BODY es la etiqueta usada para indicar el cuerpo de un documento
HTML, es la parte donde se describe el contenido de la pgina (su estructura, su
forma, sus colores, texto, y todo lo visual), su inicio lo indica la etiqueta <body> y
su final con la etiqueta </body>, se escribe as:
<html>
<head>
</head>
<body>
Todo lo que est aqu pertenece al BODY
Aqu va el diseo de la pgina y su contenido
</body>
</html>
La variedad de etiquetas HTML que el BODY puede contener son mucho mas que
las que existen para el HEAD, cosa bastante obvia pues la parte de mayor peso es
el BODY.
Dentro de la etiqueta <body> se pueden agregar atributos para indicar un color y/o
imagen de fondo de la pgina, color del texto, color de los links, pero en HTML5 se
ha desaprobado el uso de estos atributos y esto se tiene que indicar con CSS,
este hecho no significa que no funcionen, de hecho se pueden usar y funciona
pero siempre es recomendable ajustarse a los estndares, por cuestiones de
compatibilidad y cosas por el estilo. Aqu les dejo la lista de los atributos que
pueden ir dentro de la etiqueta <body> y que anteriormente eran muy usados,
pero mi recomendacin es aprender CSS y seguir los nuevos estndares de la
W3C.
Bgcolor HTML
El atributo bgcolor se utiliza para establecer el color de fondo de un elemento

HTML. Bgcolor es uno de esos atributos que se ha vuelto obsoleto con la
implementacin de Hojas de Estilo en Cascada (vea Fondos CSS). La razn por la
que lo hemos incluido en este tutorial es porque nos dar la oportunidad de
introducir colores web y tambin aadir algo de vida a nuestra pgina web HTML
mientras seguimos avanzando a travs de este tutorial. Servir como una ayuda
visual para usted como usted est aprendiendo la mecnica de la construccin de
una mesa.
Background HTML
El atributo bgcolor se utiliza para controlar el fondo de un elemento HTML,

especficamente el cuerpo de la pgina y los fondos de la tabla. A continuacin se
muestra la sintaxis para utilizar el atributo bgcolor con cualquier etiqueta HTML.
Text HTML
Esta herramienta en lnea libre del convertidor de la palabra tomar el contenido

llano del texto y convierte el texto de la palabra en cdigo del HTML.
Convertir texto sin formato de un correo electrnico, un archivo .txt o cualquier

fuente de texto similar en cdigo html que se puede publicar en una pgina web.
Si alguna vez le han pedido a convertir un correo electrnico de texto sin formato a
html, entonces usted est en el lugar correcto.
Observe por favor, esto es terminantemente un texto del convertido a la

herramienta del html para el texto llano.
Esta herramienta de conversin toma bloques de texto regular y envuelve

etiquetas de prrafo HTML alrededor de ellos para que pueda publicar el texto en
lnea. Funciona con texto sin formato convirtiendo saltos de lnea de texto en
cdigo de prrafo HTML.
Formato De Texto HTML
Para ello tenemos una serie de etiquetas que escribimos en HTML envolviendo la
palabra o el texto y que transforman ese texto en el formato que nosotros le
hayamos querido dar. Algunas de estas etiquetas estn no recomendadas
(deprecated) por lo que no debemos emplearlas. Otras etiquetas han adquirido un
nuevo significado en las ltimas versiones de HTML, pero no vamos a entrar a
definir este nuevo significado. Debido a su amplia difusin en el pasado conviene
conocer los que fueron usos tradicionales de estas etiquetas, a medida que
avances en el conocimiento de HTML podrs comprobar cmo para algunas
etiquetas se consideran hoy da nuevos significados.
Negrita HTML
Existen dos etiquetas que hacen que nuestro texto se convierta en negrita. La
utilizacin de cualquiera de ellas es en principio indiferente (aunque pueda
atriburseles un significado diferente a cada una de ellas no vamos a prestarle
atencin a esto ahora). La primera es la etiqueta <b> y la otra es la etiqueta
<strong>. Aqu va un ejemplo de cdigo y lo que veramos en pantalla:
Esta palabra la vamos a poner en <b>negrita</b> y esta otra

<strong>tambin</strong>
Esta palabra la vamos a poner en negrita y esta otra tambin
Normalmente se preferir usar tcnicas CSS en lugar de esta etiqueta, pero es

una etiqueta que debemos conocer.
Cursiva HTML
Para escribir un texto en cursiva se ha utilizado mucho en el pasado la etiqueta <i>

(que por supuesto debes cerrarla con la etiqueta </i>). Tambin se ha utilizado la
etiqueta <em>. Como en el caso de la negrita, aunque podran atriburseles
distintos significados no vamos a prestarle atencin a esta cuestin ahora. Aqu
presentamos un ejemplo:
Esta palabra la vamos a poner en <i>cursiva</i> y esta otra

<em>tambin</em>
Subrayado HTML
Para que la palabra o el texto quedara subrayado se us en el pasado el rodearlo

con la etiqueta <u> y cerrarlo con su correspondiente etiqueta </u>. As se
subrayara una frase:
<u>As subrayaramos una frase importante</u>

Texto Tachado HTML
Existen tres etiquetas que se han venido usando para conseguir que un texto
quede tachado. Hablamos de las etiquetas <strike>, <s> y <del>. Todas ellas
ofrecen el mismo resultado. Aqu presentamos una muestra:
Puedo proceder a tachar una palabra <strike>as</strike>, <s>as</s> o

<del>as</del>
Formularios HTML
Los formularios estn delimitados con la etiqueta <FORM> ... </FORM>, que
permite reunir varios elementos de formulario, como botones y casillas de texto y
que debe poseer los siguientes atributos:
METHOD indica cmo se enviarn las respuestas
"POST" es el valor que enva los datos al agente de procesamiento

almacenndolos en el cuerpo del formulario, en tanto que "GET" enva los datos
agregndolos a la direccin URL y separndolos de la direccin con un signo de
interrogacin (para aprender ms sobre los mtodos POST y GET, consulte el
artculo sobre protocolo HTTP)
Action HTML
Indica la direccin a la que se enviar la informacin (un script CGI o direccin de

correo electrnico (mailto:direccin_de_correo_e@equipo)) Un atributo opcional
de la etiqueta FORM es ENCTYPE, que especifica cmo se codifican los datos del
formulario. De cualquier forma, esto no necesita especificarse, ya que el valor
predeterminado (application/x-www-form-urlencoded) es el nico valor vlido. El
atributo opcional ACCEPT se usa para establecer tipos MIME para los datos que
el formulario puede enviar.
Method HTML
= "POST o GET" - Mtodo HTTP empleado al enviar el formulario
Enctype HTML
= "application/x-www-form-urlencoded o multipart/form-data" - Tipo de codificacin

empleada al enviar el formulario al servidor (slo se indica de forma explcita en
los formularios que permiten adjuntar archivos).
Campos De Textos HTML
Los campos de entrada de los formularios se definen mediante el tag <input> y

sus diferentes valores. Estos valores nos permiten utilizar varios tipos de cajas y
de formas.
Vamos a ver a continuacin distintos tipos de cajas y veremos como varan sus
caractersticas.
Las cajas de texto bsicas: <input type= text>
La caja de texto bsica se escribira de la siguiente forma:
<input type="text" name="nombredelacaja">
Size HTML
Las etiquetas <small> y <big> son especiales porque pueden repetirse. Si desea
aumentar el tamao de fuente con un factor dos, entonces podra hacerlo de la
siguiente manera:
bla bla bla <big><big>whatever</big></big> bla bla bla
Max Length HTML

El atributo maxlength limita el nmero de caracteres que una <input> o <textarea>
puede aceptar. El atributo maxlength en textarea es nuevo en HTML5.
Funciona para entradas sin GUI, como texto, correo electrnico, url, bsqueda, tel
y contrasea.
Al ingresar los datos, los navegadores no permitirn que el usuario introduzca ms
que los caracteres definidos por el valor del atributo maxlength: cortar el texto
como usted escribe y truncar el texto pegado. Esto puede conducir a una mala
experiencia del usuario.
Maxlength no limita la longitud del marcador de posicin.
Si se incluye un valor preestablecido con un valor que tiene ms caracteres que la

longitud permitida, no se lanzar un error de validacin. Sin embargo, si se edita
ese valor preestablecido, pero es an ms largo que la longitud permitida, el
elemento se convertir en invlido, coincidiendo con el selector de pseudoclass
invlido, y ser impedido de ser presentado en Opera y IE10 +, que muestran la
validez tooLong mensaje de error.
IE 9 inform de soporte en entradas y textareas pero slo funciona en entradas.

Value HTML
Cada control tiene un valor inicial y un valor actual. Normalmente, el valor inicial de
un control puede especificarse con el atributo value. El valor actual del control se
hace en primer lugar igual al valor inicial. A partir de ese momento, el valor actual
del control puede ser modificado mediante la accin del usuario. El valor inicial de
un control no cambia. As, cuando se carga el formulario, el valor actual de cada
control se restablece a su valor inicial. Si el control no tiene un valor inicial, el
efecto de una reinicializacin o carga del formulario sobre ese control es
indefinido. Indefinido significa que no sabemos exactamente lo que va a pasar.
Para que no ocurra esto, es preferible establecer siempre un valor inicial.
Name HTML
Identifica un control dentro de un formulario. Este atributo nos va a resultar

necesario para poder rescatar la informacin.
Campos De Textos Largos HTML
Un <textarea> es como una caja de texto sencilla, tipo text, pero en la que
dejamos al usuario espacio de sobra para poder escribir un texto largo. Son tiles
para que el usuario contacte con nosotros, plantee sus dudas o sugerencias, etc.
Su etiqueta es <textarea> y su correspondiente cierre </textarea>. Todo lo que

vaya dentro de estas etiquetas formar parte del texto.
Sus atributos bsicos son rows y cols que servirn para definir el tamao del
textarea. Adems, no debemos olvidar el atributo name, que servir para definir
el nombre de este campo.
Un textarea llamado comentarios y con unas dimensiones de 10 filas y de 40

columnas, tendra el cdigo siguiente:
<textarea name="comentarios" rows="10" cols="40">Escribe
aqu tus comentarios</textarea>
Textos Con Passwords HTML
En muchos formularios se piden datos personales que el usuario no quiere que se

lean a su alrededor: contraseas, etc. Para ello debemos crear una caja que no
muestre los datos que se escriben en ella y que los codifique. Esto es ms sencillo
de lo que parece. El siguiente cdigo es de un campo con datos codificados:
<input type="password" name="contrasea">
Lista De Opciones HTML
Las listas de opciones son de gran ayuda para los formularios en los que
queremos saber la opinin de un aspecto concreto en nuestra Web, dentro de
diferentes opciones planteadas previamente por nosotros. Las listas de seleccin
u opciones se escriben gracias a la etiqueta <selection> y a su cierre.
Vamos a ponerte un ejemplo de la lista de opciones bsica, la ms sencilla. Si

queremos preguntar, por ejemplo, cul es el medio de transporte favorito de
nuestro usuarios, el cdigo de la lista de seleccin podra ser el siguiente:
<select name="transporte">
<option>Coche</option>
<option>Avin</option>
<option>Tren</option>
</select>
Y el resultado quedara de la siguiente manera.
Pero podemos personalizar esta lista de opciones mediante una serie de atributos.
Por ejemplo, podemos hacer que se vea ms de una opcin a la vez en la lista.
Para ello utilizaremos size, indicando el nmero de opciones que queremos que
se muestren.
En la lista anterior si quisieramos que se vieran dos opciones, deberamos cambiar

el cdigo anterior por el siguiente:
<select name="transporte" size="2">

</select>
Para obtener el siguiente resultado:
Tambin podemos definir si queremos que se pueda elegir ms de una opcin a la

vez mediante las teclas ctrl y shift. Para ello utilizaremos el atributo multiple. Mira
primero cmo quedara nuestro cdigo.
<select name="transporte" size="2" multiple>

</select>
Y aqu comprobars lo que nos permite hacer este atributo.
Otra cosa que podemos predefinir es que la opcin que aparezca seleccionada al
principio no sea la primera que est en la lista. Esto se realiza gracias al atributo
selected y lo tenemos que poner en la opcin que queramos que aparezca como
seleccionada. En el cdigo siguiente, queramos que apareciera seleccionada la
opcin del tren.
<option selected>Tren</option>
</select>
Y aqu puedes ver cual ha sido el resultado.
Por ltimo esta el atributo value. Este atributo es muy til para gestionar los datos,
sobre todo si le llega a un programa. Con este atributo lo que se le hace es atribuir
un nmero o una letra a cada opcin.
El atributo se escribe dentro de cada opcin y se define el valor del mismo. Por
ejemplo, en la primera lista que te hemos presentado podramos valorar nuestras
opciones de la siguiente manera:
<option value="1">Coche</option>
<option value="2">Avin</option>
<option value="3">Tren</option>
</select>
Y en el supuesto de seleccionar por ejemplo la opcin del avin, al programa (o al
correo electrnico) le llegara el siguiente dato: transporte=2. si te fijas, transporte
es el nombre de esta lista de opciones.
Lista De Opciones De Radio HTML
A continuacin vamos a ver otro tipo de listas de opciones o de seleccin. Son

listas con botones de tipo radio. Estos botones se escriben mediente la etiqueta
type=radio.
Vamos a transformar la lista anterior en este tipo de lista. Fijaros que a cada
opcin le vamos a atribuir una etiqueta nueva, pero todas ellas van a tener el
mismo nombre. El cdigo nuevo quedara de la siguiente manera:
<input type="radio" name="transporte" value="1">Coche

<br>
<input type="radio" name="transporte" value="2">Avin
<br>
<input type="radio" name="transporte" value="3">Tren
Y el cambio de aspecto es evidente. Aqu lo tenis:
Coche
Avin
Tren
Por defecto no saldr ninguna opcin activada. Pero si queremos activar alguna
de ellas podemos hacerlo mediante el atributo checked. Por ejemplo, en el cdigo
siguiente la lista de opciones tiene activada la opcin avin:
<input type="radio" name="transporte" value="1">Coche

<br>
<input type="radio" name="transporte" value="2"
checked>Avin
<br>
<input type="radio" name="transporte" value="3">Tren
Y observa el resultado que obtenemos
Coche
Avin
Tren
Lista De Opciones Chenbox HTML
Estas listas de opciones son muy parecidas a las vistas anteriormente salvo por
dos detalles que vamos a mostrarte a continuacin.
El primero de ellos y fundamental es que las cajas son de un tipo diferente y se

escriben, por tanto, de forma diferente. Las cajas se escriben mediante
type=checkbox.
Otra diferencia es que as como las listas de botones tipo radio slo permitian
elegir una opcin (siempre y cuando los nombres de las opciones fueran los
mismos), las listas de cajas permiten seleccionar una o varias opciones.
Aqu tienes el cdigo de una lista que hemos escrito para demostrarte todo lo que
te hemos explicado anteriormente:
<input type="checkbox" name="transporte" value="1">Coche

<br>
<input type="checkbox" name="transporte" value="2"
checked>Avin
<br>
<input type="checkbox" name="transporte" value="3">Tren
Y observa a continuacin el resultado:
Coche
Avin
Tren
E-GRAFA
http://html.hazunaweb.com/104.php
http://www.acercadehtml.com/manual-html/etiqueta-body-cuerpo-de-html.html
http://www.tizag.com/htmlT/bgcolor.php
http://html.com/attributes/body-background/
http://www.echoecho.com/htmltext05.htm
http://aprenderaprogramar.com/index.php?
option=com_content&view=article&id=480:formatos-de-texto-html-negrita-cursiva-
tachado-subrayado-superindice-subindice-b-y-strong-cu00713b&catid=69:tutorial-
basico-programador-web-html-desde-cero&Itemid=192
http://es.ccm.net/contents/236-formularios-html
http://aprende-web.net/html/html7_4.php

Meta Tags Basicos HTML

Cargado por

Información del documento

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Meta Tags Basicos HTML

Cargado por

Copyright:

Formatos disponibles

META TAGS BASICOS HTML

No podemos hablar de la estructura bsica de un pgina web sin hablaros de los

Pueden ser informativos, para los buscadores y usuarios, indicndoles el tipo de

El esquema de un meta tag es el siguiente: <meta name=" " content=" "/>. El

Meta Tag Keywords HTML

<meta name="Keywords" content="tutorial,html" />

Meta Tag Description HTML

Este meta es tambin destinado para los buscadores. En la description

<meta name="Description" content="Tutorial html. Meta tags" />

Meta Tag Language HTML

<meta http-equiv="Content-Language" content="es"/>

Esta meta es importante. Marac la distribucin que queremos que se haga de

<meta name="distribution" content="global"/>

Meta Tag Robots HTML

Como resumen, y siguiendo el ejemplo del apartado "introduccin al html" aunque

El cuerpo de un documento HTML es la parte central de una pgina web, este se

El atributo bgcolor se utiliza para establecer el color de fondo de un elemento

El atributo bgcolor se utiliza para controlar el fondo de un elemento HTML,

Esta herramienta en lnea libre del convertidor de la palabra tomar el contenido

Convertir texto sin formato de un correo electrnico, un archivo .txt o cualquier

Observe por favor, esto es terminantemente un texto del convertido a la

Esta herramienta de conversin toma bloques de texto regular y envuelve

Formato De Texto HTML

Esta palabra la vamos a poner en <b>negrita</b> y esta otra

Esta palabra la vamos a poner en negrita y esta otra tambin

Normalmente se preferir usar tcnicas CSS en lugar de esta etiqueta, pero es

Para escribir un texto en cursiva se ha utilizado mucho en el pasado la etiqueta <i>

Esta palabra la vamos a poner en <i>cursiva</i> y esta otra

Para que la palabra o el texto quedara subrayado se us en el pasado el rodearlo

<u>As subrayaramos una frase importante</u>

Puedo proceder a tachar una palabra <strike>as</strike>, <s>as</s> o

METHOD indica cmo se enviarn las respuestas

"POST" es el valor que enva los datos al agente de procesamiento

Indica la direccin a la que se enviar la informacin (un script CGI o direccin de

= "POST o GET" - Mtodo HTTP empleado al enviar el formulario

= "application/x-www-form-urlencoded o multipart/form-data" - Tipo de codificacin

Campos De Textos HTML

Los campos de entrada de los formularios se definen mediante el tag <input> y

Las cajas de texto bsicas: <input type= text>

La caja de texto bsica se escribira de la siguiente forma:

<input type="text" name="nombredelacaja">

bla bla bla <big><big>whatever</big></big> bla bla bla

Max Length HTML

Maxlength no limita la longitud del marcador de posicin.

Si se incluye un valor preestablecido con un valor que tiene ms caracteres que la

IE 9 inform de soporte en entradas y textareas pero slo funciona en entradas.

Identifica un control dentro de un formulario. Este atributo nos va a resultar

Campos De Textos Largos HTML

Su etiqueta es <textarea> y su correspondiente cierre </textarea>. Todo lo que

Un textarea llamado comentarios y con unas dimensiones de 10 filas y de 40

Textos Con Passwords HTML

En muchos formularios se piden datos personales que el usuario no quiere que se

<input type="password" name="contrasea">

Lista De Opciones HTML

Vamos a ponerte un ejemplo de la lista de opciones bsica, la ms sencilla. Si

Y el resultado quedara de la siguiente manera.

En la lista anterior si quisieramos que se vieran dos opciones, deberamos cambiar

<select name="transporte" size="2">

Para obtener el siguiente resultado:

Tambin podemos definir si queremos que se pueda elegir ms de una opcin a la

<select name="transporte" size="2" multiple>

Y aqu comprobars lo que nos permite hacer este atributo.

Y aqu puedes ver cual ha sido el resultado.

Lista De Opciones De Radio HTML