HTML . a chorrarla .com

HTML es un lenguaje que nos permite construir Páginas Web.

El HTML , acrónimo inglés de H yper T ext M arkup L anguage (lenguaje de etiquetado de documentos hipertextual), es un lenguaje de marcación diseñado para estructurar textos y presentarlos en forma de hipertexto, que es el formato estándar de las páginas web. Gracias a Internet y a los navegadores del tipo Internet Explorer, Opera, Firefox o Netscape, el HTML se ha convertido en uno de los formatos más populares que existen para la construcción de documentos.

HTML es una aplicación de SGML conforme al estándar internacional ISO 8879. XHTML es una reformulación de HTML 4 como aplicación XML 1.0, y que supone la base para la evolución estable de este lenguaje. Además XHTML permite la compatibilidad con los agentes de usuario que ya admitían HTML 4 siguiendo un conjunto de reglas.

Nociones básicas de HTML

El lenguaje HTML puede ser creado y editado con cualquier editor de textos básico, como puede ser el Bloc de Notas de Windows (o Notepad ), o cualquier otro editor que admita texto sin formato como GNU Emacs, Microsoft Wordpad, TextPad etc.

Existen además, otros programas para la realización de sitios Web o edición de código HTML, como por ejemplo Microsoft FrontPage, el cual tiene un formato básico parecido al resto de los programas de Office. También existe el famoso software de Macromedia llamado Dreamweaver, siendo uno de los más utilizados en el ámbito de diseño y programación Web. Estos programas se les conoce como editores WYSIWYG o What You See Is What You Get (en español: “lo que ves es lo que obtienes”). Esto significa que son editores los cuales van mostrando el resultado de lo que se esta editando en tiempo real a medida que se va desarrollando el documento. Ahora bien, esto no significa una manera distinta de realizar sitios web, sino que una forma un tanto mas simple ya que estos programas, además de tener la opción de trabajar con la vista preliminar, tiene su propia sección HTML la cual va generando todo el código a medida que se va trabajando. Combinar estos dos métodos resulta muy interesante, ya que de alguna manera se ayudan entre sí. Por ejemplo; si estoy editando todo en HTML y de pronto olvido algún código o etiqueta, simplemente me dirijo al editor visual o WYSIWYG y continuo ahí la edición, o viceversa, ya que hay casos en que sale mas rápido y fácil escribir directamente el código de alguna característica que queramos adherirle al sitio, que buscar la opción en el programa mismo.

HTML utiliza etiquetas o marcas, que consisten en breves instrucciones de comienzo y final, mediante las cuales se determinan la forma en la que debe aparecer en su navegador el texto, así como también las imágenes y los demás elementos, en la pantalla del ordenador.

Toda etiqueta se identifica porque está encerrada entre los signos menor que y mayor que (<>), y algunas tienen atributos que pueden tomar algún valor. En general las etiquetas se aplicarán de dos formas especiales:

Se abren y se cierran, como por ejemplo: <b>negrilla</b> que se vería en su navegador como negrilla .
No pueden abrirse y cerrarse, como <hr> que se vería en su navegador como una línea horizontal.
Otras que pueden abrirse y cerrarse, como por ejemplo <p>.
Las etiquetas básicas o mínimas son:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " http://www.w3.org/TR/html4/strict.dtd"> <html lang="es"> <head> <title>Ejemplo</title> </head> <body> <p>ejemplo</p> </body> </html>

Algunas etiquetas básicas de HTML

Las etiquetas básicas de HTML, de obligada presencia en todo documento son:

<HTML> : Es la etiqueta que define el inicio del documento html, le indica al navegador que todo lo que viene a continuación debe tratarlo como una serie de códigos html.
<HEAD> : Define la cabecera del documento html, esta cabecera suele contener información sobre el documento que no se muestra directamente en el navegador. Como por ejemplo el título de la ventana de su navegador. Dentro de la cabecera <HEAD> podemos encontrar:
- <TITLE> : Define el título de la página. Por lo general, el título aparece en la barra de título encima de la ventana
- <LINK> : para definir algunas características avanzadas, como por ejemplo las hojas de estilo usadas para el diseño de la página, ejemplo : <link rel="stylesheet" href="/style.css" type="text/css">
<BODY> : Define el contenido principal o cuerpo del documento, esta es la parte del documento html que se muestra en el navegador, dentro de esta etiqueta pueden definirse propiedades comunes a toda la página, como color de fondo y márgenes. Dentro del cuerpo <BODY> podemos encontrar numerosísimas etiquetas. A continuación se indican algunas a modo de ejemplo:
- <H1>, <H2>,... <H6> : encabezados o títulos del documento en diferentes tamaños de fuente
- <P> : párrafo nuevo
- <BR> : salto de línea forzado
- <TABLE> : comienzo de una tabla (las filas se identifican con <TR> y las celdas dentro de las filas con <TD>)
- <A> : indica la existencia de un hipervínculo o enlace, dentro o fuera la página web. Debe definirse el parámetro de pasada por medio del atributo href (ejemplo: <a href="http://www.google.es">Google</a> se representa como Google)
- <DIV> : comienzo de un área especial en la página
- <IMG> : indica la existencia de una imagen para mostrarse en el navegador
- <LI> <OL> <UL> :Es uno de los mas utilizados para el manejo de listas.

Conocer más

Pruebe a elegir Ver código fuente en su navegador favorito: verá realmente la información que está recibiendo su navegador y cómo la está interpretando. Por ejemplo: en Internet explorer o en Firefox simplemente presione ver en el menú principal, luego presione código fuente y listo, ya puede ver el código fuente de la pagina que esta viendo en su explorador.

Historia del estándar

No hay especificación oficial del HTML 1.0 porque ya existían múltiples estándares informales del HTML cuando se decidió crear un estándar oficial. Los trabajos para crear un sucesor del HTML, posteriormente llamado 'HTML+', comenzaron a finales de 1993. El HTML+ se diseñó originalmente para ser un superconjunto del HTML que permitiera evolucionar gradualmente desde el formato HTML anterior. A la primera especificación formal de HTML+ se le dio, por lo tanto, el número de versión 2.0 para distinguirla de esos "estándares no oficiales" previos. Los trabajos sobre HTML+ continuaron, pero nunca se convirtió en un estándar.

El borrador del estándar HTML 3.0 fue propuesto por el recién formado W3C en marzo de 1995. Con él se introdujeron muchas nuevas capacidades, tales como facilidades para crear tablas, hacer que el texto fluyese alrededor de las figuras y mostrar elementos matemáticos complejos. Aunque se diseñó para ser compatible con HTML 2.0, era demasiado complejo para ser implementado con la tecnología de la época y, cuando el borrador del estándar expiró en septiembre de 1995, se abandonó debido a la carencia de apoyos de los fabricantes de navegadores web. El HTML 3.1 nunca llegó a ser propuesto oficialmente, y el estándar siguiente fue el HTML 3.2, que abandonaba la mayoría de las nuevas características del HTML 3.0 y, a cambio, adoptaba muchos elementos desarrollados inicialmente por los navegadores web Netscape y Mosaic. La posibilidad de trabajar con fórmulas matemáticas que se había propuesto en el HTML 3.0 pasó a quedar integrada en un estándar distinto llamado MathML.

El HTML 4.0 también adoptó muchos elementos específicos desarrollados inicialmente para un navegador web concreto, pero al mismo tiempo comenzó a limpiar el HTML señalando algunos de ellos como 'desaprobados'.

Ya no va a haber nuevas versiones del HTML. Sin embargo, la herencia del HTML se mantiene en XHTML, que se basa en XML.
___
vía es.wikipedia.
| arriba

Las etiquetas del código html más importantes:

Tags Básicos

<html></html>
Crea un documento HTML

<head></head>
Stea el título y otra información que no se visualizará en la página web

<body></body>
Setea la parte visible de la página

Header Tags

<title></title>
Pone el nombre del documento en la barra del título

Atributos del Body

<body bgcolor=?>
Setea el color de fondo, usando nombres o valores hex

<body text=?>
Setea el color del texto, usando nombres o valores hex

<body link=?>
Setea el color de los enlaces, usando nombres o valores hex

<body vlink=?>
Setea el color de los enlaces visitados, usando nombres o valores hex

<body alink=?>
Setea el color de los enlaces al ser presionados, usando nombres o valores hex

Tags de texto

<pre></pre>
Crea texto preformateado

<hl></hl>
Crea un título grande

<h6></h6>
Crea un título pequeño

<b></b>
Crea texto en negritas

<i></i>
Crea texto en itálicas

<tt></tt>
Crea texto teletipo

<cite></cite>
Crea una cita, usando itálicas

<em></em>
Enfatiza una palabra

<strong></strong>
Enfatiza una palabra (con itálicas or negritas)

<font size=?></font>
Setea el cuerpo de la fuente de 1 a 7

<font color=?></font>
Setea el color de la fuente, usando nombres o valores hex

Enlaces

<a href="URL"></a>
Crea un hipervínculo

<a href="mailto:EMAIL"></a>
Crea un enlace de email

<a name="NAME"></a>
Crea un enlace dentro del documento

<a href="#NAME"></a>
Vincula a ese target dentro del documento

Formatting

<p></p>
Crea un párrafo nuevo

<p align=?>
Alinea un párrafa (izquierda, centro, derecha)

<br>
Inserta un salto de línea

<blockquote>
</blockquote>
Justifica el texto a ambos lados

<dl></dl>
Crea un lista de definición

<dt>
Precede cada término de definición

<dd>
Precede cada definición

<ol></ol>
Crea un lista numerada

<li></li>
Precede cada ítem de una lista y le agrega un número

<ul></ul>
Crea una lista con puntos

<div align=?>
Un tag genérico utilizado para formatear grandes bloques de HTML, también usado para stylesheets

Elementos Gráficos

<img src="name">
Agrega una imagen

<img src="name" align=?>
Alinea una imagen an image

<img src="name" border=?>
Setea el grosor del borde de la imagen

<hr>
Inserta una linea horizontal

<hr size=?>
Setea la altura de una linea

<hr width=?>
Setea el ancho de la linea, en porcentaje o números absolutos

<hr noshade>
Inserta una linea horizontal sin sombra

Tablas

<table></table>
Crea una tabla

<tr></tr>
Setea cada row de la tabla

<td></td>
Setea cada celda de la tabla

<th></th>
Setea el header de la tabla (una celda normal, con texto centrado y resaltado)

Atributos de las Tablas

<table border=#>
Setea el grosor del borde de la tabla

<table cellspacing=#>
Setea la cantidad de espacio entre las celdas

<table cellpadding=#>
Setea la cantidad de espacio entre el borde de las celdas y su contenido

<table width=# or %>
Setea el ancho de la tabla - en pixel o en porcentaje de acuerdo al ancho del documento

<tr align=?> or <td align=?>
Setea la alineación delas celdas (izquierda, centro, derecha)

<tr valign=?> or <td valign=?>
Setea la alineación vertical de las celdas (arriba, nedio, abajo)

<td colspan=#>
Setea la cantidad de columnas dentro de una celda

<td rowspan=#>
Setea la cantidad de rows que una celda despliega (por defecto=1)

<td nowrap>
Previene que se rompa una linea dentro de la celda

Frames

<frameset></frameset>
tag dentro de un documento de frames

<frameset rows="value,value">
Define las filas de un frame, usando números o porcentaje para definir el largo

<frameset cols="value,value">
Define las columnas de un frame, usando números o porcentaje para definir el largo

<frame>
Define un solo frame - o región - dentro de frameset

<noframes></noframes>
Define lo que aparecerá en navegadores que no soporten frames

Atributos de los Frames

<frame src="URL">
Especifica que documento html será desplegado

<frame name="name">
Nombra al frame or región, para que pueda ser llamado desde otro frame

<frame marginwidth=#>
Define los márgenes derecho e izquierdo del frame; debe ser igual o mayor a 1

<frame marginheight=#>
Define los márgenes de arriba y abajo del frame; debe ser igual o mayor a 1

<frame scrolling=VALUE>
Setea si el frame tendrá barra de desplazamiento o no; el valor debe ser "yes," "no," o "auto. " El default es "auto".

<frame noresize>
Previeve al usuario de cambiar el tamaño del frame

Formularios

Para forms funcionales, deberá correr un script de CGI. El HTML sólo crea la apariencia del formulario.

<form></form>
Crea el formulario

<select multiple name="NAME" size=?></select>
Crea un menú de desplazamiento. Size setea el número de ítems visibles antes de tener que desplazarse.

<option>
Setea cada ítem del menú

<select name="NAME"></select>
Crea un menú desplegable

<textarea name="NAME" cols=40 rows=8></textarea>
Crea una área de texto.

<input type="checkbox" name="NAME">
Crea una checkbox.

<input type="radio" name="NAME" value="x">
Crea un radio button.

<input type=text name="foo" size=20>
Crea un área de texto de una sola línea. Size setea el largo en caracteres.

<input type="submit" value="NAME">
Crea un botón de envio.

<input type="image" border=0 name="NAME" src="name.gif">
Crea un botón de envio utilizando una imagen.

<input type="reset">
Crea un botón de reseteo
___
vía webexperto.
| arriba

Free Web	Peliculas	foro	Dichos	Mt2435	hosting y dominios
farmaceuticos	Paraguay	guia hacker	Utilidades PC	Oficina Virtual	Apuntar Web