El HTML, acrónimo inglés de HyperText Markup Language (lenguaje de marcas hipertextuales), 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 y también de los más fáciles de aprender
2006-12-04 03:38:41
·
answer #1
·
answered by Adefecio 7
·
0⤊
0⤋
El HTML, acrónimo inglés de HyperText Markup Language (lenguaje de marcas hipertextuales), 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 y también de los más fáciles de aprender.
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.
Tabla de contenidos [ocultar]
1 Algunas etiquetas básicas de HTML
2 Nociones básicas de HTML
3 Conocer más
4 Historia del estándar
5 Enlaces externos
[editar] Algunas etiquetas básicas de HTML
Las etiquetas básicas de HTML, de obligada presencia en todo documento son:
: 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.
: 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 podemos encontrar:
: 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 <br />
<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"> <br />
<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: <br />
<H1>, <H2>,... <H6>: encabezados o tÃtulos del documento en diferentes tamaños de fuente <br />
<P>: párrafo nuevo <br />
<BR>: salto de lÃnea forzado <br />
<TABLE>: comienzo de una tabla (las filas se identifican con <TR> y las celdas dentro de las filas con <TD>) <br />
<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.com">Google</a> se representa como Google) <br />
<DIV>: comienzo de un área especial en la página <br />
<IMG>: indica la existencia de una imagen para mostrarse en el navegador <br />
<font color="#xxxxxx">:Para cambiar el color de la letra, donde las x son un número hexadecimal. <br />
<LI><OL><UL>:Es uno de los más utilizados para el manejo de listas. <br />
-Cada etiqueta debe cerrarse tal cual se abrió pero con un pequeño cambio: un "/" tal como se muestra en el siguiente ejemplo:<br />
<br />
<br />
<script> </script> <br />
<br />
[editar] Nociones básicas de HTML<br />
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.<br />
<br />
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 Adobe(quién adquirió la empresa 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 más 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.<br />
<br />
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 más 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.<br />
<br />
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.<br />
<br />
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:<br />
<br />
Se abren y se cierran, como por ejemplo: <b>negrilla</b> que se verÃa en su navegador como negrilla. <br />
No pueden abrirse y cerrarse, como <hr> que se verÃa en su navegador como una lÃnea horizontal. <br />
Otras que pueden abrirse y cerrarse, como por ejemplo <p>. <br />
Las etiquetas básicas o mÃnimas son: <br />
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <br />
<html lang="es"><br />
<head><br />
<title>Ejemplo
ejemplo
[editar] 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 página que esta viendo en su explorador.
[editar] Historia del estándar
En 1989 existÃan dos técnicas que permitÃan vincular documentos electrónicos, por un lado los hipervÃnculos (links) y por otro lado un poderoso lenguaje de etiquetas denominado SGML. Por entonces un usuario conocedor de ambas opciones, Tim Berners-Lee fÃsico nuclear del Centro Europeo de Investigaciones Nucleares da a conocer a la prensa que estaba trabajando en un sistema que permitirá acceder a ficheros en lÃnea, funcionando sobre redes de computadoras o máquinas electrónicas basadas en el protocolo TCP/IP.
Principios de 1990, Tim Berners-Lee define por fin el HTML como un subconjunto del conocido SGML y crea algo más valioso aun, el World Wide Web. En 1991, Tim Berners-Lee crea el primer navegador de HTML que funcionarÃa en modo texto y para UNIX.
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.
2006-12-04 03:40:56
·
answer #3
·
answered by mi_dq 4
·
0⤊
0⤋
Como ya se ha dicho, este lenguaje estructura documentos. La mayoría de los documentos tienen estructuras comunes (títulos, parrafos, listas...) que van a ser definidas por este lenguaje mediante tags. Cualquier cosa que no sea una tag es parte del documento mismo.
Este lenguaje no describe la apariencia del diseño de un documento sino que ofrece a cada plataforma que le de formato según su capacidad y la de su navegador (tamaño de la pantalla, fuentes que tiene instaladas...). Por ello y para no fustrarnos, no debemos diseñar los documentos basándonos en como lucen en nuestro navegador sino que debemos centrarnos en proporcionar un contenido claro y bien estructurado que resulte fácil de leer y entender.
No se desespere por lo que acaba de leer. HTML tiene dos ventajas que lo hacen prácticamente imprescindibles a la hora de diseñar una presentación web: Su compatibilidad y su facilidad de aprendizaje debido al reducido número de tags que usa.
Básicamente, los documentos escritos en HTML constan del texto mismo del documento y las tags que pueden llevar atributos. Esto llevado a la práctica, vendría a ser:
texto afectado
La tag del principio activa la orden y la última (que será la del principio precedida del signo /) la desactiva. No todas las tags tienen principio y final pero esto lo veremos más adelante.
http://www.webestilo.com/html/cap2a.phtml
2006-12-04 03:40:15
·
answer #4
·
answered by Anonymous
·
0⤊
0⤋
