Este documento describe las etiquetas HTML y su función. Explica que las etiquetas HTML son marcas de texto entre símbolos < > que definen la estructura y formato de un documento web. Proporciona ejemplos de etiquetas comunes como <B> para negrita, <IMG> para imágenes, y <FORM> y <INPUT> para crear formularios y campos de entrada. También incluye ejemplos más avanzados como la protección de páginas con contraseña y el cambio de color de la barra de desplazamiento.
2. ¿ Que es una Etiqueta HTML ?
El lenguaje HTML es un lenguaje de marcas,
estas marcas serán fragmentos de texto
destacado de una forma especial que permiten
la definición de las distintas instrucciones de
HTML, tanto los efectos a aplicar sobre el
texto como las distintas estructuras del
lenguaje. A estas marcas las denominaremos
etiquetas y serán la base principal del lenguaje
HTML. En documento HTML será un fichero
texto con etiquetas que variarán la forma de
su presentación.
3. Una etiqueta será un texto
incluido entre los
símbolos menor
que < y mayor que >.. El
texto incluido dentro de
los símbolos será
explicativo de la utilidad
de la etiqueta.
Letra Negrita, del inglés Bold
<B>
(negrita).
<TABLE> Definirá una tabla.
<IMG> Inclusión de una Imagen.
4. <ETIQUETA>Elementos Afectados por la
Etiqueta</ETIQUETA>
Por ejemplo, con la etiqueta siguiente:
<B>Texto que será en negrita</B>.
Obtendremos:
Texto que será en negrita
Algunas etiquetas no necesitarán la de fin, serán
aquellas en las que el final este implícito, por
ejemplo <P> párrafo, <BR> salto de línea
ó <IMG> inclusión de una imagen. Definen un efecto
que se producirá en un punto determinado sin afectar a
otros elementos.
5. EJEMPLOS DE ETIQUETAS HTML
Crear un PopUp
<a name="1"></a><A
onclick="window.open('MiFoto.jpg','Estructuras','toolbar=no,location=no,scrollb
ars=yes,directories=
no,status=no,menubar=no,resizable=no,width=400,height=475');«
href="#1"><b><font face="Verdana" size="2">Ejemplo</font></b></a>
Insertar un sonido o música
de fondo
<BGSOUND SRC="sonido.mid" LOOP=none>
<WIDTH=200 HEIGHT=55 AUTOSTART="true" LOOP="false" HIDDEN="true">
7. Cambiar el color de la barra de
desplazamiento:
<style>
<!--
BODY { scrollbar-base-color : #000000;
scrollbar-arrow-color : #FFFFFF; }
.nav {
color : #FFCC00;
font-size : 8pt;}
-->
</style>
Botón Colorido
<input type="submit" name="button" value="www.CheNico.com"
style="color: #000000; background-color: #FF9900">