Usuario:Juanda/html/elementos

=Elementos básicos del lenguaje=

Etiquetas obligatorias del documento
* y La etiqueta head debe incluir el título. También puede incluir:
 * Todas las etiquetas deben ir en minúsculas.
 * Se pueden anidar (como en XML).
 * JavaScript
 * Links a stylesheets
 * Información acerca del propio documento (mediante metatags)

Atributos y valores
Las etiquetas pueden tener atributos. Los atributos van en la etiqueta de inicio y son de la forma atributo=”valor”. ¡Siempre en minúsculas, por si acaso!

Headings

 * Hay seis niveles representados por las etiquetas h1, h2, h3, h4, h5 y h6.
 * Sin aplicar ninguna regla CSS se representan en “su propia linea”.
 * Por defecto están en negrita.
 * h1 se considera el más importante y es el más grande, luego h2, h3...
 * También los usan los buscadores. Las palabras clave tienen mucha más importancia en un h1 que en un h6.

Imágenes

 * Mediante la etiqueta img
 * Es importante poner el atributo alt. Es la información que tienen los buscadores sobre la imagen para indexarla.
 * Es importante indicar anchura y altura:aunque la página tarde en cargarse, lo hará con sus dimensiones (layout) definitivas.
 * Se debe guardar cierta estructura jerárquica en nuestro sitio web. Directorio para imágenes, para javascript, etc.

Comentarios

 * Nos ayudarán a documentar el código de nuestras páginas (versiones, objetivo o meta de unas líneas de código, etc.)
 * No son visibles por el navegador.
 * Se ven exclusivamente en el código fuente (CTRL + U desde Firefox).
 * Se deben evitar comentarios “privados” al poder ser vistos por cualquiera desde el código fuente.

Enlaces internos
Una imagen como enlace:
 * Ejemplos:

Enlaces externos

 * En búsquedas en directorios se debe acabar la url con /, para no generar dos peticiones en el servidor.
 * Enlace para correo electrónico:

Tablas
&lt;tr&gt; Table row (fila) &lt;td&gt; Table data (celda) &lt;th&gt; Table header, opcional, negrita y centrado por defecto

Listas

 * Usaremos las listas en combinación con enlaces para realizar menús

Formularios

 * Un formulario permite que el visitante al sitio cargue datos y sean enviados al servidor.
 * El lenguaje HTML solo tiene el objetivo de crear el formulario: no tiene la responsabilidad de registrar los datos en el servidor, esta actividad está delegada a un lenguaje que se ejecute en el servidor (PHP, ASP, JSP etc.)

&lt;form&gt; 		Define el comienzo del formulario para la inserción de datos Atributo action: nombre de la página que procesará los datos en el servidor
 * method=”post” Lo habitual. Los datos se envían con el cuerpo del formulario
 * method=”get” Los datos se envían en la cabecera de petición de página

&lt;input&gt;		Define un control de inserción de datos &lt;textarea&gt; 	Define un control de inserción de datos multilínea
 * Ejemplo:

&lt;label&gt; 		Muestra un texto junto al control de inserción de datos &lt;fieldset&gt; 	Define un borde entre un conjunto de elementos del formulario &lt;legend&gt; 	Define una label para el fieldset &lt;select&gt; 	Define una lista desplegable &lt;optgroup&gt; 	Defines un grupo de opciones relacionadas en una lista desplegable &lt;option&gt; 	Define una opción en una lista desplegable Ejemplo: &lt;button&gt; 	Defines un botón

DOCTYPE

 * Doctype html5


 * Doctype html4 estricto (sin frameset y atributos de presentación todos mediante hojas de estilos)


 * Doctype html4.0.1 Transitional estricto (sin frameset pero con atributos de presentación)


 * Doctype html 4.0.1 con Frames (con frameset y con atributos de presentación)


 * XHTML similares tipos a html 4.0.1

Aplicando estilos en html
Etiquetas para formato de textos

Atributo style
Valor: propiedad css:valor;propiedad css:valor;....

iframes
Sirve para mostrar una página dentro de otra página:

Entities
Caracteres reservados en html