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.
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.
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.
■ 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.
- 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.
● < 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
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
Html sirleycoloradoydianyfernandarengifo

Más contenido relacionado

DOCX
Html maria teresa morelos isabel cristina zabala
DOCX
Maria teresa morelos (3)
PDF
Procesador de texto microsoft
PPTX
Pasar a español el Foxit Reader
PPTX
trabajo de CAT
PPTX
Prosesadores de texto word 7
Html maria teresa morelos isabel cristina zabala
Maria teresa morelos (3)
Procesador de texto microsoft
Pasar a español el Foxit Reader
trabajo de CAT
Prosesadores de texto word 7

La actualidad más candente (13)

PPTX
Materia de computacion
PDF
Marianapalacio katerinemarin
PPTX
WORDPAD
PPT
Como instalar Foxit Reader y pasarlo a español
PPTX
Procesador de textos
PDF
1.introducción a internet y html5
DOCX
L02_05 Trabajando con encabezado y pies de página
DOCX
Manejo word
DOCX
Colegio nicolas esguerra222
DOCX
MI COMPETENCIA 1
PPT
Microsoft office word
PPTX
Grupo 2 official
PPTX
MOZILLA FIREFOX
Materia de computacion
Marianapalacio katerinemarin
WORDPAD
Como instalar Foxit Reader y pasarlo a español
Procesador de textos
1.introducción a internet y html5
L02_05 Trabajando con encabezado y pies de página
Manejo word
Colegio nicolas esguerra222
MI COMPETENCIA 1
Microsoft office word
Grupo 2 official
MOZILLA FIREFOX
Publicidad

Destacado (20)

PDF
South Island Prosperity Project
PPTX
El impacto de las tics en nuestro entorno
DOCX
Matematicas .. estas ahi. mejorada
PPTX
Mis trabajos macromedia flash
DOCX
Numero áureo y serie de fibonacci FLOREZ GOMEZ
PPTX
Mis trabajos macromedia alyson o
PPTX
Mis trabajos macromedia flash
DOCX
Diablo 1 (2)SALOMON
PPTX
PowerShell Best Practices and Resources
DOCX
Diablo de los numeros 1 andre ja JARQUIN
PPTX
Política Monetaria - ESTADÍSTICA
DOCX
Número aureo.3.12 (2) RAMIREZ MORA
DOCX
Manual de usuario melissa montes
DOC
Tarea gero mellado
DOCX
Escuela secundaria. avila
DOCX
Taller html diany rengifo
DOCX
Número aureo.3.12 (8) ZUBIATE
DOCX
Numero aureo .3.12 (1)CORANGES
DOCX
El hombre que calculaba 2. joya venegas
DOCX
Manual de usuario melissa ruiz
South Island Prosperity Project
El impacto de las tics en nuestro entorno
Matematicas .. estas ahi. mejorada
Mis trabajos macromedia flash
Numero áureo y serie de fibonacci FLOREZ GOMEZ
Mis trabajos macromedia alyson o
Mis trabajos macromedia flash
Diablo 1 (2)SALOMON
PowerShell Best Practices and Resources
Diablo de los numeros 1 andre ja JARQUIN
Política Monetaria - ESTADÍSTICA
Número aureo.3.12 (2) RAMIREZ MORA
Manual de usuario melissa montes
Tarea gero mellado
Escuela secundaria. avila
Taller html diany rengifo
Número aureo.3.12 (8) ZUBIATE
Numero aureo .3.12 (1)CORANGES
El hombre que calculaba 2. joya venegas
Manual de usuario melissa ruiz
Publicidad

Similar a Html sirleycoloradoydianyfernandarengifo (20)

DOCX
Mariana palacio katerine marin html
DOCX
Nicholl giraldo html
DOCX
Juliana montoya anyela rosero
PDF
Tipos de buscadores
PDF
Exploradores navegadores de internet
PDF
ODP
PPT
Presentación software libre
PPTX
Internet
PDF
Navegadores comunes en la red
PPTX
Herramientas de Internet, Navegadores y Exploradores Web
PDF
Guia de trabajo académico No 18
PPTX
Internet
PPT
Trabajo de computacion
PDF
cuaderno online
PPTX
Tipos de navegadores
PPT
Traducir Con Software Libre
PDF
¿Cúal es el mejor navegador web? ¿y el más utilizado?
PDF
los principales navegadores del 2014
PDF
Tecnologias Diseño Paginas Web
Mariana palacio katerine marin html
Nicholl giraldo html
Juliana montoya anyela rosero
Tipos de buscadores
Exploradores navegadores de internet
Presentación software libre
Internet
Navegadores comunes en la red
Herramientas de Internet, Navegadores y Exploradores Web
Guia de trabajo académico No 18
Internet
Trabajo de computacion
cuaderno online
Tipos de navegadores
Traducir Con Software Libre
¿Cúal es el mejor navegador web? ¿y el más utilizado?
los principales navegadores del 2014
Tecnologias Diseño Paginas Web

Último (20)

PDF
Introducción a la historia de la filosofía
PDF
Manual del Gobierno Escolar -MINEDUC.pdf
DOCX
PLANES DE área ciencias naturales y aplicadas
DOCX
PLAN DE CASTELLANO 2021 actualizado a la normativa
PDF
E1 Guía_Matemática_5°_grado.pdf paraguay
PDF
2.0 Introduccion a processing, y como obtenerlo
PDF
TALLER DE ESTADISTICA BASICA para principiantes y no tan basicos
PPTX
Historia-Clinica-de-Emergencia-Obstetrica 1.10.pptx
PPTX
TEMA 1ORGANIZACIÓN FUNCIONAL DEL CUERPO, MEDIO INTERNO Y HOMEOSTASIS (3) [Aut...
PDF
Como Potenciar las Emociones Positivas y Afrontar las Negativas Ccesa007.pdf
PDF
Aqui No Hay Reglas Hastings-Meyer Ccesa007.pdf
PDF
MATERIAL DIDÁCTICO 2023 SELECCIÓN 1_REFORZAMIENTO 1° BIMESTRE.pdf
DOC
4°_GRADO_-_SESIONES_DEL_11_AL_15_DE_AGOSTO.doc
DOCX
PLAN DE AREA DE CIENCIAS SOCIALES TODOS LOS GRUPOS
PDF
La lluvia sabe por qué: una historia sobre amistad, resiliencia y esperanza e...
PPTX
MATEMATICAS GEOMETRICA USO TRANSPORTADOR
PDF
LIBRO 2-SALUD Y AMBIENTE-4TO CEBA avanzado.pdf
PPTX
Clase 3 del silabo-gestion y control financiero
DOCX
TEXTO DE TRABAJO DE EDUCACION RELIGIOSA - CUARTO GRADO.docx
PDF
Iniciación Al Aprendizaje Basado En Proyectos ABP Ccesa007.pdf
Introducción a la historia de la filosofía
Manual del Gobierno Escolar -MINEDUC.pdf
PLANES DE área ciencias naturales y aplicadas
PLAN DE CASTELLANO 2021 actualizado a la normativa
E1 Guía_Matemática_5°_grado.pdf paraguay
2.0 Introduccion a processing, y como obtenerlo
TALLER DE ESTADISTICA BASICA para principiantes y no tan basicos
Historia-Clinica-de-Emergencia-Obstetrica 1.10.pptx
TEMA 1ORGANIZACIÓN FUNCIONAL DEL CUERPO, MEDIO INTERNO Y HOMEOSTASIS (3) [Aut...
Como Potenciar las Emociones Positivas y Afrontar las Negativas Ccesa007.pdf
Aqui No Hay Reglas Hastings-Meyer Ccesa007.pdf
MATERIAL DIDÁCTICO 2023 SELECCIÓN 1_REFORZAMIENTO 1° BIMESTRE.pdf
4°_GRADO_-_SESIONES_DEL_11_AL_15_DE_AGOSTO.doc
PLAN DE AREA DE CIENCIAS SOCIALES TODOS LOS GRUPOS
La lluvia sabe por qué: una historia sobre amistad, resiliencia y esperanza e...
MATEMATICAS GEOMETRICA USO TRANSPORTADOR
LIBRO 2-SALUD Y AMBIENTE-4TO CEBA avanzado.pdf
Clase 3 del silabo-gestion y control financiero
TEXTO DE TRABAJO DE EDUCACION RELIGIOSA - CUARTO GRADO.docx
Iniciación Al Aprendizaje Basado En Proyectos ABP Ccesa007.pdf

Html sirleycoloradoydianyfernandarengifo

  • 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