Tags HTML
Aprendimos en la sección anterior sobre los elementos HTML y cómo el elemento HTML
puede incorporar
un comando HTML. En esta sección vamos a introducirle algunos de los Tags HTML
más comunes.
Nota:
Algunos Tags se comportan de forma diferente dependiendo del navegador o incluso
de la versión
del navegador. La mayoría de los Tags requieren un comando de apertura y un
comando de cierre,
mientras que algunos Tags sólo requieren un comando de apertura.
El comando Heading.
Los Tags heading varían de <h1>
hasta <h6>. Generalmente
hablando el comando
<h1>
tiene un tipo
de letra más grande y más negrita mientras que el comando
<h6> tiene un tipo
de letra más pequeño.
Pero hay más que eso. Si estamos creando una página web querríamos usar por lo menos
un comando <h1>
en cada página. Los Tags heading no se usan sólo para los encabezamientos de
un párrafo o
documento, también son reconocidos por los buscadores como puntos importantes de
su página web.
<html>
<head>
<title>HTML
Headings</title>
</head>
<body>
<h1>Muy importante</h1>
<h2>Menos importante</h2>
<h3>Todavía menos importante</h3>
<h4>Todavía menos importante</h4>
<h5>Todavía menos importante</h5>
<h6>Todavía menos importante</h6>
</body>
</html>
Como puede ver arriba, el comando heading requiere tanto un comando de apertura
como uno de cierre. El
comando heading también ocupará la línea entera de texto.
Haga un ejemplo usted mismo. Escriba una lista de sus colores, coches, marcas de
ordenadores favoritos
o lo que sea en el siguiente formato.
<html>
<head>
<title>Mis Coches Favoritos</title>
</head>
<body>
<h1>Ferrari</h1>
<h2>Lamborghini</h2>
<h3>Audi</h3>
<h4>BMW</h4>
<h5>GMC</h5>
<h6>Golf</h6>
</body>
</html>
Párrafos.
El comando párrafo es un comando de apertura y uno de cierre. Incluso aunque el
comando de párrafo no
necesite un comando de cierre siempre es buena práctica usar el comando de cierre.
<p>Su
párrafo</p>
Dentro de su párrafo usted puede colocar Tags adicionales para ayudarle a formatear
su contenido.
<p>Este
es un <b>importante</b> documento</p>
Aquí la palabra "importante" estará en negrita.
Interrupción de línea.
Los line breaks son unos de esos Tags dondo usted sólo necesita un único comando.
Tiene sentido si
usted lo piensa. Usted puede usar cualquiera de estos formatos en un único documento
o ambos formatos
en un sólo documento.
<br>
or <br
/>
Otro ejemplo de un un comando objeto simple es el comando imagen. Usted puede utilizar
cualquiera de
estos formatos en un simple documento o ambos formatos en un único documento.
<img>
or <img
/>
El comando Div
El comando div define una sección o área dentro de un documento html. El comando
div necesita un
comando de apertura y uno de cierre.
<div></div>
Actualmente todos los otros Tags html pueden ser anidados (colocados) dentro
de la apertura y
cierre de los Tags div. Sin embargo, los Tags div no son siempre soportados
dentro de otros
Tags.
Html soportado.
<div><a
href=http://www.speakcomputers.com>SpeakComputers</a></div>
Html no soportado.
<a href=http://www.speakcomputers.com><div>Speakcomputers</div></a>
Ahora en este ejemplo, el elemento funciona perfectamente como el html soportado
de arriba, pero puede
que no funcione en todos los navegadores o puede no funcionar en próximos lanzamientos.
Ejemplos:
Cree un documento de página web que incorpore los siguientes Tags:
<div></div><p></p>,
<br> or
<br
/><h1></h1>
Usted quiere que se vean como DELL Computers abajo.
DELL Computers.
Las principales razones para comprar un ordenador DELL se enumeran abajo:
Informática de calidad.
Servicio posventa y soporte.
tecnología avanzada.
Con el ejemplo de DELL el código HTML de arriba puede parecer algo como lo de abajo.
<html>
<head>
<title>DELL
Computers</title>
</head>
<body>
<h1>DELL
Computers.</h1>
<P>Las
principales razones para comprar un ordenador DELL se enumeran abajo:<br>
Informática de calidad.<br>
Servicio postventa y
<b>soporte.</b>
<br>Tecnología
avanzada.</P>
</body>
</html>
o
<html>
<head>
<title>DELL
Computers</title>
</head>
<body>
<div>
<h1>DELL
Computers.</h1>
Las principales razones para comprar un ordenador DELL se enumeran abajo:<br>
Informática de calidad.<br>
Servicio postventa y
<b>soporte</b>.<br>
Tecnología avanzada.
</div>
</body>
</html>
|