SlideShare una empresa de Scribd logo
COEGIO NACIONAL NICOLAS ESGUERRA




      WILFER YAIR ALMANZA




     ARIAS HURTADO CRISTIAN




          INFORMATICA




         ¿QUE ES HTML?




            24/09/12




           BOGOTA DC
¿QUE ES HTML?
Todas las páginas web escritas en HTML tienen que tener la extensión HTML o htm. Al
mismo tiempo, tienen que tener las etiquetas <HTML> y </HTML>.

Entre las etiquetas <HTML> y </HTML> estará comprendido el resto del código HTML de
la página.

Por ejemplo:

<HTML>
...
</HTML>

¿CABECERA DE PAGINA HEAD?
La cabecera de la página se utiliza para agrupar información sobre ella, como puede ser el título.

Está formada por las etiquetas <head> y </head>. La etiqueta <head> va justo debajo de la
etiqueta <HTML>.

Por ejemplo:

<HTML>
<head>
...
</head>
...
</HTML>

Entre las etiquetas <head> y </head>, las etiquetas que podemos encontrar y más se utilizan son:
<link>, <style>, <script> (estas etiquetas las veremos más adelante),
<meta>


¿TITULO DE LA PAGINA?
El título de la página es el que aparecerá en la parte superior de la ventana del
navegador, cuando la página esté cargada en él.

Para asignar un título a una página es necesario escribir el texto deseado entre las
etiquetas <title> y </title>.

Estas etiquetas han de estar dentro de la cabecera, es decir, entre las etiquetas <head> y
</head>.

Por ejemplo:
<html>
<head>
<title>
Curso de HTML
</title>
</head>
...
</html>




¿CUERPO DEL DOCUMENTO?
El cuerpo del documento contiene la información propia del documento, es decir lo que queremos
que se visualice, el texto de la página, las imágenes, los formularios, etc.

Todos estos elementos tienen que encontrarse entre las etiquetas<body> y </body>, que van
justo debajo de la cabecera.

Por ejemplo:

<html>
<head>
<title>
Curso de HTML
</title>
</head>
<body>
...
</body>
</html>

A través de la etiqueta <body> es posible establecer el color o la imagen de fondo de la página.

El color de fondo puede establecerse a través del atributo bgcolor, al que es posible asignarle un
color representado en hexadecimal o por un nombre predefinido.

Por ejemplo, para hacer que el color de fondo de una página sea de color azul, tendremos que
escribir:

...
<bodybgcolor="#0000FF">
...
</body>
</html>

Sería equivalente a poner:

...
<bodybgcolor="blue">
...
</body>
</html>

La imagen de fondo puede establecerse a través del atributo background, indicando la ruta en la
que se encuentra la imagen.

Por ejemplo, para hacer que la imagen de fondo de una página sea la imagen fondo.gif, que se
encuentra en el mismo directorio en el que se encuentra guardada la página, tendremos que
escribir:

...
<bodybackground="fondo.gif">
...
</body>
</html>

En el caso de que la imagen no se encuentre en el mismo directorio que la página, y se encuentre
dentro de la carpeta imagenes, que sí se encuentra en el mismo directorio que la página,
tendremos que escribir:

...
<bodybackground="imagenes/fondo.gif">
...
</body>
</html>

Más contenido relacionado

La actualidad más candente

Estructura html
Estructura htmlEstructura html
Estructura html
carlosvalle1986
 
Html word2
Html word2Html word2
Html word2
Daniel CP
 
Nicolaas 1112
Nicolaas 1112Nicolaas 1112
Nicolaas 1112
Daniel Vargas
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
Mauricio Ceron Gualteros
 
Estructura de una página
Estructura de una páginaEstructura de una página
Estructura de una página
BaronyBarreto
 
Colegio nacional nicolás esguerra 3
Colegio nacional nicolás esguerra 3Colegio nacional nicolás esguerra 3
Colegio nacional nicolás esguerra 3
Edward Neuta
 
Html
HtmlHtml
Introducción a HTML
Introducción a HTMLIntroducción a HTML
Introducción a HTML
KareliaRivas
 
Html 121
Html 121Html 121
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
davidvelascov
 
Sitio Web / Introducción a HTML
Sitio Web / Introducción a HTMLSitio Web / Introducción a HTML
Sitio Web / Introducción a HTML
SebaMaya
 
Código htlm
Código htlmCódigo htlm
Código htlm
Ana Lira
 
Colegio nacional nicolas esguerra
Colegio  nacional   nicolas  esguerraColegio  nacional   nicolas  esguerra
Colegio nacional nicolas esguerra
Miguel Medina
 
Colegio nicolas esgurra.
Colegio nicolas esgurra.Colegio nicolas esgurra.
Colegio nicolas esgurra.
diego2934
 
Html
HtmlHtml
Pagina web i
Pagina web iPagina web i
Html unidad 2
Html unidad 2Html unidad 2
Html unidad 2
Pipe Jimenez
 

La actualidad más candente (17)

Estructura html
Estructura htmlEstructura html
Estructura html
 
Html word2
Html word2Html word2
Html word2
 
Nicolaas 1112
Nicolaas 1112Nicolaas 1112
Nicolaas 1112
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Estructura de una página
Estructura de una páginaEstructura de una página
Estructura de una página
 
Colegio nacional nicolás esguerra 3
Colegio nacional nicolás esguerra 3Colegio nacional nicolás esguerra 3
Colegio nacional nicolás esguerra 3
 
Html
HtmlHtml
Html
 
Introducción a HTML
Introducción a HTMLIntroducción a HTML
Introducción a HTML
 
Html 121
Html 121Html 121
Html 121
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Sitio Web / Introducción a HTML
Sitio Web / Introducción a HTMLSitio Web / Introducción a HTML
Sitio Web / Introducción a HTML
 
Código htlm
Código htlmCódigo htlm
Código htlm
 
Colegio nacional nicolas esguerra
Colegio  nacional   nicolas  esguerraColegio  nacional   nicolas  esguerra
Colegio nacional nicolas esguerra
 
Colegio nicolas esgurra.
Colegio nicolas esgurra.Colegio nicolas esgurra.
Colegio nicolas esgurra.
 
Html
HtmlHtml
Html
 
Pagina web i
Pagina web iPagina web i
Pagina web i
 
Html unidad 2
Html unidad 2Html unidad 2
Html unidad 2
 

Destacado

Sports bask
Sports baskSports bask
Sports bask
ShaneVergaraP
 
Graficoss mediosss
Graficoss mediosssGraficoss mediosss
Graficoss mediosss
Cecilia Irurtia
 
Aula virtual y correo estudiantil
Aula virtual y correo estudiantilAula virtual y correo estudiantil
Aula virtual y correo estudiantil
johanc123
 
¿Qué programas usar?
¿Qué programas usar?¿Qué programas usar?
¿Qué programas usar?
sanchezfabian
 
Els museus a la xarxa cap a una experiencia de marca. Part IV
Els museus a la xarxa cap a una experiencia de marca. Part IVEls museus a la xarxa cap a una experiencia de marca. Part IV
Els museus a la xarxa cap a una experiencia de marca. Part IV
Lavert Proyectos Culturales
 
Sports bask
Sports baskSports bask
Sports bask
ShaneVergaraP
 
TENIKS
TENIKS TENIKS
TENIKS
Vlady Maliza
 
Patrimonios culturales de la ciudad de la plata
Patrimonios culturales de la ciudad de la plataPatrimonios culturales de la ciudad de la plata
Patrimonios culturales de la ciudad de la plata
paalop
 
Blandina samayoa
Blandina samayoaBlandina samayoa
Blandina samayoa
blandy2012
 
Vivienda estudio marrazzo federico
Vivienda estudio marrazzo federicoVivienda estudio marrazzo federico
Vivienda estudio marrazzo federico
Marrazzo2012
 
Diana medina presentación gimp
Diana medina presentación gimpDiana medina presentación gimp
Diana medina presentación gimp
dpmedina
 
Recursos audiovisuales
Recursos audiovisualesRecursos audiovisuales
Recursos audiovisuales
Karol Cambronero Guzmán
 
Cluf
ClufCluf
Revista de Liceo Atlántida
Revista de Liceo AtlántidaRevista de Liceo Atlántida
Revista de Liceo Atlántida
Liceo_atlantida
 
Arquitectura de un ordenador (hardware)
Arquitectura de un ordenador (hardware)Arquitectura de un ordenador (hardware)
Arquitectura de un ordenador (hardware)
jgn1995
 
Electricidad plp
Electricidad plpElectricidad plp
Electricidad plp
inventadero ~ ~ ~
 
Murales karen y milagros
Murales karen y milagrosMurales karen y milagros
Murales karen y milagros
Cecilia Irurtia
 
Comunicacion
ComunicacionComunicacion
Comunicacion
montiricardo
 
Producto 2
Producto 2Producto 2
Producto 2
Catalina Ortega
 
Podcasting
PodcastingPodcasting
Podcasting
david delg
 

Destacado (20)

Sports bask
Sports baskSports bask
Sports bask
 
Graficoss mediosss
Graficoss mediosssGraficoss mediosss
Graficoss mediosss
 
Aula virtual y correo estudiantil
Aula virtual y correo estudiantilAula virtual y correo estudiantil
Aula virtual y correo estudiantil
 
¿Qué programas usar?
¿Qué programas usar?¿Qué programas usar?
¿Qué programas usar?
 
Els museus a la xarxa cap a una experiencia de marca. Part IV
Els museus a la xarxa cap a una experiencia de marca. Part IVEls museus a la xarxa cap a una experiencia de marca. Part IV
Els museus a la xarxa cap a una experiencia de marca. Part IV
 
Sports bask
Sports baskSports bask
Sports bask
 
TENIKS
TENIKS TENIKS
TENIKS
 
Patrimonios culturales de la ciudad de la plata
Patrimonios culturales de la ciudad de la plataPatrimonios culturales de la ciudad de la plata
Patrimonios culturales de la ciudad de la plata
 
Blandina samayoa
Blandina samayoaBlandina samayoa
Blandina samayoa
 
Vivienda estudio marrazzo federico
Vivienda estudio marrazzo federicoVivienda estudio marrazzo federico
Vivienda estudio marrazzo federico
 
Diana medina presentación gimp
Diana medina presentación gimpDiana medina presentación gimp
Diana medina presentación gimp
 
Recursos audiovisuales
Recursos audiovisualesRecursos audiovisuales
Recursos audiovisuales
 
Cluf
ClufCluf
Cluf
 
Revista de Liceo Atlántida
Revista de Liceo AtlántidaRevista de Liceo Atlántida
Revista de Liceo Atlántida
 
Arquitectura de un ordenador (hardware)
Arquitectura de un ordenador (hardware)Arquitectura de un ordenador (hardware)
Arquitectura de un ordenador (hardware)
 
Electricidad plp
Electricidad plpElectricidad plp
Electricidad plp
 
Murales karen y milagros
Murales karen y milagrosMurales karen y milagros
Murales karen y milagros
 
Comunicacion
ComunicacionComunicacion
Comunicacion
 
Producto 2
Producto 2Producto 2
Producto 2
 
Podcasting
PodcastingPodcasting
Podcasting
 

Similar a Html

Presentación2 wwwwwwwwwwwwww
Presentación2 wwwwwwwwwwwwwwPresentación2 wwwwwwwwwwwwww
Presentación2 wwwwwwwwwwwwww
Isaac Felipe Beltran Lopez
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
Felipe Pesca
 
Documento nicolas garibello
Documento nicolas garibelloDocumento nicolas garibello
Documento nicolas garibello
santiagomez903
 
Estructura de una página html
Estructura de una página htmlEstructura de una página html
Estructura de una página html
IST Unitek Arequipa
 
Nicolaas 1112
Nicolaas 1112Nicolaas 1112
Nicolaas 1112
Nikolas Avila
 
Crear una página básica en HTML
Crear una página básica en HTMLCrear una página básica en HTML
Crear una página básica en HTML
Secretaria Educacion Dptal
 
Colegio nacional nicolas esguerra
Colegio  nacional   nicolas  esguerraColegio  nacional   nicolas  esguerra
Colegio nacional nicolas esguerra
Miguel Medina
 
Pagina web
Pagina webPagina web
Pagina web
rocket75
 
Tabajaooojevs
TabajaooojevsTabajaooojevs
Tabajaooojevs
juanesvs
 
Html unidad 2
Html unidad 2Html unidad 2
Html unidad 2
Jhonatan Lizarazo Gil
 
Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)
Nicolas Tavera
 
Html
HtmlHtml
HTML 2011
HTML 2011HTML 2011
Practico html
Practico htmlPractico html
Practico html
Lautaro Lopez
 
Practico html
Practico htmlPractico html
Practico html
lucascen
 
partes de un pagina
partes de un paginapartes de un pagina
partes de un pagina
Juan David Correa
 
Clase 2 Desarrollo Web
Clase 2 Desarrollo Web Clase 2 Desarrollo Web
Clase 2 Desarrollo Web
Planeta Digital 360
 
Html111
Html111Html111
Html111
pelusa0104
 
Apuntes diseño en 2 d
Apuntes diseño en 2 dApuntes diseño en 2 d
Apuntes diseño en 2 d
Alvaro Cardenas
 

Similar a Html (19)

Presentación2 wwwwwwwwwwwwww
Presentación2 wwwwwwwwwwwwwwPresentación2 wwwwwwwwwwwwww
Presentación2 wwwwwwwwwwwwww
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Documento nicolas garibello
Documento nicolas garibelloDocumento nicolas garibello
Documento nicolas garibello
 
Estructura de una página html
Estructura de una página htmlEstructura de una página html
Estructura de una página html
 
Nicolaas 1112
Nicolaas 1112Nicolaas 1112
Nicolaas 1112
 
Crear una página básica en HTML
Crear una página básica en HTMLCrear una página básica en HTML
Crear una página básica en HTML
 
Colegio nacional nicolas esguerra
Colegio  nacional   nicolas  esguerraColegio  nacional   nicolas  esguerra
Colegio nacional nicolas esguerra
 
Pagina web
Pagina webPagina web
Pagina web
 
Tabajaooojevs
TabajaooojevsTabajaooojevs
Tabajaooojevs
 
Html unidad 2
Html unidad 2Html unidad 2
Html unidad 2
 
Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)
 
Html
HtmlHtml
Html
 
HTML 2011
HTML 2011HTML 2011
HTML 2011
 
Practico html
Practico htmlPractico html
Practico html
 
Practico html
Practico htmlPractico html
Practico html
 
partes de un pagina
partes de un paginapartes de un pagina
partes de un pagina
 
Clase 2 Desarrollo Web
Clase 2 Desarrollo Web Clase 2 Desarrollo Web
Clase 2 Desarrollo Web
 
Html111
Html111Html111
Html111
 
Apuntes diseño en 2 d
Apuntes diseño en 2 dApuntes diseño en 2 d
Apuntes diseño en 2 d
 

Más de Ivan Arias

Habilidades comunicativas
Habilidades comunicativasHabilidades comunicativas
Habilidades comunicativas
Ivan Arias
 
Habilidades comunicativas
Habilidades comunicativasHabilidades comunicativas
Habilidades comunicativas
Ivan Arias
 
Imagenes
ImagenesImagenes
Imagenes
Ivan Arias
 
Navegadores
NavegadoresNavegadores
Navegadores
Ivan Arias
 
Arias
AriasArias
Arias
Ivan Arias
 
Colegio nacional nicolas esguerra COMO ABRIR UNA BASE DE DATOS
Colegio nacional nicolas esguerra COMO ABRIR UNA BASE DE DATOSColegio nacional nicolas esguerra COMO ABRIR UNA BASE DE DATOS
Colegio nacional nicolas esguerra COMO ABRIR UNA BASE DE DATOS
Ivan Arias
 
Colegio nicoas esguerra inormes
Colegio nicoas esguerra inormesColegio nicoas esguerra inormes
Colegio nicoas esguerra inormes
Ivan Arias
 
Espectro visible trabajo
Espectro visible trabajoEspectro visible trabajo
Espectro visible trabajo
Ivan Arias
 
Espectro visible trabajo
Espectro visible trabajoEspectro visible trabajo
Espectro visible trabajo
Ivan Arias
 

Más de Ivan Arias (13)

Habilidades comunicativas
Habilidades comunicativasHabilidades comunicativas
Habilidades comunicativas
 
Habilidades comunicativas
Habilidades comunicativasHabilidades comunicativas
Habilidades comunicativas
 
Imagenes
ImagenesImagenes
Imagenes
 
Navegadores
NavegadoresNavegadores
Navegadores
 
123456
123456123456
123456
 
Arias
AriasArias
Arias
 
Clinica
ClinicaClinica
Clinica
 
Concesionario
ConcesionarioConcesionario
Concesionario
 
Colegio nacional nicolas esguerra COMO ABRIR UNA BASE DE DATOS
Colegio nacional nicolas esguerra COMO ABRIR UNA BASE DE DATOSColegio nacional nicolas esguerra COMO ABRIR UNA BASE DE DATOS
Colegio nacional nicolas esguerra COMO ABRIR UNA BASE DE DATOS
 
Colegio nicoas esguerra inormes
Colegio nicoas esguerra inormesColegio nicoas esguerra inormes
Colegio nicoas esguerra inormes
 
Espectro visible trabajo
Espectro visible trabajoEspectro visible trabajo
Espectro visible trabajo
 
Espectro visible trabajo
Espectro visible trabajoEspectro visible trabajo
Espectro visible trabajo
 
Clave 4962
Clave 4962Clave 4962
Clave 4962
 

Html

  • 1. COEGIO NACIONAL NICOLAS ESGUERRA WILFER YAIR ALMANZA ARIAS HURTADO CRISTIAN INFORMATICA ¿QUE ES HTML? 24/09/12 BOGOTA DC
  • 2. ¿QUE ES HTML? Todas las páginas web escritas en HTML tienen que tener la extensión HTML o htm. Al mismo tiempo, tienen que tener las etiquetas <HTML> y </HTML>. Entre las etiquetas <HTML> y </HTML> estará comprendido el resto del código HTML de la página. Por ejemplo: <HTML> ... </HTML> ¿CABECERA DE PAGINA HEAD? La cabecera de la página se utiliza para agrupar información sobre ella, como puede ser el título. Está formada por las etiquetas <head> y </head>. La etiqueta <head> va justo debajo de la etiqueta <HTML>. Por ejemplo: <HTML> <head> ... </head> ... </HTML> Entre las etiquetas <head> y </head>, las etiquetas que podemos encontrar y más se utilizan son: <link>, <style>, <script> (estas etiquetas las veremos más adelante), <meta> ¿TITULO DE LA PAGINA? El título de la página es el que aparecerá en la parte superior de la ventana del navegador, cuando la página esté cargada en él. Para asignar un título a una página es necesario escribir el texto deseado entre las etiquetas <title> y </title>. Estas etiquetas han de estar dentro de la cabecera, es decir, entre las etiquetas <head> y </head>. Por ejemplo:
  • 3. <html> <head> <title> Curso de HTML </title> </head> ... </html> ¿CUERPO DEL DOCUMENTO? El cuerpo del documento contiene la información propia del documento, es decir lo que queremos que se visualice, el texto de la página, las imágenes, los formularios, etc. Todos estos elementos tienen que encontrarse entre las etiquetas<body> y </body>, que van justo debajo de la cabecera. Por ejemplo: <html> <head> <title> Curso de HTML </title> </head> <body> ... </body> </html> A través de la etiqueta <body> es posible establecer el color o la imagen de fondo de la página. El color de fondo puede establecerse a través del atributo bgcolor, al que es posible asignarle un color representado en hexadecimal o por un nombre predefinido. Por ejemplo, para hacer que el color de fondo de una página sea de color azul, tendremos que escribir: ... <bodybgcolor="#0000FF"> ... </body>
  • 4. </html> Sería equivalente a poner: ... <bodybgcolor="blue"> ... </body> </html> La imagen de fondo puede establecerse a través del atributo background, indicando la ruta en la que se encuentra la imagen. Por ejemplo, para hacer que la imagen de fondo de una página sea la imagen fondo.gif, que se encuentra en el mismo directorio en el que se encuentra guardada la página, tendremos que escribir: ... <bodybackground="fondo.gif"> ... </body> </html> En el caso de que la imagen no se encuentre en el mismo directorio que la página, y se encuentre dentro de la carpeta imagenes, que sí se encuentra en el mismo directorio que la página, tendremos que escribir: ... <bodybackground="imagenes/fondo.gif"> ... </body> </html>