SlideShare una empresa de Scribd logo
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
Pagina web 1
PDF
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 Informatika 1111111 (20)

PPSX
Curso HTML 5 & jQuery - Leccion 1
DOCX
Html111
PDF
Html 000 fundamentos web - bib lioteca
PPTX
PDF
Manual de-html
PDF
Conceptos basicos HTML apuntes sobre HTML
DOCX
HTML
PPTX
Clase Html + CSS
PPTX
Producto 3
PPTX
Curso html
PDF
curso de etiquetas de html para desarrolo web.ingenieria de sistemas
DOCX
Tarea 1.1 Definir Etiquetas de HTML.docx
PPTX
Manual html
PPTX
Tag s
PPTX
Melvin beltetón, etiquetas html
PPTX
Programación para web
PPTX
Curso HTML 5 & jQuery - Leccion 1
Html111
Html 000 fundamentos web - bib lioteca
Manual de-html
Conceptos basicos HTML apuntes sobre HTML
HTML
Clase Html + CSS
Producto 3
Curso html
curso de etiquetas de html para desarrolo web.ingenieria de sistemas
Tarea 1.1 Definir Etiquetas de HTML.docx
Manual html
Tag s
Melvin beltetón, etiquetas html
Programación para web
Publicidad

Más de Jordan Jordans (6)

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

Informatika 1111111

  • 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