SlideShare una empresa de Scribd logo
1 de 15
Descargar para leer sin conexión
Diseño y Desarrollo de Páginas Web
                                 “Manejo de códigos en HTML”


           Facilitador: ING. KARELYS GONZALEZ

DIPLOMADOS UNIR. Todos los Derechos Reservados. Instituto Universitario de Tecnología "Readic" UNIR. Rif J-30001989-6 © 2007.   1
Diplomados
                                    en   Tecnología

     Manejo de códigos en HTML


o   Encabezados.
o   Saltos de línea.
o   Espacios en blanco.
o   Listas ordenadas o numeradas.
o   Lista de definiciones.
o   Insertar imágenes.
o   Enlaces.
Diplomados
                                                  en   Tecnología

 Manejo de códigos en HTML


  HTML, siglas de HyperText Markup Language (lenguaje de
marcado de hipertexto), hace referencia al lenguaje de marcado
predominante para la elaboración de páginas web que se utiliza
para describir y traducir la estructura y la información en forma de
texto, así como para complementar el texto con objetos tales
como imágenes.
Diplomados
                                                 en   Tecnología

 Manejo de códigos en HTML


El HTML se escribe en forma de «etiquetas», rodeadas por
corchetes angulares (<,>). HTML también puede describir, hasta
un cierto punto, la apariencia de un documento, y puede incluir un
script (por ejemplo Java Script), el cual puede afectar el
comportamiento de navegadores web y otros procesadores de
HTML.
Diplomados
                                                en   Tecnología

 Manejo de códigos en HTML


El lenguaje HTML puede ser creado y editado con cualquier editor
de textos básico, como puede ser Gedit en Linux, el Bloc de notas
de Windows, o cualquier otro editor que admita texto sin formato
como GNU Emacs, Microsoft Wordpad, TextPad, Vim, Notepad++,
entre otros.
Diplomados
                                              en   Tecnología

 Manejo de códigos en HTML


  HTML utiliza etiquetas o marcas, que consisten en breves
instrucciones de comienzo y final, mediante las cuales se
determina la forma en la que debe aparecer en su navegador el
texto, así como también las imágenes y los demás elementos, en
la pantalla del ordenador.
Diplomados
                                                      en   Tecnología

    Manejo de códigos en HTML


• Toda etiqueta se identifica porque está encerrada entre los signos
  menor que y mayor que (<>), y algunas tienen atributos que pueden
  tomar algún valor. En general las etiquetas se aplicarán de dos formas
  especiales:
 Se abren y se cierran, como por ejemplo: <b>negrita</b>, que se
  vería en su navegador web como negrita.
 No pueden abrirse y cerrarse, como <hr />, que se vería en su
  navegador web como una línea horizontal.
 Otras que pueden abrirse y cerrarse, como por ejemplo <p>.
Diplomados
                                                   en   Tecnología

    Manejo de códigos en HTML

Códigos:

<html>: define el inicio del documento HTML, le indica al navegador
  que lo que viene a continuación debe ser interpretado como
  código HTML.

<head>: define la cabecera del documento HTML; esta cabecera
  suele contener información sobre el documento que no se muestra
  directamente al usuario como, por ejemplo, el título de la ventana
  del navegador. Dentro de la cabecera <head> es posible
  encontrar:
Diplomados
                            en   Tecnología

Manejo de códigos en HTML
Diplomados
                                                       en   Tecnología

    Manejo de códigos en HTML

<title>: define el título de la página. Por lo general, el título aparece
   en la barra de título encima de la ventana.

<body>: define el contenido principal o cuerpo del documento.

<img>: imagen. Requiere del atributo src, que indica la ruta en la
  que se encuentra la imagen. Por ejemplo: <img
  src="./imágenes/mifoto.jpg" />. Es conveniente, por
  accesibilidad, poner un atributo alt="texto alternativo".
<br>: Saltos de línea
Diplomados
                                            en   Tecnología

     Manejo de códigos en HTML

 Párrafos <p>     Pequeño <small>

 Negrita <b>      Superíndice <sup>

 Cursiva <i>      Subíndice <sub>

 Subrayado <u>    Centrado <center>

 Tachado <s>      Línea Horizontal <hr>

 Teletipo <tt>    Parpadeo <blink>

 Grande <big>
Diplomados
                                                en   Tecnología

   Manejo de códigos en HTML
                       Color         Muestra   Valor RGB     Nombre

<font
                       Negro         Muestra   #000000       black
face=”Nombre de la     Verde         Muestra   #008000       green
fuente”>               Plata         Muestra   #C0C0C0       silver
                       Lima          Muestra   #00FF00       lime
<font color=”Color     Gris          Muestra   #808080       gray
de fuente en           Aceituna      Muestra   #808000       olive
                       Blanco        Muestra   #FFFFFF       white
inglés”>               Amarillo      Muestra   #FFFF00       yellow
                       Castaño       Muestra   #800000       maroon
<font size=”Tamaño     Azul Marino   Muestra   #000080       navy
de la fuente en        Rojo          Muestra   #FF0000       red
números”>              Azul          Muestra   #0000FF       blue
                       Morado        Muestra   #800080       purple
                       Teal          Muestra   #008080       teal
                       Fucsia        Muestra   #FF00FF       fuchsia
                       Agua          Muestra   #00FFFF       aqua
Diplomados
                         en   Tecnología

Ejemplos para la clase
Diplomados
                         en   Tecnología

Ejemplos para la clase
Diplomados
en   Tecnología

Más contenido relacionado

La actualidad más candente (18)

Htlm
HtlmHtlm
Htlm
 
Código html trabajo compu
Código html trabajo compuCódigo html trabajo compu
Código html trabajo compu
 
Ruiz guerra HTML
Ruiz guerra HTMLRuiz guerra HTML
Ruiz guerra HTML
 
Inicio al HTML
Inicio al HTMLInicio al HTML
Inicio al HTML
 
Arias
AriasArias
Arias
 
Navegadores
NavegadoresNavegadores
Navegadores
 
Sandra,male yangela guion
Sandra,male yangela guionSandra,male yangela guion
Sandra,male yangela guion
 
Inf2-exc-1-diego alvarez
Inf2-exc-1-diego alvarezInf2-exc-1-diego alvarez
Inf2-exc-1-diego alvarez
 
Karol cortez normas apa
Karol cortez normas apaKarol cortez normas apa
Karol cortez normas apa
 
Introducción al HTML
Introducción al HTML Introducción al HTML
Introducción al HTML
 
Codigo html
Codigo htmlCodigo html
Codigo html
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
HTML
HTMLHTML
HTML
 
Colegio nicolas esguerra edificamos futuro
Colegio nicolas esguerra edificamos futuroColegio nicolas esguerra edificamos futuro
Colegio nicolas esguerra edificamos futuro
 
Manual html1 (Informatica Aplia Educa)
Manual html1 (Informatica Aplia Educa)Manual html1 (Informatica Aplia Educa)
Manual html1 (Informatica Aplia Educa)
 
Colegio nacional nicolás esguerra
Colegio  nacional nicolás esguerraColegio  nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Access
AccessAccess
Access
 
Html5
Html5Html5
Html5
 

Similar a Clase iv (20)

Guia html
Guia htmlGuia html
Guia html
 
Páginas web en formato HTML
Páginas web en formato HTMLPáginas web en formato HTML
Páginas web en formato HTML
 
Páginas web (1)
Páginas web (1)Páginas web (1)
Páginas web (1)
 
Temas de html
Temas de htmlTemas de html
Temas de html
 
Diseño WEB 1.pptx
Diseño WEB 1.pptxDiseño WEB 1.pptx
Diseño WEB 1.pptx
 
Html
HtmlHtml
Html
 
El lenguaje de programación en las páginas web
El lenguaje de programación en las páginas webEl lenguaje de programación en las páginas web
El lenguaje de programación en las páginas web
 
Tutorial html
Tutorial htmlTutorial html
Tutorial html
 
1.3.2 elementos del lenguaje html
1.3.2 elementos del lenguaje html1.3.2 elementos del lenguaje html
1.3.2 elementos del lenguaje html
 
Trabajo de html sandy gutierrez
Trabajo de html sandy gutierrezTrabajo de html sandy gutierrez
Trabajo de html sandy gutierrez
 
Html juan miro y manuel poveda acabado
Html juan miro y manuel poveda acabadoHtml juan miro y manuel poveda acabado
Html juan miro y manuel poveda acabado
 
HTML
HTMLHTML
HTML
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Introduccion a html
Introduccion a htmlIntroduccion a html
Introduccion a html
 
Introduccion a html
Introduccion a htmlIntroduccion a html
Introduccion a html
 
Introduccion a html
Introduccion a htmlIntroduccion a html
Introduccion a html
 
Introduccion a html
Introduccion a htmlIntroduccion a html
Introduccion a html
 
Introduccion a html
Introduccion a htmlIntroduccion a html
Introduccion a html
 

Más de diplomados2

Defensa final l_melean_murdaneta
Defensa final l_melean_murdanetaDefensa final l_melean_murdaneta
Defensa final l_melean_murdanetadiplomados2
 
Hojas de seguimiento
Hojas de seguimientoHojas de seguimiento
Hojas de seguimientodiplomados2
 
Presentación iso 14001
Presentación iso 14001Presentación iso 14001
Presentación iso 14001diplomados2
 
Legislación ambiental tema 2
Legislación ambiental tema 2Legislación ambiental tema 2
Legislación ambiental tema 2diplomados2
 
Legislación ambiental tema 2
Legislación ambiental tema 2Legislación ambiental tema 2
Legislación ambiental tema 2diplomados2
 
Unir rse unid 4 2012
Unir rse unid 4 2012Unir rse unid 4 2012
Unir rse unid 4 2012diplomados2
 
Unidad iii enfermedades ocupacionales
Unidad iii enfermedades ocupacionalesUnidad iii enfermedades ocupacionales
Unidad iii enfermedades ocupacionalesdiplomados2
 
Unir rse unid 3 2012
Unir rse unid 3 2012Unir rse unid 3 2012
Unir rse unid 3 2012diplomados2
 
Unidad i higiene y medicina ocupacional
Unidad i higiene y medicina ocupacionalUnidad i higiene y medicina ocupacional
Unidad i higiene y medicina ocupacionaldiplomados2
 
Clase 1 etica y valores
Clase 1 etica y valoresClase 1 etica y valores
Clase 1 etica y valoresdiplomados2
 
Clase 4 equipos proteccion personal
Clase 4 equipos proteccion personalClase 4 equipos proteccion personal
Clase 4 equipos proteccion personaldiplomados2
 
Entrenamiento y desarrollo
Entrenamiento y desarrolloEntrenamiento y desarrollo
Entrenamiento y desarrollodiplomados2
 
Clase 3 mapa de riesgos
Clase 3 mapa de riesgosClase 3 mapa de riesgos
Clase 3 mapa de riesgosdiplomados2
 
Reclutamiento y selección tema 3
Reclutamiento y selección tema 3Reclutamiento y selección tema 3
Reclutamiento y selección tema 3diplomados2
 
Informe de auditoria
Informe de auditoriaInforme de auditoria
Informe de auditoriadiplomados2
 
Descripción de cargos
Descripción de cargosDescripción de cargos
Descripción de cargosdiplomados2
 
Clase 2 procesos peligrosos
Clase 2 procesos peligrososClase 2 procesos peligrosos
Clase 2 procesos peligrososdiplomados2
 
Clase1 procesos d_trabajo 1
Clase1 procesos d_trabajo 1Clase1 procesos d_trabajo 1
Clase1 procesos d_trabajo 1diplomados2
 

Más de diplomados2 (20)

Defensa final l_melean_murdaneta
Defensa final l_melean_murdanetaDefensa final l_melean_murdaneta
Defensa final l_melean_murdaneta
 
Hojas de seguimiento
Hojas de seguimientoHojas de seguimiento
Hojas de seguimiento
 
Presentación iso 14001
Presentación iso 14001Presentación iso 14001
Presentación iso 14001
 
Legislación ambiental tema 2
Legislación ambiental tema 2Legislación ambiental tema 2
Legislación ambiental tema 2
 
Legislación ambiental tema 2
Legislación ambiental tema 2Legislación ambiental tema 2
Legislación ambiental tema 2
 
Unir rse unid 4 2012
Unir rse unid 4 2012Unir rse unid 4 2012
Unir rse unid 4 2012
 
Unidad iii enfermedades ocupacionales
Unidad iii enfermedades ocupacionalesUnidad iii enfermedades ocupacionales
Unidad iii enfermedades ocupacionales
 
Unir rse unid 3 2012
Unir rse unid 3 2012Unir rse unid 3 2012
Unir rse unid 3 2012
 
Unidad ii
Unidad iiUnidad ii
Unidad ii
 
Unidad ii ssst
Unidad ii ssstUnidad ii ssst
Unidad ii ssst
 
Unidad i higiene y medicina ocupacional
Unidad i higiene y medicina ocupacionalUnidad i higiene y medicina ocupacional
Unidad i higiene y medicina ocupacional
 
Clase 1 etica y valores
Clase 1 etica y valoresClase 1 etica y valores
Clase 1 etica y valores
 
Clase 4 equipos proteccion personal
Clase 4 equipos proteccion personalClase 4 equipos proteccion personal
Clase 4 equipos proteccion personal
 
Entrenamiento y desarrollo
Entrenamiento y desarrolloEntrenamiento y desarrollo
Entrenamiento y desarrollo
 
Clase 3 mapa de riesgos
Clase 3 mapa de riesgosClase 3 mapa de riesgos
Clase 3 mapa de riesgos
 
Reclutamiento y selección tema 3
Reclutamiento y selección tema 3Reclutamiento y selección tema 3
Reclutamiento y selección tema 3
 
Informe de auditoria
Informe de auditoriaInforme de auditoria
Informe de auditoria
 
Descripción de cargos
Descripción de cargosDescripción de cargos
Descripción de cargos
 
Clase 2 procesos peligrosos
Clase 2 procesos peligrososClase 2 procesos peligrosos
Clase 2 procesos peligrosos
 
Clase1 procesos d_trabajo 1
Clase1 procesos d_trabajo 1Clase1 procesos d_trabajo 1
Clase1 procesos d_trabajo 1
 

Clase iv

  • 1. Diseño y Desarrollo de Páginas Web “Manejo de códigos en HTML” Facilitador: ING. KARELYS GONZALEZ DIPLOMADOS UNIR. Todos los Derechos Reservados. Instituto Universitario de Tecnología "Readic" UNIR. Rif J-30001989-6 © 2007. 1
  • 2. Diplomados en Tecnología Manejo de códigos en HTML o Encabezados. o Saltos de línea. o Espacios en blanco. o Listas ordenadas o numeradas. o Lista de definiciones. o Insertar imágenes. o Enlaces.
  • 3. Diplomados en Tecnología Manejo de códigos en HTML HTML, siglas de HyperText Markup Language (lenguaje de marcado de hipertexto), hace referencia al lenguaje de marcado predominante para la elaboración de páginas web que se utiliza para describir y traducir la estructura y la información en forma de texto, así como para complementar el texto con objetos tales como imágenes.
  • 4. Diplomados en Tecnología Manejo de códigos en HTML El HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo Java Script), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.
  • 5. Diplomados en Tecnología Manejo de códigos en HTML El lenguaje HTML puede ser creado y editado con cualquier editor de textos básico, como puede ser Gedit en Linux, el Bloc de notas de Windows, o cualquier otro editor que admita texto sin formato como GNU Emacs, Microsoft Wordpad, TextPad, Vim, Notepad++, entre otros.
  • 6. Diplomados en Tecnología Manejo de códigos en HTML HTML utiliza etiquetas o marcas, que consisten en breves instrucciones de comienzo y final, mediante las cuales se determina la forma en la que debe aparecer en su navegador el texto, así como también las imágenes y los demás elementos, en la pantalla del ordenador.
  • 7. Diplomados en Tecnología Manejo de códigos en HTML • Toda etiqueta se identifica porque está encerrada entre los signos menor que y mayor que (<>), y algunas tienen atributos que pueden tomar algún valor. En general las etiquetas se aplicarán de dos formas especiales:  Se abren y se cierran, como por ejemplo: <b>negrita</b>, que se vería en su navegador web como negrita.  No pueden abrirse y cerrarse, como <hr />, que se vería en su navegador web como una línea horizontal.  Otras que pueden abrirse y cerrarse, como por ejemplo <p>.
  • 8. Diplomados en Tecnología Manejo de códigos en HTML Códigos: <html>: define el inicio del documento HTML, le indica al navegador que lo que viene a continuación debe ser interpretado como código HTML. <head>: define la cabecera del documento HTML; esta cabecera suele contener información sobre el documento que no se muestra directamente al usuario como, por ejemplo, el título de la ventana del navegador. Dentro de la cabecera <head> es posible encontrar:
  • 9. Diplomados en Tecnología Manejo de códigos en HTML
  • 10. Diplomados en Tecnología Manejo de códigos en HTML <title>: define el título de la página. Por lo general, el título aparece en la barra de título encima de la ventana. <body>: define el contenido principal o cuerpo del documento. <img>: imagen. Requiere del atributo src, que indica la ruta en la que se encuentra la imagen. Por ejemplo: <img src="./imágenes/mifoto.jpg" />. Es conveniente, por accesibilidad, poner un atributo alt="texto alternativo". <br>: Saltos de línea
  • 11. Diplomados en Tecnología Manejo de códigos en HTML  Párrafos <p>  Pequeño <small>  Negrita <b>  Superíndice <sup>  Cursiva <i>  Subíndice <sub>  Subrayado <u>  Centrado <center>  Tachado <s>  Línea Horizontal <hr>  Teletipo <tt>  Parpadeo <blink>  Grande <big>
  • 12. Diplomados en Tecnología Manejo de códigos en HTML Color Muestra Valor RGB Nombre <font Negro Muestra #000000 black face=”Nombre de la Verde Muestra #008000 green fuente”> Plata Muestra #C0C0C0 silver Lima Muestra #00FF00 lime <font color=”Color Gris Muestra #808080 gray de fuente en Aceituna Muestra #808000 olive Blanco Muestra #FFFFFF white inglés”> Amarillo Muestra #FFFF00 yellow Castaño Muestra #800000 maroon <font size=”Tamaño Azul Marino Muestra #000080 navy de la fuente en Rojo Muestra #FF0000 red números”> Azul Muestra #0000FF blue Morado Muestra #800080 purple Teal Muestra #008080 teal Fucsia Muestra #FF00FF fuchsia Agua Muestra #00FFFF aqua
  • 13. Diplomados en Tecnología Ejemplos para la clase
  • 14. Diplomados en Tecnología Ejemplos para la clase
  • 15. Diplomados en Tecnología