y proveen información sobre el contenido de la página... by jos66p6rez-7"> y proveen información sobre el contenido de la página para buscadores y usuarios, como palabras clave y descripción. Algunos meta tags comunes son , y .">
Meta Tags Basicos HTML
Meta Tags Basicos HTML
Meta Tags Basicos HTML
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.
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.
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.
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:
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.
<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
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
Text HTML
Si alguna vez le han pedido a convertir un correo electrnico de texto sin formato a
html, entonces usted est en el lugar correcto.
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:
Cursiva HTML
Subrayado 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:
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:
Action HTML
Method HTML
Enctype HTML
Vamos a ver a continuacin distintos tipos de cajas y veremos como varan sus
caractersticas.
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:
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.
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
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.
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.
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.
<select name="transporte">
<option>Coche</option>
<option>Avin</option>
<option>Tren</option>
</select>
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.
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.
<select name="transporte">
<option>Coche</option>
<option>Avin</option>
<option selected>Tren</option>
</select>
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:
<select name="transporte">
<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.
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:
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:
Coche
Avin
Tren
Estas listas de opciones son muy parecidas a las vistas anteriormente salvo por
dos detalles que vamos a mostrarte a continuacin.
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:
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://html.hazunaweb.com/119.php
http://aprende-web.net/html/html7_4.php
http://html.hazunaweb.com/120.php