SlideShare una empresa de Scribd logo
1 de 9
HTML
¿Qué es?
Lenguaje de etiquetas denominado lenguaje
                   html.
¿Para qué sirve?
Las páginas que nos encontramos en Internet,
las páginas web, están construidas en un
Empezando…
          El código fuente, se escribe en un procesador de texto.
Nosotros lo vamos a hacer con el Bloc de notas. Para abrir el Bloc de Notas,
 le damos a Inicio > Todos los programas > Accesorios > Bloc de notas. Se
                      abrirá una ventana como ésta:


                                           Dependiendo de cómo esté
                                           configurado tu ordenador, quizá no
                                           encuentres el Bloc de notas en esta
                                           ruta.
Etiquetas fundamentales
• A continuación debes saber que las dos etiquetas
  fundamentales dentro de las cuales tiene que ir
  nuestro código fuente son <html> como etiqueta de
  apertura y </html> como etiqueta de cierre.
• Después, todo lo que será visible al visitar la página
  con el navegador, debe de estar entre las etiquetas
  <body> cuerpo, en inglés, como etiqueta de apertura
  y </body> como etiqueta de cierre.
NOTA
 Las etiquetas también se pueden escribir con
              letras mayúsculas:

                    Ejemplo:
              <HTML> <BODY>...
Nosotros vamos a optar por las minúsculas por
ser lo que se está imponiendo de acuerdo con
              las últimas normas
Actividad 1.
• 1. Antes de empezar.
• Sitúate con el puntero del ratón sobre
  cualquier punto vacío de la página web del
  colegio «www.colegionavarra.cl».
• Pulsa el botón derecho de tu ratón.
• Presiona «ver código fuente»
• Esta es la página escrita en el código HTML
Actividad 2
• Abrir el bloc de notas.
• Vamos a escribir algo en nuestra página. Por
  ejemplo Bienvenid@. Lo escribiremos entre <body>
  y </body>. Nuestro código quedará así:
Guardar…
• Guardaremos el archivo en l

Más contenido relacionado

La actualidad más candente (17)

Clase 1 periodo II html
Clase 1 periodo II  htmlClase 1 periodo II  html
Clase 1 periodo II html
 
Codigo html
Codigo htmlCodigo html
Codigo html
 
Guia 4 lenguaje html
Guia 4   lenguaje htmlGuia 4   lenguaje html
Guia 4 lenguaje html
 
Codigo html
Codigo htmlCodigo html
Codigo html
 
Como crear mi primera pagina web
Como crear mi primera pagina webComo crear mi primera pagina web
Como crear mi primera pagina web
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
CUESTIONARIO
CUESTIONARIOCUESTIONARIO
CUESTIONARIO
 
Código HTML
Código HTMLCódigo HTML
Código HTML
 
Leccion 1 dream
Leccion 1 dreamLeccion 1 dream
Leccion 1 dream
 
HTML
HTMLHTML
HTML
 
Etiquetas básicas de html
Etiquetas básicas de htmlEtiquetas básicas de html
Etiquetas básicas de html
 
Etiquetas para estructurar texto en HTML - 3 parte
Etiquetas para estructurar texto en HTML - 3 parteEtiquetas para estructurar texto en HTML - 3 parte
Etiquetas para estructurar texto en HTML - 3 parte
 
Tutorial de html
Tutorial de htmlTutorial de html
Tutorial de html
 
Html (lenguaje de marcado de hipertexto)
Html (lenguaje de marcado de hipertexto)Html (lenguaje de marcado de hipertexto)
Html (lenguaje de marcado de hipertexto)
 
Colegio diapositivas computacion
Colegio diapositivas computacionColegio diapositivas computacion
Colegio diapositivas computacion
 
pagina html
pagina htmlpagina html
pagina html
 
Aprende a craer tu pag web
Aprende a craer tu pag webAprende a craer tu pag web
Aprende a craer tu pag web
 

Destacado

Guia de html 3 y 4 periodo
Guia de html 3 y 4  periodoGuia de html 3 y 4  periodo
Guia de html 3 y 4 periodoMacepla822
 
Programación en html 3
Programación en html 3Programación en html 3
Programación en html 3luchopaisa
 
Diferencias html5 y html anteriores
Diferencias html5 y html anterioresDiferencias html5 y html anteriores
Diferencias html5 y html anterioresXa Ba
 
Herramientas de corel
Herramientas de corelHerramientas de corel
Herramientas de corelangie barre
 

Destacado (8)

Guia de html 3 y 4 periodo
Guia de html 3 y 4  periodoGuia de html 3 y 4  periodo
Guia de html 3 y 4 periodo
 
Html3
Html3Html3
Html3
 
Html3
Html3Html3
Html3
 
Programación en html 3
Programación en html 3Programación en html 3
Programación en html 3
 
Diferencias html5 y html anteriores
Diferencias html5 y html anterioresDiferencias html5 y html anteriores
Diferencias html5 y html anteriores
 
Html evolucion
Html evolucionHtml evolucion
Html evolucion
 
Herramientas de corel
Herramientas de corelHerramientas de corel
Herramientas de corel
 
Corel draw
Corel drawCorel draw
Corel draw
 

Similar a Html 3° medio

Aprender el lenguaje html
Aprender el lenguaje htmlAprender el lenguaje html
Aprender el lenguaje htmlMaideoz
 
Aprender El Lenguaje Html
Aprender El Lenguaje HtmlAprender El Lenguaje Html
Aprender El Lenguaje Htmllmsblogger
 
Apunte5 de software_libre
Apunte5 de software_libreApunte5 de software_libre
Apunte5 de software_libreAndes Ateneo
 
Introduccion a programacion html
Introduccion a programacion htmlIntroduccion a programacion html
Introduccion a programacion htmlElim Aqp
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerraGinoRomero13
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerranicolascristancho
 
Colegio nicolas esguerra222
Colegio nicolas esguerra222Colegio nicolas esguerra222
Colegio nicolas esguerra222SoloCaliRadical
 
Colegio nicolas esguerra222
Colegio nicolas esguerra222Colegio nicolas esguerra222
Colegio nicolas esguerra222SoloCaliRadical
 
Colegio nicolas esguerra222
Colegio nicolas esguerra222Colegio nicolas esguerra222
Colegio nicolas esguerra222SoloCaliRadical
 
Colegio nicolas esguerra222
Colegio nicolas esguerra222Colegio nicolas esguerra222
Colegio nicolas esguerra222SoloCaliRadical
 
Colegio nicolas esguerra222
Colegio nicolas esguerra222Colegio nicolas esguerra222
Colegio nicolas esguerra222SoloCaliRadical
 
Trabajo informatica 4,periodo
Trabajo informatica 4,periodoTrabajo informatica 4,periodo
Trabajo informatica 4,periodojulian_vargas
 

Similar a Html 3° medio (20)

Aprender el lenguaje html
Aprender el lenguaje htmlAprender el lenguaje html
Aprender el lenguaje html
 
Html icredes
Html icredesHtml icredes
Html icredes
 
Aprender el lenguaje html
Aprender el lenguaje htmlAprender el lenguaje html
Aprender el lenguaje html
 
Aprender El Lenguaje Html
Aprender El Lenguaje HtmlAprender El Lenguaje Html
Aprender El Lenguaje Html
 
MANUAL PARA CREAR PÁGINAS WEB CON HTML
MANUAL PARA CREAR PÁGINAS WEB CON HTMLMANUAL PARA CREAR PÁGINAS WEB CON HTML
MANUAL PARA CREAR PÁGINAS WEB CON HTML
 
Unidad 1
Unidad 1Unidad 1
Unidad 1
 
Introducción al HTML
Introducción al HTMLIntroducción al HTML
Introducción al HTML
 
Curso de html
Curso de htmlCurso de html
Curso de html
 
Apunte5 de software_libre
Apunte5 de software_libreApunte5 de software_libre
Apunte5 de software_libre
 
Introduccion a programacion html
Introduccion a programacion htmlIntroduccion a programacion html
Introduccion a programacion html
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nicolas esguerra222
Colegio nicolas esguerra222Colegio nicolas esguerra222
Colegio nicolas esguerra222
 
Colegio nicolas esguerra222
Colegio nicolas esguerra222Colegio nicolas esguerra222
Colegio nicolas esguerra222
 
Colegio nicolas esguerra222
Colegio nicolas esguerra222Colegio nicolas esguerra222
Colegio nicolas esguerra222
 
Colegio nicolas esguerra222
Colegio nicolas esguerra222Colegio nicolas esguerra222
Colegio nicolas esguerra222
 
Colegio nicolas esguerra222
Colegio nicolas esguerra222Colegio nicolas esguerra222
Colegio nicolas esguerra222
 
Trabajo informatica 4,periodo
Trabajo informatica 4,periodoTrabajo informatica 4,periodo
Trabajo informatica 4,periodo
 
HTML
HTMLHTML
HTML
 

Html 3° medio

  • 2. ¿Qué es? Lenguaje de etiquetas denominado lenguaje html.
  • 3. ¿Para qué sirve? Las páginas que nos encontramos en Internet, las páginas web, están construidas en un
  • 4. Empezando… El código fuente, se escribe en un procesador de texto. Nosotros lo vamos a hacer con el Bloc de notas. Para abrir el Bloc de Notas, le damos a Inicio > Todos los programas > Accesorios > Bloc de notas. Se abrirá una ventana como ésta: Dependiendo de cómo esté configurado tu ordenador, quizá no encuentres el Bloc de notas en esta ruta.
  • 5. Etiquetas fundamentales • A continuación debes saber que las dos etiquetas fundamentales dentro de las cuales tiene que ir nuestro código fuente son <html> como etiqueta de apertura y </html> como etiqueta de cierre. • Después, todo lo que será visible al visitar la página con el navegador, debe de estar entre las etiquetas <body> cuerpo, en inglés, como etiqueta de apertura y </body> como etiqueta de cierre.
  • 6. NOTA Las etiquetas también se pueden escribir con letras mayúsculas: Ejemplo: <HTML> <BODY>... Nosotros vamos a optar por las minúsculas por ser lo que se está imponiendo de acuerdo con las últimas normas
  • 7. Actividad 1. • 1. Antes de empezar. • Sitúate con el puntero del ratón sobre cualquier punto vacío de la página web del colegio «www.colegionavarra.cl». • Pulsa el botón derecho de tu ratón. • Presiona «ver código fuente» • Esta es la página escrita en el código HTML
  • 8. Actividad 2 • Abrir el bloc de notas. • Vamos a escribir algo en nuestra página. Por ejemplo Bienvenid@. Lo escribiremos entre <body> y </body>. Nuestro código quedará así: