Informática aplicada a la Educación




ETIQUETAS
  HTML
¿ 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.
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.
<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.
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">
Página protegida por clave:


<Form name="frm">
<center>
<Script Language="JavaScript">
<!--
//
function loadpage(){
var psj=0;
newwin = window.open(document.frm.pswd.value + ".htm")
}
//-->
</script>
Ingresa tu clave:
<input
type="password" name="pswd" size="20">
</center>
<center>
<p>
<input type="button" value="Entra"
onClick="loadpage()" name="button">
&nbsp;</p>
</center>
</form>
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">
FUENTES UTILIZADAS:

    http://usuarios.sion.com/pauluk/trucospch5.htm

      http://www.masadelante.com/faqs/pop-up

    http://usuarios.sion.com/pauluk/trucospch3.htm

Más contenido relacionado

PPT
Etiquetas Html Udp
PPTX
Etiquetas HTML
PPT
Etiquetas Diapositivas.
PDF
Lenguaje HTML ETIQUETAS
PPTX
Listado de etiquetas y atributos html
PPTX
HTML
PPT
Aplicaciones en la red
Etiquetas Html Udp
Etiquetas HTML
Etiquetas Diapositivas.
Lenguaje HTML ETIQUETAS
Listado de etiquetas y atributos html
HTML
Aplicaciones en la red

La actualidad más candente (16)

PPTX
Diapositivas
PDF
Directivas en html
PPT
ETIQUETAS
PPTX
10 etiquetas basicas de html
DOCX
Colegio nacional nicolas esguerra
DOCX
Colegio nacional nicolas esguerra (1)
PPT
Qué es html
PPTX
El lenguaje html
PPT
Codigos Básicos HTML - IUTE Mérida
PPTX
Temas de html
PDF
Etiquetas en Html
PDF
PDF
Pagina web 1
PPTX
Unidad # 1
DOCX
Etiquetas html
 
PDF
Construcción página web
Diapositivas
Directivas en html
ETIQUETAS
10 etiquetas basicas de html
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerra (1)
Qué es html
El lenguaje html
Codigos Básicos HTML - IUTE Mérida
Temas de html
Etiquetas en Html
Pagina web 1
Unidad # 1
Etiquetas html
 
Construcción página web
Publicidad

Similar a Etiquetas HTML (20)

PPTX
Presentación
DOCX
Ruiz guerra HTML
PDF
Tema 01 creando tu primer documento en html
PDF
Intro html
PPTX
Inf1_P1b_Exc12_Celina_Valenzuela
DOCX
Tags actividad 11 jmar 180112
PPTX
DIAPOSITIVA.pptx
PPTX
Codigos de html mitzi inf 1
PPTX
PPTX
Taller 1 mariana barreto
PPTX
PDF
Tutorial html
DOCX
Html111
PPTX
Produccion de material educ. diapositivas html
PDF
Curso HTML y CSS, parte 1
PPTX
Desarrolla aplicaciones-web
PPT
Lenguaje de programación de páginas web
PPTX
Unidad # 1
PPTX
Producto 4
PDF
Manual html
Presentación
Ruiz guerra HTML
Tema 01 creando tu primer documento en html
Intro html
Inf1_P1b_Exc12_Celina_Valenzuela
Tags actividad 11 jmar 180112
DIAPOSITIVA.pptx
Codigos de html mitzi inf 1
Taller 1 mariana barreto
Tutorial html
Html111
Produccion de material educ. diapositivas html
Curso HTML y CSS, parte 1
Desarrolla aplicaciones-web
Lenguaje de programación de páginas web
Unidad # 1
Producto 4
Manual html
Publicidad

Más de Jordan Jordans (6)

PPTX
Biografia de JordanJordans
PPTX
Etiquetas html
PPTX
Informatika 1111111
PPTX
Informatika 1111111
PPTX
Creative commons
PPTX
Quimica
Biografia de JordanJordans
Etiquetas html
Informatika 1111111
Informatika 1111111
Creative commons
Quimica

Etiquetas HTML

  • 1. Informática aplicada a la Educación ETIQUETAS HTML
  • 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">
  • 6. Página protegida por clave: <Form name="frm"> <center> <Script Language="JavaScript"> <!-- // function loadpage(){ var psj=0; newwin = window.open(document.frm.pswd.value + ".htm") } //--> </script> Ingresa tu clave: <input type="password" name="pswd" size="20"> </center> <center> <p> <input type="button" value="Entra" onClick="loadpage()" name="button"> &nbsp;</p> </center> </form>
  • 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">
  • 8. FUENTES UTILIZADAS: http://usuarios.sion.com/pauluk/trucospch5.htm http://www.masadelante.com/faqs/pop-up http://usuarios.sion.com/pauluk/trucospch3.htm