COLEGIO

PEDRO OCTAVIO AMADO

INVESTIGACION:
HTML Y CSS

ELABORADO POR:
CARLOS ANDRES RODRIGUEZ

MATERIA:
TECNOLOGIA

GRUPO:
10-2

PROFESOR:
SERGIO LUIS
 Tabla de contenidos
1. ¿Qué significan las tres www?
2. ¿Qué es HTML y CSS?
3. ¿Qué es java?
4. ¿que son etiquetas en HTML, que clases de etiquetas existen y dar ejemplos?
5. ¿Que son los elementos vacios, no vacios en HTML y que estructura tienen?

INTRODUCCION
La investigación que presentara este trabajo es sobre HTML y CSS, este trabajo
se hace con la intención de conocer a más a profundidad sobre lo que trata el
programa de HTML y CSS y dar a conocer a mis demás compañeros la
importancia y la utilidad que tienen estos programas finalmente se concluirá sobre
el trabajo realizado.

OBJECTIVOS
1. Conocer la utilidad de HTML y css.
2. aprender para que son y para qué sirven la etiquetas de HTML
3. aclarar dudas sobre estos programas
4. estudiar los diferentes programas para ampliar mi conocimiento

MARCO TEORICO

Qué significan las tres www?

Www son las iniciales que identifican a la expresión inglesa World Wide Web, el
sistema de documentos de hipertexto que se encuentran enlazados entre sí y a los
que se accede por medio de Internet. A través de un software conocido como
navegador, los usuarios pueden visualizar diversos sitios web (los cuales
contienen texto, imágenes, videos y otros contenidos multimedia) y navegar a
través de ellos mediante los hipervínculos.
Cómo surgió?
La web fue creada en 1989 en un instituto de investigación de Suiza, la web se
basa en buscadores y el protocolo de transporte de hipertexto (hipertexto
transporte protocolo. La mayoría de los documentos de la web se crean utilizando
lenguaje HTML (hipertexto markup lenguaje).
Es importante saber que web o www no son sinónimo de Internet, la web es un
subconjunto de Internet que consiste en páginas a las que se puede acceder
usando un navegador. Internet es la red de redes donde reside toda la
información. Tanto el correo electrónico, como FTPs, juegos, etc. son parte de
Internet, pero no de la Web.
Para buscar hipertexto se utilizan programas llamados buscadores web que
recuperan trozos de información (llamados documentos o páginas web) de
los servidores web y muestran en la pantalla del ordenador de la persona que está
buscando la información gráfica, textual o video e incluso audio.
Después se pueden seguir enlaces o hyperlinks en cada página a otros documentos
o incluso devolver información al sevidores para interactuar con él. Al acto de
seguir un enlace tras otro a veces se le llama navegar en Internet.

Que es HTML y CSS?

HTML es el lenguaje que se emplea para el desarrollo de páginas de internet. Está

compuesto por una serié de etiquetas que el navegador interpreta y da forma en la
pantalla. HTML dispone de etiquetas para imágenes, hipervínculos que nos
permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc.

Podríamos decir que HTML sirve para crear páginas web, darles estructura y
contenido.

HTML nació públicamente en un documento llamado HTML Tags (Etiquetas

HTML), publicado por primera vez en Internet por Tim Berners-Lee en 1991. En
esta publicación se describen 22 etiquetas que mostraban un diseño inicial y
relativamente simple de HTML. Varios de estos elementos se conservan en la
actualidad. Otros se han dejado de usar, y muchos otros se han ido añadiendo con
el paso de los años. De esta manera, podemos hablar de que han existido
distintas versiones de HTML a lo largo de la historia de internet. Nosotros vamos a
trabajar con el HTML estándar actual, que es el utilizado por los navegadores y
páginas web de hoy en día. Sin embargo, no vamos a prestarle atención a las
versiones y especificidades de cada versión, ya que el objetivo de este curso es
aprender los fundamentos de HTML y entender cómo funciona, no conocer la
sintaxis o especificidades de una versión concreta. ¿Por qué no le damos
importancia a la versión? Porque una persona que cuenta con los fundamentos y
comprensión básica sobre el lenguaje es capaz de adaptarse a las características
particulares de una versión sin problema. En cambio, centrarse en los detalles de
una versión sin conocer los fundamentos hará que no tengamos capacidad para
comprender lo que hacemos ni para adaptarnos a los continuos cambios que
tienen lugar en el ámbito de los desarrollos web.
CSS

CSS es un lenguaje de hojas de estilos creado para controlar el aspecto o

presentación de los documentos electrónicos definidos con HTML y XHTML. CSS
es la mejor forma de separar los contenidos y su presentación y es imprescindible
para crear páginas web complejas.

Separar la definición de los contenidos y la definición de su aspecto presenta

numerosas ventajas, ya que obliga a crear documentos HTML/XHTML bien
definidos y con significado completo (también llamados "documentos
semánticos"). Además, mejora la accesibilidad del documento, reduce la
complejidad de su mantenimiento y permite visualizar el mismo documento en
infinidad de dispositivos diferentes.

Al crear una página web, se utiliza en primer lugar el lenguaje HTML/XHTML

para marcar los contenidos, es decir, para designar la función de cada elemento
dentro de la página: párrafo, titular, texto destacado, tabla, lista de elementos, etc.

Una vez creados los contenidos, se utiliza el lenguaje CSS para definir el aspecto
de cada elemento: color, tamaño y tipo de letra del texto, separación horizontal y
vertical entre elementos, posición de cada elemento dentro de la página, etc.

Que es java?

Java es un lenguaje de programación y una plataforma informática comercializada

por primera vez en 1995 por Sun Microsystems. Hay muchas aplicaciones y sitios
web que no funcionarán a menos que tenga Java instalado y cada día se crean
más.

Que es etiquetas en HTML?

El lenguaje HTML es un lenguaje de marcas, estas marcas serán fragmentos de

texto destacado de una forma especial que permiten la definición de las distintas
instrucciones de HTML, tanto los efectos a aplicar sobre el texto como las distintas
estructuras del lenguaje. A estas marcas las denominaremos etiquetas y serán la
base principal del lenguaje HTML. En documento HTML será un fichero texto con
etiquetas que variarán la forma de su presentación.
Etiquetas HTML?
* <HTML>: indica el comienzo del documento HTML.
* <HEAD>: indica que empieza la cabecera de la página. En ella se suele poner el título
(<title> de la web, una descripción y otras informaciones relacionadas con el contenido de
la página.

* <BODY>: es el cuerpo de la página, donde va lo que se ve en el navegador al cargar

una web. En el body van los textos, las imágenes y todos los contenidos de la web.

* <H1>, <H2>, etc.: son los títulos o encabezados. Se utilizan para establecer
determinados textos de la página como titulares, suelen tener un tamaño de fuente mayor
para diferenciarlos del resto del texto. Son importantes en el posicionamiento en
buscadores.

* <A>: define los enlaces.

* <TABLE>: es una tabla, y dentro de esta tenemos filas <TR> y celdas <TD>.

* <P>: el texto dentro de esta etiqueta forma un párrafo.

* <IMG>: imágenes.

* <BR />: salto de línea.

* <UL>: los textos dentro de esta etiqueta se estructuran en listas. Mediante el uso de
<LI> definimos cada guion dentro de la lista, y usando <OL> en lugar de <UL> tendremos
listas ordenadas.

* <B> y <STRONG>: se utilizan para resaltar el texto.

* <U>: texto subrayado.

* <I>: texto en cursiva.

Que son los elementos v

Que son los elementos vacios y no vacios en HTML?

Estos elementos no requieren de la marca final, ya que normalmente no producen
un efecto sobre el texto en sí, sino que definen separadores.
Por ejemplo el elemento <HR> que sirve para mostrar una línea horizontal en la
pantalla, se escribirá:
<HR>.
NO VACIOS?

 En HTML no está permitido más de un elemento blanco (espacios, tabuladores,

saltos de línea) separando cualquier elemento o texto, todos estos son convertidos
a un único espacio blanco y el resto se omiten en la representación del
documento. En el documento fuente podremos usar el espaciado que deseemos, y
no deberá estar bien formateado, este se conseguirá con las etiquetas HTML.

Conclusión
Nos pudimos dar cuenta cómo funciona el programa de HTML, cuáles son sus
partes y cuál es su estructura y nos pareció algo muy interesante.

Bibliografía
https://www.arkaitzgarro.com/xhtml/capitulo-3.html
http://www.smfsimple.com/index.php?topic=9112.0
http://www2.uca.es/manual-html/etiquet.htm