Estructura de Una Pagina Web en HTML

ESTRUCTURA DE UNA PAGINA WEB EN HTML
MARIA ALEJANDRA VANEGAS HEREDIA
INSTITUCION EDUCATIVA SIMON BOLIVAR
ARAUCA
INFORMATICA
i
Dedicatoria
Dedico este trabajo al profesor ya que con su conocimiento nos ayuda a aprender
sobre las normas apa para hacer un trabajo bien hecho, como debe ser y presentarlo de
una mejor forma
ii
Agradecimientos
Agradezco al profesor y compaeros que me han explicado este tema para aprender ms
sobre estas normas que me ayudaran ms adelante y que son de grande importancia
iii
Abstract
Una estructura HTML se empieza con la etiqueta <html> y acaba con </html>. Todo lo
que est en medio ser la pgina web. Dentro de <html></html> se encuentran 2 partes
diferenciadas. La primera <head></head> es la cabecera de la pgina. Aqu irn cierta
informacin que no es directamente el contenido de la pgina. Aqu se pone el ttulo de
la pgina, los metadatos, estilos, cdigo javascript (todo esto se estudiar en captulos
venideros). La primera que se suele estudiar es <title></title>, que indica el ttulo de la
pgina (lo que el navegador pone en la parte superior izquierda).
iv
Contenido
Contenido ................................................................................................................................. v
CAPITULO 1............................................................................................................................... 1
1.Estructura de una pgina web en html. .................................................................................. 1
1.1 Qu es HTML? ............................................................................................................... 1
1.2 Para qu sirve HTML? .................................................................................................... 1
1.3 Qu son las etiquetas HTML? ......................................................................................... 2
1.4 Qu es un documento HTML? ........................................................................................ 2
CAPITULO 2 ........................................................................................................................... 3
2.1 Tipos de pgina web......................................................................................................... 3
2.2 Elementos principales de una pgina web ....................................................................... 4
2.3 Qu se necesita para crear un sitio web? ....................................................................... 4
1.4 Para qu sirve una pgina web? ............................................................................... 5
Referencias ............................................................................................................................... 6
v
1
CAPITULO 1
1.Estructura de una pgina web en html.
Una estructura HTML se empieza con la etiqueta <HTML> y acaba con
</HTML>. Todo lo que est en medio ser la pgina web. Dentro de
<HTML></HTML> se encuentran 2 partes diferenciadas. La primera <head></head>
es la cabecera de la pgina. Aqu ir cierta informacin que no es directamente el
contenido de la pgina. Aqu se pone el ttulo de la pgina, los metadatos, estilos,
cdigo JavaScript (todo esto se estudiar en captulos venideros). La primera que se
suele estudiar es <title></title>, que indica el ttulo de la pgina (lo que el navegador
pone en la parte superior izquierda). (www.hazunaweb.com)
1.1 Qu es HTML?
HTML es un lenguaje de programacin que se utiliza para el desarrollo de pginas de
Internet. Se trata de las siglas que corresponden a HyperText Markup Language, es
decir, Lenguaje de Marcas de Hipertexto. (codigofacilito.com)
1.2 Para qu sirve HTML?
Bsicamente el lenguaje HTML sirve para describir la estructura bsica de una pgina y
organizar la forma en que se mostrar su contenido, adems de que HTML permite
incluir enlaces (links) hacia otras pginas o documentos. (www.acercadehtml.com)

2
1.3 Qu son las etiquetas HTML?
Las etiquetas HTML son fragmentos de texto rodeados por corchetes angulares < >, que
se utilizan para escribir cdigo HTML, en HTML existen etiquetas de apertura y
etiquetas de cierre, tienen la forma: <etiqueta> </etiqueta>. Donde <etiqueta> es la
etiqueta de apertura y </etiqueta> es la etiqueta de cierre indicada por la diagonal.
HTML tiene definidas gran variedad de etiquetas para distintos usos.
(www.acercadehtml.com, http://www.acercadehtml.com)
1.4 Qu es un documento HTML?
Para desarrollar una pgina web en HTML es necesario crear un documento HTML.
Bsicamente un documento HTML es un archivo de texto que tienen la extensin .html
o .htm, en este documento se escriben todo el texto y las etiquetas HTML necesarias
para la creacin de una pgina, al texto escrito en el documento HTML se le llama
cdigo HTML. Un documento HTML se puede generar con cualquier editor de textos
simple como el bloc de notas de Windows o Gedit de Linux. (www.acercadehtml.com,
http://www.acercadehtml.com)
3
CAPITULO 2
1. PAGINAS WEB
Empezando por su definicin, consideramos una pgina web a un documento
disponible en Internet, o World Wide Web (www), codificado segn sus estndares y con
un lenguaje especfico conocido como HTML. Es algo a lo que estamos acostumbrados a
acceder si leemos este artculo, pero no todos conocen realmente su funcionamiento.
A estos sitios se puede llegar a travs de los navegadores de Internet, que reciben la
informacin del documento interpretando su cdigo y entregando al usuario la
informacin de manera visual.
Estos suelen ofrecer textos, imgenes y enlaces a otros sitios, as como animaciones,
sonidos u otros.
Una pgina web necesita un lugar donde alojarse para que cuando el usuario solicite la
informacin desde su navegador, la informacin que esta contiene se cargue y aparezca en
el ordenador. Es por ello que los sitios web se encuentran en un servidor web o host, que
podra definirse a grandes rasgos como un gran ordenador que entrega el contenido
cuando se solicita por la red. Este mismo servicio de almacenamiento se conoce como
hosting. (www.aboutespanol.com)
2.1 Tipos de pgina web
Bsicamente existen dos tipos de pginas web: estticas y dinmicas. Las estticas forman
parte de pocas anteriores, puesto que son de contenido fijo y no son aptas a
actualizaciones constantes. En el caso de las dinmicas, pueden ser construidas en HTML
o en otra extensin, como por ejemplo PHP. En este ltimo caso se permite la interaccin
4
en tiempo real, apto para algunas pginas web con estas necesidades especficas, como
pueden ser los foros. (www.aboutespanol.com, https://www.aboutespanol.com)
2.2 Elementos principales de una pgina web
Los elementos principales en una pgina web son:
Texto: a veces redactado por un nico autor y otras veces por los usuarios de la
misma en el caso de algunas pginas dinmicas con lenguaje como php.
Imgenes: gif, jpg y png son los tres formatos que suelen utilizarse normalmente.
Audio y vdeo: suele utilizar las extensiones midi, wav o mp3. Tambin se utilizan
las incrustaciones de archivos almacenados en otros sitios, como por ejemplo se
hace al aadir vdeos de YouTube.
Otros: existen adems otros elementos que han ido aumentando y evolucionando
tambin con el paso de los aos y las nuevas tecnologas. Estos son Adobe Flash,
Adobe Shockwave, Java o enlaces (tambin llamados hipervnculos), por ejemplo.
(www.aboutespanol.com, https://www.aboutespanol.com)
2.3 Qu se necesita para crear un sitio web?
Para crear un sitio web se necesita un editor de html o texto. Algunos editores conocidos
para esta funcin son Microsoft Frontpage y Dreamweaver, parecidos a Microsoft Word
en su uso pero con su funcin especfica.
Por otro lado, existen proveedores que permiten crear pginas sencillas, como es el caso
de Wordpress con la creacin de blogs y tambin de pginas web en funcin de la
plantilla que se utilice. Este es un recurso gratuito y sencillo para cualquier usuario.
5
En segundo lugar se necesita un cliente FTP que permita cargar la informacin a un
servidor (en el caso de Wordpress o Blogger no es necesario puesto que es posible alojar
la pgina en sus propios servidores). Los ms usados son SmartFTP, aunque es de pago, y
los gratuitos Filezilla y OpenSource.
Y por ltimo, para acceder a estas pginas web, se necesitan los navegadores. Entre los
ms utilizados se encuentra Firefox, Safari o Internet Explorer. Este ltimo viene por
defecto instalado en los equipos con sistema operativo Microsoft, al igual que ocurre con
Safari y los dispositivos de Apple. (www.aboutespanol.com,
https://www.aboutespanol.com)
1.4 Para qu sirve una pgina web?
Una pgina web es un documento creado en formato HTML, el cual puede
contener, textos, imgenes, sonido y video. Entre su contenido, el cual puede ser visto
por otros usuarios, a travs de la Word Wide Web, (Internet).las pginas web,
son documentos en cdigo HTML, los cuales se pueden visualizar a travs del monitor
de la computadora, para ver y obtener la informacin contenida en ellas, y adems, la
informacin a la que se puede accesar, a travs de ellas, por medio de los links o
hipervnculos, los cuales dan acceso a la informacin del contenido de la pgina, y de
otras pginas del mismo sitio web, o de otros sitios relacionados con algn tema en
concreto. O para acceder a alguna descarga de algn contenido en particular, como
podra ser, un archivo de texto, imgenes, audio, vdeos u otro tipo de archivo contenido
en una base de datos. (paraquesirven.com)

6
Referencias
codigofacilito.com. (s.f.). https://codigofacilito.com. Recuperado el 30 de agosto de 2017, de
https://codigofacilito.com.
paraquesirven.com. (s.f.). http://paraquesirven.com. Recuperado el 30 de agosto de 2017, de

http://paraquesirven.com.
www.aboutespanol.com. (s.f.). https://www.aboutespanol.com. Recuperado el 30 de agosto

de 2017, de https://www.aboutespanol.com.



www.acercadehtml.com. (s.f.). http://www.acercadehtml.com. Recuperado el 30 de agosto de

2017, de http://www.acercadehtml.com.



www.hazunaweb.com. (s.f.). www.hazunaweb.com. Recuperado el 30 de AGOSTO de 2017, de

https://www.hazunaweb.com/curso-de-html/estructura-basica-una-pagina-web/

Estructura de Una Pagina Web en HTML

Caricato da

Informazioni sul documento

Titolo originale

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

Estructura de Una Pagina Web en HTML

Caricato da

Copyright:

Formati disponibili

ESTRUCTURA DE UNA PAGINA WEB EN HTML

MARIA ALEJANDRA VANEGAS HEREDIA

INSTITUCION EDUCATIVA SIMON BOLIVAR

una mejor forma

diferenciadas. La primera <head></head> es la cabecera de la pgina. Aqu irn cierta

informacin que no es directamente el contenido de la pgina. Aqu se pone el ttulo de

venideros). La primera que se suele estudiar es <title></title>, que indica el ttulo de la

pgina (lo que el navegador pone en la parte superior izquierda).

1.Estructura de una pgina web en html.

Una estructura HTML se empieza con la etiqueta <HTML> y acaba con

</HTML>. Todo lo que est en medio ser la pgina web. Dentro de

<HTML></HTML> se encuentran 2 partes diferenciadas. La primera <head></head>

es la cabecera de la pgina. Aqu ir cierta informacin que no es directamente el

contenido de la pgina. Aqu se pone el ttulo de la pgina, los metadatos, estilos,

cdigo JavaScript (todo esto se estudiar en captulos venideros). La primera que se

pone en la parte superior izquierda). (www.hazunaweb.com)

HTML es un lenguaje de programacin que se utiliza para el desarrollo de pginas de

Internet. Se trata de las siglas que corresponden a HyperText Markup Language, es

decir, Lenguaje de Marcas de Hipertexto. (codigofacilito.com)

1.2 Para qu sirve HTML?

organizar la forma en que se mostrar su contenido, adems de que HTML permite

incluir enlaces (links) hacia otras pginas o documentos. (www.acercadehtml.com)

1.3 Qu son las etiquetas HTML?

se utilizan para escribir cdigo HTML, en HTML existen etiquetas de apertura y

etiquetas de cierre, tienen la forma: <etiqueta> </etiqueta>. Donde <etiqueta> es la

etiqueta de apertura y </etiqueta> es la etiqueta de cierre indicada por la diagonal.

HTML tiene definidas gran variedad de etiquetas para distintos usos.

1.4 Qu es un documento HTML?

Bsicamente un documento HTML es un archivo de texto que tienen la extensin .html

para la creacin de una pgina, al texto escrito en el documento HTML se le llama

simple como el bloc de notas de Windows o Gedit de Linux. (www.acercadehtml.com,

Empezando por su definicin, consideramos una pgina web a un documento

un lenguaje especfico conocido como HTML. Es algo a lo que estamos acostumbrados a

acceder si leemos este artculo, pero no todos conocen realmente su funcionamiento.

informacin del documento interpretando su cdigo y entregando al usuario la

informacin de manera visual.

informacin desde su navegador, la informacin que esta contiene se cargue y aparezca en

2.1 Tipos de pgina web

actualizaciones constantes. En el caso de las dinmicas, pueden ser construidas en HTML

pueden ser los foros. (www.aboutespanol.com, https://www.aboutespanol.com)

2.2 Elementos principales de una pgina web

Los elementos principales en una pgina web son:

misma en el caso de algunas pginas dinmicas con lenguaje como php.

las incrustaciones de archivos almacenados en otros sitios, como por ejemplo se

hace al aadir vdeos de YouTube.

Adobe Shockwave, Java o enlaces (tambin llamados hipervnculos), por ejemplo.

2.3 Qu se necesita para crear un sitio web?

en su uso pero con su funcin especfica.

de Wordpress con la creacin de blogs y tambin de pginas web en funcin de la

En segundo lugar se necesita un cliente FTP que permita cargar la informacin a un

los gratuitos Filezilla y OpenSource.

Safari y los dispositivos de Apple. (www.aboutespanol.com,

1.4 Para qu sirve una pgina web?

Una pgina web es un documento creado en formato HTML, el cual puede

de la computadora, para ver y obtener la informacin contenida en ellas, y adems, la

hipervnculos, los cuales dan acceso a la informacin del contenido de la pgina, y de

concreto. O para acceder a alguna descarga de algn contenido en particular, como

en una base de datos. (paraquesirven.com)

paraquesirven.com. (s.f.). http://paraquesirven.com. Recuperado el 30 de agosto de 2017, de

www.aboutespanol.com. (s.f.). https://www.aboutespanol.com. Recuperado el 30 de agosto

www.aboutespanol.com. (s.f.). https://www.aboutespanol.com. Recuperado el 30 de agosto

www.aboutespanol.com. (s.f.). https://www.aboutespanol.com. Recuperado el 30 de agosto

www.aboutespanol.com. (s.f.). https://www.aboutespanol.com. Recuperado el 30 de agosto