Paginas web

1. Html
María teresa morelos
Isabel cristina zabala
Gonzalo Restrepo Jaramillo
Ingeniera en sistemas

2. Medellín- Antioquia
2016
HTML
HTML, sigla en inglés de HyperText Markup Language (lenguaje de marcas de hipertexto),
hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un
estándar que sirve de referencia del software que conecta con la elaboración de páginas
web en sus diferentes versiones, define una estructura básica y un código (denominado
código HTML) para la definición de contenido de una página web, como texto, imágenes,
videos, juegos, entre otros. Es un estándar a cargo delWorld Wide Web Consortium (W3C)
o Consorcio WWW, organización dedicada a la estandarización de casi todas las
tecnologías ligadas a la web, sobre todo en lo referente a su escritura e interpretación. Se
considera el lenguaje web más importante siendo su invención crucial en la aparición,
desarrollo y expansión de la World Wide Web (WWW). Es el estándar que se ha impuesto
en la visualización de páginas web y es el que todos los navegadores actuales han
adoptado.
PROGRAMAS USADOS PARA PROGRAMAR HTML
- BLOC DE NOTAS
Bloc de notas (en inglés notepad) es un editor de texto simple incluido en los sistemas
operativos de Microsoft desde 1985. Su funcionalidad es muy simple. Algunas
características propias son:
 Inserción de hora y fecha actual pulsando F5, en formato "HH:MM
DD/MM/AA".
 Inserción de hora y fecha actual si el documento comienza por ".LOG".
 Ajuste de línea.
 Posibilidad de exportar a cualquier formato de texto no formateado (muy útil
como recurso de emergencia para programar)

3. - NAVEGADORES
Lo primero que debemos tener, si queremos construir una página web, es la forma
de visualizar el trabajo que vamos haciendo. Para ello debemos tener en nuestro
ordenador varios navegadores, con los cuales veremos nuestros resultados.
Los navegadores son las aplicaciones que nos permiten visualizar páginas web. Son
programas que si no los tienes en el ordenador pueden instalarse fácilmente. todos ellos
son gratuitos.
No todos los navegadores muestran las páginas exactamente igual, por lo que
deberemos tener instalados varios de ellos, para poder comparar resultados.
Los principales navegadores que debemos tener en nuestro ordenador son:
 Internet Explorer: de Microsoft. Viene incluido con el Sistema Operativo Windows,
de ahí que sea el más usado.
Conocido también como IE, es el navegador más usado (Entre el 35% y el 55% de
usuarios). Creado por Microsoft, se instala junto con el sistema operativo Windows.
Actualmente va por la versión 10 (IE 10), disponible sólo para Windows Vista, Windows
Server o Windows 7. Las versiones anteriores del Sistema Operativo Windows (Windows
XP o anteriores) no soportan esta última versión, por lo que utilizan la versión 8 (IE 8).
 Mozilla Firefox: De la fundación Mozilla. El segundo más usado, y el preferido por
los que se dedican al diseño web, por la cantidad de complementos que puede
tener.
O simplemente Firefox, Es segundo navegador más usado, entre el 20% y el 26% de
usuarios; aunque esta cuota en países europeos aumenta, (por ejemplo en Alemania hasta
un 50%). Es de los que mejor se adaptan a los estándares web.
Creado por la Fundación Mozilla, se puede decir que es la continuación del antiguo
navegador Netscape. Actualmente va por la versión 11 (marzo 2012), aunque cuando leas
estas líneas es probable que haya sacado una nueva versión, ya que renueva sus versiones
con bastante rapidez.
Posee una serie de complementos que pueden descargarse, que hacen que sea el
preferido por los diseñadores de páginas web, ya que algunos de estos complementos son
una ayuda muy útil para comprobar el diseño de la página.

4. Safari : De Apple, aunque no es muy usado hay que tenerlo en cuenta pues una gran
cantidad de internautas lo usa.
Es el navegador de la compañía Apple Inc. y viene incluido en los ordenadores tipo Mac,
aunque también puede descargarse para el sistema operativo Windows.
Con una cuota del 5% de usuarios, Safari es usado cada vez por más internautas como el
navegador habitual. Desde el año 2003 en que apareció la primera versión, se ha ido
renovando cada cierto tiempo. Actualmente va por la versión 5.
 Chrome : de Google. Es el más nuevo de los principales navegadores que aquí
mostramos. Desde que salió está teniendo mucha aceptación, y cada vez son más
los internautas que lo usan habitualmente.
o también Google Chrome, Es el navegador de la compañia Google, es el tercer navegador
más usado por los internautas, con una cuota de entre el 16% y el 28%, siendo más
popular en paises de América del Sur. Chrome es usado cada vez más de manera habitual
por más internautas, y a pesar de que no lleva mucho tiempo en el mercado ya ha
conseguido ser uno de los principales navegadores.
Su diseño simple y su rapidez han hecho que en poco tiempo se haya convertido en
un navegador usado por gran cantidad de usuarios.

5.  Opera: Navegador creado por la empresa Opera Software, ha tenido siempre
bastante aceptación entre los internautas. Últimamente se incluye en muchos
teléfonos móviles su versión Opera Móvil
CoffeCup Free Editor
Un editor multiplataforma (Windows, Mac) y gratuito con soporte para multitud de
características: ayuda contextual a la escritura de código, vista previa del resultado a
medida que escribimos, etc.. La versión gratuita se ve recortada frente a la de pago, pero
aún así es una buena opción también.

6. TextWrangler
Editor gratuito para Mac especializado en escritura de código HTML, CSS y JavaScript. Se
asemeja mucho a Notepad++ o a Sublime (ver más abajo en el ranking), pero es más
limitado. Es uno de los más conocidos y utilizados en Mac.

7. TextMate
Editor especializado de código para Mac. Es similar a Notepad++ y a Sublime. Al igual que el anterior es
muy utilizado por programadores en el sistema de la manzana.
Comandos Básicos
 < HTML > ... < /HTML > : Indica el comienzo y fin de un archivo HTML
 < HEAD > ... < /HEAD > : Indica el comienzo y fin de un encabezado (aquí se coloca
generalmente el título).
 < TITLE > ... < /TITLE > : Indica el título.
 < BODY > ... < /BODY > : Indica el comienzo y fin del cuerpo de la página.
 < P > ... < /P > : Indica comienzo y fin de un párrafo.
 < BR > : Permite saltarse una línea (se llama quiebre de línea).
 < Hn > ... < Hn > : Para n entre 1 y 6, hacen que el texto encerrado aparezca como
encabezado (un subtítulo). Se recomienda usar sólo 1,2 y 3.
 Tipos de letras:
o < B > ... < /B > : Negrita.
o < L > ... < /L > : Cursiva.
o < BLINK > ... < /BLINK > : Parpadeante.
o < STRONG > ... < /STRONG > : Enfatizada.
 < UL > ... < /UL > : Indica comienzo y fin de una lista no ordenada (puntos). Dentro
de ellos, cada item empieza por < LI > y termina al terminar la línea.

8.  < OL > ... < /OL > : Indica comienzo y fin de una lista ordenada (números). Dentro
de ellos, cada item empieza por < LI > y termina al terminar la línea.
Ejemplo:
 < OL >
 < LI > Primer item
 < LI > Segundo item
 < UL >
 < LI > Primer subitem
 < LI > Segundo subitem
 < /UL >
 < LI > Tercer item
 < /OL >
Y esto se ve
1. Primer item
2. Segundo item
 Primer subitem
 Segundo subitem
3. Tercer item
Siguiente!