|
|
 |
 |
|
|
|
|
|
|
|
(en construcción + contenido antiguo) Para fomentar una sólida compresión del HTML, miraremos la estructura del lenguaje propiamente dicho. El funcionamiento de la sintaxis del HTML es análogo a la sintaxis de la gramática española, pero, por supuesto, mucho más sencillo. El HTML es en realidad un lenguaje muy lógico. Ciertamente, hay excepciones a las reglas, y hay modificaciones o interpretaciones de algunas de éstas. De todas formas, una vez que asimiles la estructura básica, empezarás a notar que el HTML es simplemente un conjunto de piezas lógicas que hacen de él un lenguaje muy cómodo de usar. Por supuesto, está el tema que se comentó en el capítulo "Comprendiendo el HTML", de que el HTML es un lenguaje que evoluciona. Mientras que la evolución es un estado natural del HTML, estos cambios normalmente no afectan a las reglas básicas. Mientras que varios elementos de este lenguaje se hacen obsoletos y otros nuevos son añadidos, la sintaxis, o la estructura correcta, raramente sufren cambios. Para comprender el concepto de sintaxis, piensa en una frase. Tu tienes un sujeto y un verbo. Los adjetivos y los adverbios se añaden para aportar cualidades y comportamiento, haciendo la frase más comprensiva. El HTML es, en el fondo, no muy diferente a una simple frase. De hecho, los componentes del HTML siguen el mismo concepto de sujeto, verbo y adjetivos/adverbios.
Los componentes del HTMLEl propósito de este capítulo es introducir a los tres componentes fundamentales del HTML y un apartado independiente sobre "caracteres especiales". Otras partes del estándar HTML 4.0, como las joras de estilo, usan otros métodos sintácticos, pero serán explicados más tarde. Por ahora, vamos a centrarnos en los pilares de los componentes del HTML y extraeremos una sólida noción de ellos. El pilar central de todo HTML es la etiqueta (técnicamente se refiere como un elemento). Una etiqueta (tag en inglés) es el identificador del HTML; dice "haz esto". Pero las etiquetas se hacen más potentes con modificaciones, y esa modificación empieza con un atributo (también conocido como un argumento). Los atributos son como los verbos en cuando que proporcionan actividad, con ellos, la etiqueta HTML puede de repente adquirir vida y hacer algo en cierta manera. Los atributos deben ser modificados con valores. Un valor define la manera en que un atributo actuará. Piensa en un arjetivo o un adverbio modificando un sujeto o una acción, respectivamente. ¿Como corre Juan? Juan corre rápido. Los valores añaden conceptos como "rápido", diciendo a la etiqueta, y al atributo, no sólo el qué y el como, sino también el grado específico. En sentido figurado, la frase "Juan corre rápido" equivale a la estructura sintáctica básica del HTML. "Juan" es el equivalente a una etiqueta HTML, "corre" se parece mucho a un atributo HTML y "rápido" es un valor asignado al atributo que describe la manera en la cual actuará la etiqueta.
EtiquetasSon específicas
EN CONSTRUCCIÓN DESDE AQUÍ
Lo primero que hay que saber es el funcionamiento de los documentos HTML, que significa Hyper Text Markup Language. Son líneas de texto modificadas con unas marcas. Estas marcas se llaman etiquetas o tags, y es lo que se aprende en éste y cualquier curso de HTML. Las etiquetas que encierran el texto son la de apertura <xxx> y la de cierre </xxx>. Fíjate cómo no hay espacios entre los signos de mayor y menor, y el lugar y la orientación de la barra diagonal en la etiqueta de cierre. Hay etiquetas que requieren la de cierre (como <A> y </A>, otras que pueden tener etiqueta de cierre o no (como <P>, que no siempre requiere </P>) y otras que no llevan nunca etiqueta de cierre (como <IMG>, la cual jamás lleva </IMG>). Para saber cuándo se quiere etiqueta de cierre, necesitarás conocer todas y cada una de ellas, lo irás aprendiendo con la experiencia.
ATRIBUTOS Los atributos modifican las acciones de las tarjetas. Muchas etiquetas pueden permanecer solas, mientras que otras neceistan un atributo para darles funcionalidad. Por ejemplo, <HTML> nunca lleva atributos, mientras que <body> puede llevarlos o no (por ejemplo, <body BGCOLOR...>). Ten en cuenta que los atributos siempre van en la etiqueta de apertura. nunca en la de cierre. Es absurdo poner algo del estilo de </body BGCOLOR...>.
VALORES Definen el atributo al que se lo hemos aplicado. El valor puede ser una palabra (por ejemplo <P ALIGN="center">...</P>) o un número de pixels o porcentaje (como en <TABLE WIDTH="40%" HEIGHT="500">...</TABLE>). A veces un número no define un número de pixels concreto, por ejemplo, al cambiar el tamaño de las fuentes (<FONT SIZE="5">...</FONT>) el número es simplemente orientativo, no tiene ninguna relación con el tamaño final. Y el número a veces puede ser en formato hexadecimal (16 números, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F...), como en <FONT COLOR="#FF0000">...</FONT>. Podrás conocer el funcionamiento de estos números más adelante, cuando expliquemos los atributos que los requieren.
CARACTERES ESPECIALESCaracteres especiales. Hay caracteres que no se pueden escribir tal cual en código HTML, unos por coincidir con las etiquetas (como <, > y &), otros por no ser compatibles con los navegadores (las letras con tilde, las eñes), etc... En general se pueden obtener todos los caracteres con la etiqueta &#xxx;, poniendo en xxx el número de carácter correspondiente. Estos y otros códigos son:
MAYÚSCULAS, ESPACIOS Y COMILLAS La forma correcta de poner una etiqueta es la siguiente: <IMG SRC="hola.gif"> La utilización de mayúsculas y minúsculas es indiferente en la etiqueta y el atributo (no así en el valor, no siempre puede cambiarse indistintamente). Recomendamos ponerlo como en el ejemplo, etiqueta y atributo en mayúsculas, y el valor en minúscula. Fíjate en las comillas. Se recomienda ponerlas siempre, aunque si el valor contiene sólo un simple número o una simple palabra no suele ser necesario. Por ejemplo, width=200 y width="200" daría el mismo resultado, pero se recomienda poner siempre las comillas (ALT=Aquí pone hola está mal, hay que poner ALT="Aquí pone hola"). Terminaremos por los espacios. < IMG SRC = " hola.gif " > o <IMGSRC="hola.gif"> es totalmente incorrecto. El único espacio debe estar situado entre etiqueta/atributo y atributo_con_valor/atributo_con_valor. Por ejemplo: <IMG SRC="hola.gif" ALT="hola"> Si queremos poner espacios en el texto normal y corriente, deberemos usar el carácter especial . Por ejemplo: Esta es mi página WEB y Esta es mi página WEB, se verían de la siguiente forma: Ésta es mi página WEB Si queremos poner lo segundo, con cuatro espacios en blanco entre medio habrá que poner: Ésta es mi página WEB Y, para finalizar, este es un texto <B>en negrita</B>, y este es un texto<B> en negrita</B> daría un resultado idéntico, aunque se recomienda usar lo primero.
SIMETRÍA Poner las etiquetas en el orden correcto nos permitirá una edición del documento más rápida y efectiva Por ejemplo: <I><B>Hola</B></I> y <I><B>Hola</B></I> daría el mismo resultado, pero es más recomendable usar lo segundo: puedes apreciar una simetría horizontal. <I><B>Hola</B></I> |
|
| |
LAS DOS PARTES DE UN DOCUMENTO HTML Los documentos HTML tienen dos partes:
En resumen, la estructura es la siguiente:
© 1997-2009 Duiops (http://www.duiops.net) Para comentarios, usar las direcciones e-mail de contacto
|
