SlideShare una empresa de Scribd logo
1 de 2
Descargar para leer sin conexión
INTRODUCCIÓN

           El lenguaje HTML (HyperText Markup Language), es el formato estándar
    que se utiliza para crear e interpretar documentos de texto e imágenes, conocidos
    popularmente como páginas web. Estos documentos, que en realidad son archivos
    de texto plano, están compuestos básicamente por:

-   la información que el usuario ve en la pantalla cuando accede a una página, y

-   códigos (tags o etiquetas), transparentes para el usuario, que son interpretados
    por el programa del navegador y que controlan la manera como la información es
    mostrada en la pantalla.


           El objeto del presente módulo es aprender a utilizar de manera correcta,
    algunas de esas etiquetas, con el fin de crear y modificar páginas mediante el uso
    de cualquier editor de texto.

           El siguiente ejemplo sencillo, contiene lo necesario para crear una página que
    desplegará en el explorador (browser o navegador), la frase “Bienvenido al curso
    de HTML”:



          <HTML>
                <HEAD>
                      <TITLE>Primer Página</TITLE>
                </HEAD>
                <BODY>
                      Bienvenido al curso de HTML
                </BODY>
          </HTML>



            Las palabras encerradas entre los símbolos menor y mayor que (< >), son
    las etiquetas de HTML y las frases dentro de éstas, constituyen la información que
    realmente verá el usuario.

           Todo archivo HTML comienza siempre con la etiqueta <HTML> y finaliza con
    la etiqueta </HTML>. La estructura de una página está compuesta básicamente
    por dos secciones: el encabezado (HEAD), y el cuerpo (BODY), delimitados por las
    etiquetas <HEAD>, </HEAD>, <BODY> y </BODY> respectivamente.




1 de 43                             http//:www.masterlinux.org             EFGM© 2000-2007
El cuerpo contiene toda la información de la página que será desplegada por
   el browser al accederla, mientras que el encabezado cuyo contenido generalmente
   no es visible, se utiliza principalmente para colocar en él, además del título de la
   página, scripts y otras etiquetas especiales en las que se consignan datos
   relacionados con el autor, palabras claves sobre el contenido, descripción, etc.

          En un documento HTML se pueden incluir un sinnúmero de etiquetas, que
   controlan la manera como la información será presentada por el explorador. Existen
   etiquetas para formatear la presentación del texto y las imágenes, otras indican al
   sistema cómo responder a eventos generados por el usuario, tales como, hacer clic
   con el ratón o desplazarlo sobre una imagen, texto o ciertas áreas sensibles.
   También hay etiquetas para organizar la información dentro tablas, dividir la
   pantalla en secciones o ventanas independientes, etc. Una de las más importantes
   es la etiqueta que le permite al usuario “navegar” entre documentos, simplemente
   dando clic sobre los denominados “vínculos” (links), sin importar dónde residen las
   páginas a las cuales apuntan.


          El explorador, también conocido como navegador o browser, es el software
   que permite acceder, interpretar y visualizar documentos HTML ubicados en
   cualquier sitio cuya dirección es conocida. El navegador interpreta las etiquetas y
   muestra el documento en pantalla. La principal ventaja del formato HTML es su
   portabilidad. Es decir, los exploradores son capaces de interpretar y mostrar la
   información contenida en una página web, independientemente de la plataforma en
   que se usen (IBM, MAC, UNIX, LINUX, etc.).

           El presente módulo no pretende hacer una explicación exhaustiva del
   lenguaje HTML ni de ninguna herramienta de edición gráfica. Aquí se tratarán
   únicamente, aquellos aspectos básicos que le permitan al lector desarrollar páginas
   sencillas que funcionen de acuerdo a lo esperado, sin importar la versión y la casa
   productora del software del navegador ni la plataforma de trabajo.




2 de 43                          http//:www.masterlinux.org              EFGM© 2000-2007

Más contenido relacionado

La actualidad más candente (12)

taller1 vera viviana
taller1 vera vivianataller1 vera viviana
taller1 vera viviana
 
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 nacional nicolas esguerra html
Colegio nacional nicolas esguerra htmlColegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra html
 
Colegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra htmlColegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra html
 
Toala Miguel 2C3
Toala Miguel 2C3Toala Miguel 2C3
Toala Miguel 2C3
 
Helen Valverde 2C3
Helen Valverde 2C3Helen Valverde 2C3
Helen Valverde 2C3
 
Colegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra htmlColegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra html
 
Trabajo
TrabajoTrabajo
Trabajo
 
Html
HtmlHtml
Html
 
Cb fs
Cb fsCb fs
Cb fs
 
DREAMWEAVER.docx
DREAMWEAVER.docxDREAMWEAVER.docx
DREAMWEAVER.docx
 
html
 html html
html
 

Destacado (13)

13imagenes
13imagenes13imagenes
13imagenes
 
09listas
09listas09listas
09listas
 
Unidad 2 componentes principales parte ii
Unidad 2   componentes principales parte iiUnidad 2   componentes principales parte ii
Unidad 2 componentes principales parte ii
 
09listas
09listas09listas
09listas
 
08body
08body08body
08body
 
12tablas
12tablas12tablas
12tablas
 
04texto
04texto04texto
04texto
 
Unidad 2 componentes principales
Unidad 2   componentes principalesUnidad 2   componentes principales
Unidad 2 componentes principales
 
Guia de trabajo no.2
Guia de trabajo no.2Guia de trabajo no.2
Guia de trabajo no.2
 
Practicas de-dreamweaver
Practicas de-dreamweaverPracticas de-dreamweaver
Practicas de-dreamweaver
 
Guia de trabajo no.1
Guia de trabajo no.1Guia de trabajo no.1
Guia de trabajo no.1
 
Manual de practicas de dreamweaver
Manual de practicas de dreamweaverManual de practicas de dreamweaver
Manual de practicas de dreamweaver
 
Dreamweaver - Fichas de Aprendizaje 2014
Dreamweaver - Fichas de Aprendizaje 2014Dreamweaver - Fichas de Aprendizaje 2014
Dreamweaver - Fichas de Aprendizaje 2014
 

Similar a 01introduccion

Similar a 01introduccion (20)

Guia no 1 cómo crear mi propia web
Guia no 1 cómo crear mi propia webGuia no 1 cómo crear mi propia web
Guia no 1 cómo crear mi propia web
 
Html
HtmlHtml
Html
 
Guia 1 introduccion al html inesani 2016
Guia 1 introduccion al html inesani 2016Guia 1 introduccion al html inesani 2016
Guia 1 introduccion al html inesani 2016
 
Trabajo informatica 4,periodo
Trabajo informatica 4,periodoTrabajo informatica 4,periodo
Trabajo informatica 4,periodo
 
Trabajo informatica 4,periodo
Trabajo informatica 4,periodoTrabajo informatica 4,periodo
Trabajo informatica 4,periodo
 
Html
HtmlHtml
Html
 
Html5
Html5Html5
Html5
 
Access
AccessAccess
Access
 
Access
AccessAccess
Access
 
Trabajo informatica 4,periodo
Trabajo informatica 4,periodoTrabajo informatica 4,periodo
Trabajo informatica 4,periodo
 
HTML
HTMLHTML
HTML
 
Unidad educativa
Unidad educativaUnidad educativa
Unidad educativa
 
evaluacion 2 párcial 2 quimestre primero bachillerato
evaluacion 2 párcial 2 quimestre primero bachilleratoevaluacion 2 párcial 2 quimestre primero bachillerato
evaluacion 2 párcial 2 quimestre primero bachillerato
 
Html.mmg
Html.mmgHtml.mmg
Html.mmg
 
Desarrolla aplicaciones-web
Desarrolla aplicaciones-webDesarrolla aplicaciones-web
Desarrolla aplicaciones-web
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
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
 

01introduccion

  • 1. INTRODUCCIÓN El lenguaje HTML (HyperText Markup Language), es el formato estándar que se utiliza para crear e interpretar documentos de texto e imágenes, conocidos popularmente como páginas web. Estos documentos, que en realidad son archivos de texto plano, están compuestos básicamente por: - la información que el usuario ve en la pantalla cuando accede a una página, y - códigos (tags o etiquetas), transparentes para el usuario, que son interpretados por el programa del navegador y que controlan la manera como la información es mostrada en la pantalla. El objeto del presente módulo es aprender a utilizar de manera correcta, algunas de esas etiquetas, con el fin de crear y modificar páginas mediante el uso de cualquier editor de texto. El siguiente ejemplo sencillo, contiene lo necesario para crear una página que desplegará en el explorador (browser o navegador), la frase “Bienvenido al curso de HTML”: <HTML> <HEAD> <TITLE>Primer Página</TITLE> </HEAD> <BODY> Bienvenido al curso de HTML </BODY> </HTML> Las palabras encerradas entre los símbolos menor y mayor que (< >), son las etiquetas de HTML y las frases dentro de éstas, constituyen la información que realmente verá el usuario. Todo archivo HTML comienza siempre con la etiqueta <HTML> y finaliza con la etiqueta </HTML>. La estructura de una página está compuesta básicamente por dos secciones: el encabezado (HEAD), y el cuerpo (BODY), delimitados por las etiquetas <HEAD>, </HEAD>, <BODY> y </BODY> respectivamente. 1 de 43 http//:www.masterlinux.org EFGM© 2000-2007
  • 2. El cuerpo contiene toda la información de la página que será desplegada por el browser al accederla, mientras que el encabezado cuyo contenido generalmente no es visible, se utiliza principalmente para colocar en él, además del título de la página, scripts y otras etiquetas especiales en las que se consignan datos relacionados con el autor, palabras claves sobre el contenido, descripción, etc. En un documento HTML se pueden incluir un sinnúmero de etiquetas, que controlan la manera como la información será presentada por el explorador. Existen etiquetas para formatear la presentación del texto y las imágenes, otras indican al sistema cómo responder a eventos generados por el usuario, tales como, hacer clic con el ratón o desplazarlo sobre una imagen, texto o ciertas áreas sensibles. También hay etiquetas para organizar la información dentro tablas, dividir la pantalla en secciones o ventanas independientes, etc. Una de las más importantes es la etiqueta que le permite al usuario “navegar” entre documentos, simplemente dando clic sobre los denominados “vínculos” (links), sin importar dónde residen las páginas a las cuales apuntan. El explorador, también conocido como navegador o browser, es el software que permite acceder, interpretar y visualizar documentos HTML ubicados en cualquier sitio cuya dirección es conocida. El navegador interpreta las etiquetas y muestra el documento en pantalla. La principal ventaja del formato HTML es su portabilidad. Es decir, los exploradores son capaces de interpretar y mostrar la información contenida en una página web, independientemente de la plataforma en que se usen (IBM, MAC, UNIX, LINUX, etc.). El presente módulo no pretende hacer una explicación exhaustiva del lenguaje HTML ni de ninguna herramienta de edición gráfica. Aquí se tratarán únicamente, aquellos aspectos básicos que le permitan al lector desarrollar páginas sencillas que funcionen de acuerdo a lo esperado, sin importar la versión y la casa productora del software del navegador ni la plataforma de trabajo. 2 de 43 http//:www.masterlinux.org EFGM© 2000-2007