HTML Goodies

Handsome guy, huh?

Goodies Tutorials

Cursos, Tips, ...

tabs

HTML Básico: Primario #2
Banderas

por Joe Burns, Dr. en Filosofía

traducción Lewis Skolnik,
MicroTac Spanish Assistant
for Windows 1.0b

Usa estos para brincar alrededor o leerlo todo...

[Banderas HTML][Formatos de Bandera][Banderas Abre y Cierra][Banderas Solas][Escribiendo Tu Primera Página]

Hola y bienvenido a día dos. Ninguna duda que has intentado escribir un documento pequeño en tu procesador de palabras y guardarlo como TEXTO para MAC o TEXTO ASCII para DOS o TEXTO para IBM. También recordaste guardar el documento con el sufijo .htm o .html lo cual estoy seguro. Bien, ahora sigamos adelante a la lección de hoy, ¡para hoy escribimos!


Banderas HTML

HTML trabaja en un muy simple, muy lógico, formato. Lee como tú lo haces, arriba hacia abajo, izquierdo a derecha. Eso es importante recordar. HTML se escribe con TEXTO, TEXTO en inglés. Qué usas para poner todo este texto aparte como texto más grande, texto más pequeño, texto negrita, texto subrayado, es una serie de banderas.

Piensa en banderas como ordenes. Digamos tú quieres que una línea de texto sea negrita. Pondrás una bandera en el punto exacto que quieres el letrero negrita comience y otra bandera donde quieres el letrero negrita termine. Si quieres que sólo una palabra sea cursiva, pondrás una bandera cursiva inicial y al principio de la palabra y una bandera cursiva final al fin de la palabra. ¿Está teniendo esto sentido hasta ahora?

Formato de la bandera

Todos los formatos de bandera (u orden) son el mismo. Empiezan con una señal menor-que: < y terminan con una señal mayor-que: >. Siempre--no excepciones. Lo qué va dentro del <> es la orden. Aprendizaje HTML es aprendiendo la codificación para ejecutar cualquier orden que quieres hacer. Aquí está un ejemplo:

La codificación para letrero negrita es "B". Eso tiene sentido.

Aquí está lo qué las ordenes parecen para volver negrita a la palabra "Joe":

<B>Joe</B>

Mira Lo Qué Está Pasando

1. <B> es la bandera negrita inicial.
2. "Joe" es la palabra siendo afectada por la bandera <B>.
3. </B> es la bandera negrita final. Date cuenta que esta es exactamente la misma que la bandera inicial excepto hay una diagonal delante de la orden.
4. Esto es lo que las banderas negrita arriba producieron: Joe ¿Bonito, Eeh?

Algunas Preguntas

P. ¿Es la bandera final para otras ordenes simplemente la bandera inicial con la diagonal agregada?
R. Síp.

P. ¿Las banderas se mostrarán en mi página?
R. No. Con tal que tus ordenes estén dentro de las marcas <>, ejecutan la orden, pero están ocultas del espectador.

P. ¿Tu bandera negrita usa una "B" mayúscula. Todas las Banderas HTML usan una letra mayúscula?
R. Al hojeador no le preocupa. En cuanto a banderas, letras mayúsculas y minúsculas son iguales. Pero sería una idea muy buena para ti hacer un hábito de escritura tus banderas en letras mayúsculas cuando las pones aparte del texto normal y las haces más fáciles de captar.

P. ¿Debe todo tener una bandera para mostrar en la página?
R. No. Si tú sólo tecleas en texto, lo mostrará. Pero no tendrá ningún aspecto especial.

P. ¿Qué si me olvidó agregar la bandera final o se me olvida agregar la diagonal a la orden bandera final?
R. Esto es problema--pero problema fácil de arreglar. Será obvio si no has puesto un bandera final cuando miras el documento en tu hojeador. Se afectará el documento entero después de donde olvidaste la bandera final.

P. ¿Todas las banderas HTML requieren ambos una orden inicial y final como las anteriores?
R. Hay excepciones a la regla, pero quedemos en que requiere ambas banderas para trabajar. Continuemos...


Banderas Abre y Cierra

La mayoría de las banderas HTML requieren ambos una bandera que abra y una que cierre (una bandera inicial y una final). La mayoría son muy fáciles de entender. Aquí están unas y qué le hacen al texto:

Afecta Código Código Siendo Usado Qué hace
NEGRITA B <B>Negrita</B> Negrita
Cursiva I <I>Cursiva</I> Cursiva
Máquina de Escribir TT <TT>Máquina de Escribir</TT> Máquina de Escribir

¿Puedo Usar Dos Banderas a la Vez?

Sí. Solo asegurate de iniciar y terminar ambas. Como esto:

<B><I>Negrita y Cursiva</B></I> te da Negrita y Cursiva

<B><TT>Máquina de Escribir y Negrita</B></TT> te da Máquina de Escribir y Negrita


Banderas Solas

El formato de las banderas abre y cierra domina la mayoría de las banderas HTML disponibles, pero hay banderas que se hallan solas. Aquí están tres que se usan extensivamente:

Bandera Qué Hace
<HR> Esta orden te da una línea a través de la página. (HR representa Horizontal Referencia) La línea justo sobre las palabras "Banderas Solas" se hizo usando una bandera <HR>.
<BR> Este BifuRca el texto y lo inicia de nuevo en la próxima línea. Recuerda guardar tu documento como TEXTO ahí donde oprimiste INTRODUCIR para saltar a la próxima línea no fue guardado. Así en un documento HTML, necesitas denotar donde quieres cada regreso de carruaje con un <BR>.
<P> Este representa Párrafo. Hace exactamente la misma cosa que la <BR> excepto que esta bandera salta una línea. BR sólo salta a la próxima línea. "P" salta una línea antes de comenzar el texto de nuevo.


Escribiendo Tu Primera Página

Aquí vamos...estás escribiendo tu primera página HTML usando lo que has aprendido arriba más otros dos elementos. Y estos dos elementos son importantes para cada página que alguna vez escribirás. ¿Por qué? Porque estarán en cada página que alguna vez escribas.

Comenzarás cada página con este: <HTML>
Eso tiene sentido. Estás denotando que este es un documento HTML.

Tu próxima orden será siempre este: <TITLE> y </TITLE>
¿Ves la parte superior de esta página? Lee "HTML Básico: Primero #2--Banderas". Está en la línea azul de la parte superior. Ese es el título de la página y eso estás denotando aquí.

Finalmente, acabarás cada página que escribas con este: </HTML>
¿Lo captas? Comenzaste la página con HTML y acabarás la página con /HTML. Eso tiene sentido de nuevo.

¡Aquí Vamos!

Quiero que juegues alrededor con estas ordenes. Sólo recuerda que HTML lee como tú lo haces, arriba hacia abajo, izquierda a derecha. Responderá donde pongas la orden de inicio y se detiene donde coloques la orden de fin. Sólo asegurate que tus ordenes estén dentro de < y >.

Aquí está una página ejemplo para mostrarte a lo qué me refiero para que hagas esta noche:


<HTML>

<TITLE> Mi primera página html </TITLE>

<B>¡Esta es mi primera página HTML!</B><P>

Puedo escribir en <I>Cursiva</I> o <B>Negrita</B><BR>

<HR>

<B><I>O puedo escribir en ambas</I></B><BR>

<HR>

<TT>...y eso es todo</TT>

</HTML>


Date cuenta que sólo usé las banderas que te mostré en esta página. Sí, es una página infantil, pero sólo estás comenzando. Fíjate en el HTML y /HTML. Fíjate en el TITLE y /TITLE. ¿Ves cómo hay una bandera inicial y final y las ordenes P y BR son usadas para ir a nuevas líneas?

Ahora, aquí está lo que arriba parecerá al ejecutarlo a través de un hojeador:

¡Esta es mi primera página HTML!                          

Puedo escribir en Cursiva o Negrita


O puedo escribir en ambas


...y eso es todo

Mira el programa de arriba y entonces lo qué esto produjo. ¿Ves cómo las banderas HTML denotaron donde fue afectado el texto? ¡Bien! Sabía que lo harías. ¡Ahora ve! Ve hacia el mundo--o por lo menos a tu procesador de palabras--y crea. Sigue las instrucciones en HTML Primero #1 para ayudarte a guardar y entonces despliega tu primera página HTML. ¡Tú Puedes Hacer Esto!

Escríbeme si lo deseas. Te responderé si me es posible.

Ir a Primario #3

Regresar a Página Hogar Bienes HTML

[Banderas HTML][Formatos de Bandera][Banderas Abre y Cierra][Banderas Solas][Escribiendo Tu Primera Página]