HTML es el lenguaje estándar para crear páginas web. Define la estructura básica y código para el contenido como texto, imágenes y videos. Los programas más usados para crear páginas web son Bloc de Notas y navegadores como Internet Explorer, Firefox, Safari, Chrome y Opera.
1. HTML
HTML, sigla en inglés de HyperText Markup Language (lenguaje de marcas de
hipertexto), hace referencia al lenguaje de mercado 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 del World 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.
2. PROGRAMAS USADOSPARA 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)
- 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.
3. 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ñía 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 países 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 Movil.
Creado por la empresa noruega Opera Software
destaca por ser pionero en incorporar muchas de las
características que tienen hoy en día otros
navegadores (navegación privada, navegación
segura, el zoom, la búsqueda integrada, etc).
Aunque su cuota a nivel mundial está en torno al
1%, es más popular en países como Rusia, Ucrania
y Polonia, donde su cuota asciende en torno al 10%
- 18%.
Últimamente el navegador Opera está teniendo más éxito en otro tipo de
plataformas, como teléfonos móviles (con Opera mini), smartphones y
PDAs (Opera Mobile), y versiones para consolas como Nintendo DS,
Nintendo DSi y Wii.
COMANDOS HTML
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:
○ < B > ... < /B > : Negrita.
○ < L > ... < /L > : Cursiva.
○ < BLINK > ... < /BLINK > : Parpadeante.
○ < STRONG > ... < /STRONG > : Enfatizada.
6. ● < 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.
● < 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 >
colores en ingles
rojo - red
verde - green
naranja - orange
amarillo - yellow
azul - blue
blanco - white
gris - grey
rosa - pink
café - brown
negro - black
violeta - violet
7. morado - purple
dorado - golden
plata - silver
turquesa - turquoise
tipos de letra
- arial
- bree serif
- impact
- roboto
- calibri
- georgia
- lobster
- alegreya
- cambria
- merriweather
- pacífico
- proxima nova
- roboto mono
- comic sans MS
- verdana
- ultra
- arimo