Estructura del documento HTML
Estructura del documento HTML Un documento HTML, en su forma más básica se compone de 4 marcadores que son: HTML, HEAD, TITLE y BODY
Nuestro objetivo en la elaboración de blog dedicado a la programacion de páginas Web en su conjunto, y al lenguaje Html de está seccion, ha sido la sencillez de planteamiento y el deseo de dar bases sanas para un estudio y una utilización más adelantada.
No pretendemos ser exhaustivos ni ser "La" referencia. Sabemos perfectamente que nuestra síntesis es muy subjetiva y que estaremos en contra de los puristas. Esperamos por lo menos hacerle comprender y disfrutar de la programación en Html.
Como todo en esta vida, la programación HTML NO ES INMUTABLE, y va variando conforme a los stadares van avanzando. desde mediados de los años 90 donde el Standad era el HTML 2 a nuestros dias que ha evolucionado a HTML5. En nuestros articulos nos centraremos en HTML4 y HTML5.
Html es el lenguaje universal para comunicar en el Web. Su información será entonces recogida en esta fantástica tela de redes interconectadas que es Internet, para acabar en el ordenador de su lector gracias a un programa llamado navegador o browser.
Según la WIKIPEDIA:
"HTML, siglas de HyperText Markup Language («lenguaje de marcado de hipertexto»), hace referencia al lenguaje de marcado predominante para la elaboración de páginas web que se utiliza para describir y traducir la estructura y la información en forma de texto, así como para complementar el texto con objetos tales como imágenes. El HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo JavaScript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML."
• Entonces tiene dos interlocutores
1. el browser de su lector
2. y su mismo lector.
Este programa que se llama "browser" nos permite navegar en la Net y visualizar en su pantalla las "páginas" que él ha localizado. Es una lastima que haya tantas marcas y tipos diferentes de navegadores. Los hay simples, arcaicos, sofisticados…
• Cada browser tiene su propia manera de trabajar.
A diferencia de su tratamiento de texto preferido que restituye exactamente su documento en una hoja de papel con su tipo de caracteres y su compáginación, no sabe nunca exactamente lo que el browser de su lector del fin del mundo presentará en la pantalla de este último.
• En Html, nunca puede dominar totalmente su documento.
• Pero como recompensa suprema, Html es un lenguaje universal que se puede adaptar a cada plataforma, ya sea Windows, Macintoch, Unix, LINUX
Además del texto dirigido a su lector, tendrá que incluir instrucciones para el browser de este último. Estas instrucciones serán diferenciadas de su texto por los signos < y > por ejemplo <Html>. Estas "instrucciones" se llaman tags o etiquetas. Cuando va a escribir las etiquetas de su página Html, no olvide :
• que una etiqueta marca una acción para el browser (lo que tiene que hacer).
• que los atributos especifican la modalidad de esta acción (cómo tiene que hacerlo).
Estructura del documento HTML Un documento HTML, en su forma más básica se compone de 4 marcadores que son: HTML, HEAD, TITLE y BODY
Cómo Especificar Efectos del Texto en html La mayoría de los efectos se especifican de la misma forma: rodeando el texto que se quiere marcar entre dos etiquetas o directivas (tags, en inglés), que...
Formularios en html La manera general para que los lectores de nuestra página se puedan comunicar con nosotros es por medio de un enlace a nuestra dirección de e-mail, con lo que recibiríamos un...
Imágenes La etiqueta que nos sirve para incluir imágenes en nuestras páginas del WEB es muy similar a la de enlaces a otras páginas, que hemos visto en el capítulo anterior. La única...
ENLACES en html La característica que más ha influido en el espectacular éxito del WEB ha sido, aparte la de su carácter multimedia, la posibilidad de unir los distintos documentos repartidos por todo el...
FORMATO del TEXTO en HTML Cuando escribimos en el documento el texto que queremos que aparezca en la pantalla, veremos que éste se acomoda a ella, sin que tengamos que pulsar el retorno del...
Las listas ordenadas (Ordered Lists) sirven para presentar elementos en un orden determinado. Su estructura es muy similar a la anterior. La diferencia estriba en que en el resultado aparecerá automáticamente un número correlativo...
A menudo nos interesará presentar las cosas en forma de listas. Podemos escoger entre tres tipos distintos: Listas desordenadas (no numeradas) Listas ordenadas (numeradas) Listas de definición.
El tercer tipo lo forman las listas de definición. Como su nombre indica, son apropiadas para glosarios (o definiciones de términos). Toda la lista debe ir englobada entre las etiquetas <DL> y </DL>. Y...
Comentarios en html: Comentarios no visibles en la pantalla A veces es muy útil escribir comentarios en el documento HTML sobre el código que escribimos, que nos pueden servir para recordar posteriormente sobre lo...
Vamos a mostrar como convertir un input radio de un formulario como botón en Bootstrap con CSS Si tienes un formulario con Bootstrap tipo: <label for=»opt-0″><input type=»radio» name=»opt» id=»opt-0″ checked>Option 0</label> <label for=»opt-1″><input...
Qué es HTML HTML (HyperText Markup Language) es un lenguaje muy sencillo que permite describir hipertexto, es decir, texto presentado de forma estructurada y agradable, con enlaces (hyperlinks) que, al pinchar en ellos, conducen...
HTML, increíble pero limitado A pesar de que el HTML es una increíble invención y que junto con la WEB han tenido un conjunto de innovaciones que los han enriquecido. Ha llegado un momento...
Todas las páginas WEB han sido creadas usando un lenguaje especial conocido como Hypertext Markup Languaje (HTML), que permite organizar texto, gráficos, animación y sonido en documentos que un web browser (programa que interpreta...
Hemos visto anteriormente dos maneras distintas de enlazar una página con otra: por medio de un enlace de texto o por medio de una imagen . Pero en este último caso se hacía uso...
La manera general para que los lectores de nuestra página se puedan comunicar con nosotros es por medio de un enlace a nuestra dirección de email, con lo que recibiríamos un email convencional.
Hasta que no se empezaron a usar las tablas, la única manera de tabular las cosas era utilizar la etiqueta de preformateado, con la que es necesario poner manualmente los espacios en blanco para...
Te mostramos el listado de los principales caracteres «especiales» o «raros» en HTML. Existen algunas limitaciones para escribir el texto. Una de ellas es debido a que las etiquetas se forman como un comando...
La característica que más ha influido en el espectacular éxito del Web (o tela de araña) ha sido, aparte la de su carácter multimedia, la posibilidad de unir los distintos documentos repartidos por todo...
Dando forma al texto Como hemos visto en el ejemplo del capítulo anterior, cuando queremos poner un texto sin ninguna caracterísca especial, lo ponemos directamente. Unicamente, la separación entre párrafos (dejando una línea en...
Una página básica en HTML El principio esencial del lenguaje HTML (HyperText Markup Language) es el uso de las etiquetas (tags). Funcionan de la siguiente manera:
Los caracteres especiales Existen muchos caracteres que no pueden ser codificados directamente en el teclado. Aquí los caracteres en la norma ISO5589-1 (llamada también ISO-Latin 1) cataloga todos las caracteres disponibles, así como su...
Comentarios recientes