SlideShare una empresa de Scribd logo
1 de 3
ACTIVIDAD Nº6

HTML

1 Leer el apunte sobre HTML y realice un informe sobre:

¿Qué es el HTML?

El lenguaje HTML es un lenguaje interpretado que permite dar indicaciones precisas al programa
cliente, en este caso los navegadores o browsers de cómo debe presentarse el documento en
pantalla. Este documento es el que, en la World Wide Web (WWW), conocemos como hipertexto.
Un documento de hipertexto no se compone únicamente de texto, pues también contiene
relaciones con otros documentossino que se complementen con información en otros formatos,
como gráficos, sonidos, vídeo, etc. El resultado es un documento que combina muchos elementos
multimedia y que permite su difusión por medio del web.

Un documento HTML es simplemente un fichero ASCII, en el que se incluye un texto que se quiere
mostrar en pantalla, por lo que no se necesita nada más que un editor normal que nos permita
salvar el fichero en formato ASCII.

Elementalmente se necesita para la realización de páginas web:

- Programas de tratamiento de imágenes

-Un Editor de texto que puede ser Notepad, WordPad, o similares.

- Navegador o browser,

Los programas de tratamiento de imágenes se utilizaran para crear botones, banners, animaciones
y retocar todas las imágenes que se utilizan en una pagina Web. El editor de texto se utilizará para
escribir el código HTML, y por ultimo los navegadores nos servirán para ver el trabajo realizado.

b.      ¿A qué se le llama etiqueta y cómo funciona?

Además de ser un texto ASCII, el lenguaje HTML se caracteriza por la necesidad de introducir unas
instrucciones o etiquetas llamadas "Tags" que indican al navegador como se debe visualizar el
documento en la pantalla. Por medio de estas etiquetas se definen los distintos elementos que
componen la imagen. Estos comandos se escriben entre los símbolos "<" y ">", yendo en parejas
usualmenteEl formato general, por tanto, de estos "tags" es el siguiente:



<Nombre_del_Tag> Inicio de un comando o "tag".

</Nombre_del_Tag> Cierre de ese mismo comando o "tag".
La instrucción puede estar en mayúsculas o en minúsculas siendo indiferente cual de ellas se
utilicen.



El nombre de los archivos escritos en HTML deben tener como extensión .html En el sistema
operativo DOS su extensión es .htm, razón por la cual encontramos documentos HTML con ambas
extensiones

c.      ¿Cómo es el cuerpo de un programa en HTML?

Por lo tanto ya tenemos la plantilla básica de un documento HTML, quedando esta de la siguiente
forma:

<html>Etiqueta de Inicio del Documento HTML.

<head> Etiqueta de inicio del encabezado.

<title>Título de la página</title>        Etiquetas de principio y final de título rodeando al título de
la página.

</head>         Etiqueta de final del encabezado.

<body> Etiqueta de inicio del cuerpo del cuerpo.

        En este espacio irán los contenidos del documento.

</body>         Etiqueta de final del cuerpo del documento.

</html>         Etiqueta de final de Documento HTML.

d.      Investigue sobre las etiquetas más usadas en la realización de páginas web.-

<Hn>texto</Hn> n equivale a un numero entero comprendido entre 1 y 6. Siendo 1 el de mayor
tamaño, es decir, el cuerpo de letra es el mas grande y, si se utiliza 6, la letra es muy pequeña.

Párrafos y bloques de texto

<P>texto</P> Inicio y final de párrafo.

<PRE>texto</PRE> Respeta el bloque de texto, tal y como se ha escrito con espacios, tabuladores
y caracteres utilizados en instrucciones HTML.

<BLOCKQUOTE>texto</BLOCKQUOTE> Esta etiqueta incluye citas en un bloque separado de la
pantalla.

Centrado de texto
<CENTER>texto</CENTER> Centra todo lo que esté dentro de ella, independientemente que sea
texto ó imágenes. Hay que advertir aquí que no la soportan todos los navegadores, aunque si los
mas conocidos.

Aspecto de los caracteres

<B>texto</B> El texto entre estas dos etiquetas aparecerá en negrita.

<I>texto</I> El resultado de esta etiqueta produce un texto en itálica.

<U>texto</U> Se subraya el texto entre las dos tags. No lo reconocen todos los navegadores.

<TT>texto</TT> Esta etiqueta hace que el texto se vea en formato teletipo.

<BLINK>texto</BLINK> El texto se ve parpadeante (Funciona únicamente en Netscape).

Líneas y saltos de línea.

<HR> Con esta etiqueta se consigue una línea horizontal, que se extiende a todo lo ancho de la
pantalla. Esta etiqueta no necesita marca de cierre.

<BR> El resultado es un salto forzado a la línea siguiente.

Más contenido relacionado

La actualidad más candente (20)

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
 
DIAPOSITIVAS HTLM Y HTML 5
DIAPOSITIVAS HTLM Y HTML 5DIAPOSITIVAS HTLM Y HTML 5
DIAPOSITIVAS HTLM Y HTML 5
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Html
HtmlHtml
Html
 
Qué es HTML
Qué es HTMLQué es HTML
Qué es HTML
 
Introducción a html
Introducción a htmlIntroducción a html
Introducción a 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)
 
HTML
HTMLHTML
HTML
 
Presentación HTML
Presentación HTMLPresentación HTML
Presentación HTML
 
Producto 3
Producto 3Producto 3
Producto 3
 
Html
HtmlHtml
Html
 
Que es el htlm
Que es el htlmQue es el htlm
Que es el htlm
 
Códigos html y creación de paginas web
Códigos html y creación de paginas webCódigos html y creación de paginas web
Códigos html y creación de paginas web
 
Html4
Html4Html4
Html4
 
Html
HtmlHtml
Html
 
Diferencias de html y xml
Diferencias de html y xmlDiferencias de html y xml
Diferencias de html y xml
 
Codigo html
Codigo htmlCodigo html
Codigo html
 
Definición de html
Definición de htmlDefinición de html
Definición de html
 
Html
HtmlHtml
Html
 
Definición de html
Definición de htmlDefinición de html
Definición de html
 

Destacado

Tecnologias y vino en navarra glosario de terminos y acronimos
Tecnologias y vino en navarra   glosario de terminos y acronimosTecnologias y vino en navarra   glosario de terminos y acronimos
Tecnologias y vino en navarra glosario de terminos y acronimosCein
 
Ingredientes negocios Uniandes
Ingredientes negocios UniandesIngredientes negocios Uniandes
Ingredientes negocios UniandesJefferson Jacome
 
(T) peligros en la red
(T) peligros en la red(T) peligros en la red
(T) peligros en la redLlamaducali
 
NUCAP EUROPE, SA. Innovación abierta en productos de automoción para mercados...
NUCAP EUROPE, SA. Innovación abierta en productos de automoción para mercados...NUCAP EUROPE, SA. Innovación abierta en productos de automoción para mercados...
NUCAP EUROPE, SA. Innovación abierta en productos de automoción para mercados...Cein
 
Redes sociales y sus ventajas, desventajas,
Redes sociales y sus ventajas, desventajas,Redes sociales y sus ventajas, desventajas,
Redes sociales y sus ventajas, desventajas,Jorge Lechuga
 
SLAE2011-5
SLAE2011-5SLAE2011-5
SLAE2011-501fani
 
Canales - programas - cómicos
Canales - programas - cómicosCanales - programas - cómicos
Canales - programas - cómicosmjwelsh
 
Trabajo 4to periodo_filosofia
Trabajo 4to periodo_filosofiaTrabajo 4to periodo_filosofia
Trabajo 4to periodo_filosofiamarialore1294
 
Penetracion de la tdt que queda por hacer
Penetracion de la tdt   que queda por hacerPenetracion de la tdt   que queda por hacer
Penetracion de la tdt que queda por hacerCein
 
Como evitar que un congreso se convierta en un dromedario
Como evitar que un congreso se convierta en un dromedarioComo evitar que un congreso se convierta en un dromedario
Como evitar que un congreso se convierta en un dromedarioCein
 
Windows mobile desarrollo de aplicaciones
Windows mobile desarrollo de aplicacionesWindows mobile desarrollo de aplicaciones
Windows mobile desarrollo de aplicacionesCein
 
Presentación sello jeriel
Presentación sello jerielPresentación sello jeriel
Presentación sello jerielkareennish
 

Destacado (20)

Trabajo final expresion oral
Trabajo final expresion oralTrabajo final expresion oral
Trabajo final expresion oral
 
Tecnologias y vino en navarra glosario de terminos y acronimos
Tecnologias y vino en navarra   glosario de terminos y acronimosTecnologias y vino en navarra   glosario de terminos y acronimos
Tecnologias y vino en navarra glosario de terminos y acronimos
 
Ingredientes negocios Uniandes
Ingredientes negocios UniandesIngredientes negocios Uniandes
Ingredientes negocios Uniandes
 
Esposicion
Esposicion Esposicion
Esposicion
 
D hd
D hdD hd
D hd
 
Suzzanna
SuzzannaSuzzanna
Suzzanna
 
(T) peligros en la red
(T) peligros en la red(T) peligros en la red
(T) peligros en la red
 
NUCAP EUROPE, SA. Innovación abierta en productos de automoción para mercados...
NUCAP EUROPE, SA. Innovación abierta en productos de automoción para mercados...NUCAP EUROPE, SA. Innovación abierta en productos de automoción para mercados...
NUCAP EUROPE, SA. Innovación abierta en productos de automoción para mercados...
 
Redes sociales y sus ventajas, desventajas,
Redes sociales y sus ventajas, desventajas,Redes sociales y sus ventajas, desventajas,
Redes sociales y sus ventajas, desventajas,
 
SLAE2011-5
SLAE2011-5SLAE2011-5
SLAE2011-5
 
Trabajo de etica
Trabajo de eticaTrabajo de etica
Trabajo de etica
 
Canales - programas - cómicos
Canales - programas - cómicosCanales - programas - cómicos
Canales - programas - cómicos
 
Trabajo 4to periodo_filosofia
Trabajo 4to periodo_filosofiaTrabajo 4to periodo_filosofia
Trabajo 4to periodo_filosofia
 
Penetracion de la tdt que queda por hacer
Penetracion de la tdt   que queda por hacerPenetracion de la tdt   que queda por hacer
Penetracion de la tdt que queda por hacer
 
YA
YAYA
YA
 
Como evitar que un congreso se convierta en un dromedario
Como evitar que un congreso se convierta en un dromedarioComo evitar que un congreso se convierta en un dromedario
Como evitar que un congreso se convierta en un dromedario
 
reflexion
reflexion reflexion
reflexion
 
Windows mobile desarrollo de aplicaciones
Windows mobile desarrollo de aplicacionesWindows mobile desarrollo de aplicaciones
Windows mobile desarrollo de aplicaciones
 
Presentación sello jeriel
Presentación sello jerielPresentación sello jeriel
Presentación sello jeriel
 
Slideshare
SlideshareSlideshare
Slideshare
 

Similar a Actividad nº6 (20)

Html
HtmlHtml
Html
 
Clase 1
Clase 1Clase 1
Clase 1
 
Unidad educativa
Unidad educativaUnidad educativa
Unidad educativa
 
Desarrolla aplicaciones-web
Desarrolla aplicaciones-webDesarrolla aplicaciones-web
Desarrolla aplicaciones-web
 
Diagrama de flujo 10 01 jt jhon buitrago
Diagrama de flujo 10 01 jt jhon buitragoDiagrama de flujo 10 01 jt jhon buitrago
Diagrama de flujo 10 01 jt jhon buitrago
 
Consulta de html
Consulta de html Consulta de html
Consulta de 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
 
Clase 1 de html
Clase 1 de htmlClase 1 de html
Clase 1 de html
 
Curso de html
Curso de htmlCurso de html
Curso de html
 
Practicas html
Practicas htmlPracticas html
Practicas html
 
Intro html
Intro htmlIntro html
Intro html
 
Aprender el lenguaje html
Aprender el lenguaje htmlAprender el lenguaje html
Aprender el lenguaje html
 
Html – básico 1
Html – básico 1Html – básico 1
Html – básico 1
 
Guia#1 info
Guia#1 infoGuia#1 info
Guia#1 info
 
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
 
Html5
Html5Html5
Html5
 
Access
AccessAccess
Access
 
Access
AccessAccess
Access
 
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
 
Manual de html
Manual de htmlManual de html
Manual de html
 

Más de marcos_77

Actividad nº 4
Actividad nº 4Actividad nº 4
Actividad nº 4marcos_77
 
Actividad n3
Actividad n3Actividad n3
Actividad n3marcos_77
 
Act 5 andrada aguilera
Act 5 andrada aguileraAct 5 andrada aguilera
Act 5 andrada aguileramarcos_77
 
Act 3 aguilera
Act 3 aguileraAct 3 aguilera
Act 3 aguileramarcos_77
 
Act 1 aguilera
Act 1 aguileraAct 1 aguilera
Act 1 aguileramarcos_77
 
Actividad nº 7
Actividad nº 7Actividad nº 7
Actividad nº 7marcos_77
 

Más de marcos_77 (6)

Actividad nº 4
Actividad nº 4Actividad nº 4
Actividad nº 4
 
Actividad n3
Actividad n3Actividad n3
Actividad n3
 
Act 5 andrada aguilera
Act 5 andrada aguileraAct 5 andrada aguilera
Act 5 andrada aguilera
 
Act 3 aguilera
Act 3 aguileraAct 3 aguilera
Act 3 aguilera
 
Act 1 aguilera
Act 1 aguileraAct 1 aguilera
Act 1 aguilera
 
Actividad nº 7
Actividad nº 7Actividad nº 7
Actividad nº 7
 

Actividad nº6

  • 1. ACTIVIDAD Nº6 HTML 1 Leer el apunte sobre HTML y realice un informe sobre: ¿Qué es el HTML? El lenguaje HTML es un lenguaje interpretado que permite dar indicaciones precisas al programa cliente, en este caso los navegadores o browsers de cómo debe presentarse el documento en pantalla. Este documento es el que, en la World Wide Web (WWW), conocemos como hipertexto. Un documento de hipertexto no se compone únicamente de texto, pues también contiene relaciones con otros documentossino que se complementen con información en otros formatos, como gráficos, sonidos, vídeo, etc. El resultado es un documento que combina muchos elementos multimedia y que permite su difusión por medio del web. Un documento HTML es simplemente un fichero ASCII, en el que se incluye un texto que se quiere mostrar en pantalla, por lo que no se necesita nada más que un editor normal que nos permita salvar el fichero en formato ASCII. Elementalmente se necesita para la realización de páginas web: - Programas de tratamiento de imágenes -Un Editor de texto que puede ser Notepad, WordPad, o similares. - Navegador o browser, Los programas de tratamiento de imágenes se utilizaran para crear botones, banners, animaciones y retocar todas las imágenes que se utilizan en una pagina Web. El editor de texto se utilizará para escribir el código HTML, y por ultimo los navegadores nos servirán para ver el trabajo realizado. b. ¿A qué se le llama etiqueta y cómo funciona? Además de ser un texto ASCII, el lenguaje HTML se caracteriza por la necesidad de introducir unas instrucciones o etiquetas llamadas "Tags" que indican al navegador como se debe visualizar el documento en la pantalla. Por medio de estas etiquetas se definen los distintos elementos que componen la imagen. Estos comandos se escriben entre los símbolos "<" y ">", yendo en parejas usualmenteEl formato general, por tanto, de estos "tags" es el siguiente: <Nombre_del_Tag> Inicio de un comando o "tag". </Nombre_del_Tag> Cierre de ese mismo comando o "tag".
  • 2. La instrucción puede estar en mayúsculas o en minúsculas siendo indiferente cual de ellas se utilicen. El nombre de los archivos escritos en HTML deben tener como extensión .html En el sistema operativo DOS su extensión es .htm, razón por la cual encontramos documentos HTML con ambas extensiones c. ¿Cómo es el cuerpo de un programa en HTML? Por lo tanto ya tenemos la plantilla básica de un documento HTML, quedando esta de la siguiente forma: <html>Etiqueta de Inicio del Documento HTML. <head> Etiqueta de inicio del encabezado. <title>Título de la página</title> Etiquetas de principio y final de título rodeando al título de la página. </head> Etiqueta de final del encabezado. <body> Etiqueta de inicio del cuerpo del cuerpo. En este espacio irán los contenidos del documento. </body> Etiqueta de final del cuerpo del documento. </html> Etiqueta de final de Documento HTML. d. Investigue sobre las etiquetas más usadas en la realización de páginas web.- <Hn>texto</Hn> n equivale a un numero entero comprendido entre 1 y 6. Siendo 1 el de mayor tamaño, es decir, el cuerpo de letra es el mas grande y, si se utiliza 6, la letra es muy pequeña. Párrafos y bloques de texto <P>texto</P> Inicio y final de párrafo. <PRE>texto</PRE> Respeta el bloque de texto, tal y como se ha escrito con espacios, tabuladores y caracteres utilizados en instrucciones HTML. <BLOCKQUOTE>texto</BLOCKQUOTE> Esta etiqueta incluye citas en un bloque separado de la pantalla. Centrado de texto
  • 3. <CENTER>texto</CENTER> Centra todo lo que esté dentro de ella, independientemente que sea texto ó imágenes. Hay que advertir aquí que no la soportan todos los navegadores, aunque si los mas conocidos. Aspecto de los caracteres <B>texto</B> El texto entre estas dos etiquetas aparecerá en negrita. <I>texto</I> El resultado de esta etiqueta produce un texto en itálica. <U>texto</U> Se subraya el texto entre las dos tags. No lo reconocen todos los navegadores. <TT>texto</TT> Esta etiqueta hace que el texto se vea en formato teletipo. <BLINK>texto</BLINK> El texto se ve parpadeante (Funciona únicamente en Netscape). Líneas y saltos de línea. <HR> Con esta etiqueta se consigue una línea horizontal, que se extiende a todo lo ancho de la pantalla. Esta etiqueta no necesita marca de cierre. <BR> El resultado es un salto forzado a la línea siguiente.