SlideShare una empresa de Scribd logo
1 de 8
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: Lenguaje de marcado para páginas web

Más contenido relacionado

La actualidad más candente

Materia de computacion
Materia de computacionMateria de computacion
Materia de computacionJazmín Karina
 
Como instalar Foxit Reader y pasarlo a español
Como instalar Foxit Reader y pasarlo a españolComo instalar Foxit Reader y pasarlo a español
Como instalar Foxit Reader y pasarlo a españolverarex
 
Procesador de textos
Procesador de textosProcesador de textos
Procesador de textosbeads09
 
L02_05 Trabajando con encabezado y pies de página
L02_05 Trabajando con encabezado y pies de páginaL02_05 Trabajando con encabezado y pies de página
L02_05 Trabajando con encabezado y pies de páginaJesús Canales Guando
 
Manejo word
Manejo wordManejo word
Manejo wordfamilia
 
Colegio nicolas esguerra222
Colegio nicolas esguerra222Colegio nicolas esguerra222
Colegio nicolas esguerra222SoloCaliRadical
 
Microsoft office word
Microsoft office wordMicrosoft office word
Microsoft office wordStellauran
 

La actualidad más candente (13)

Materia de computacion
Materia de computacionMateria de computacion
Materia de computacion
 
Marianapalacio katerinemarin
Marianapalacio katerinemarinMarianapalacio katerinemarin
Marianapalacio katerinemarin
 
WORDPAD
WORDPADWORDPAD
WORDPAD
 
Como instalar Foxit Reader y pasarlo a español
Como instalar Foxit Reader y pasarlo a españolComo instalar Foxit Reader y pasarlo a español
Como instalar Foxit Reader y pasarlo a español
 
Procesador de textos
Procesador de textosProcesador de textos
Procesador de textos
 
1.introducción a internet y html5
1.introducción a internet y html51.introducción a internet y html5
1.introducción a internet y html5
 
L02_05 Trabajando con encabezado y pies de página
L02_05 Trabajando con encabezado y pies de páginaL02_05 Trabajando con encabezado y pies de página
L02_05 Trabajando con encabezado y pies de página
 
Manejo word
Manejo wordManejo word
Manejo word
 
Colegio nicolas esguerra222
Colegio nicolas esguerra222Colegio nicolas esguerra222
Colegio nicolas esguerra222
 
MI COMPETENCIA 1
MI COMPETENCIA 1MI COMPETENCIA 1
MI COMPETENCIA 1
 
Microsoft office word
Microsoft office wordMicrosoft office word
Microsoft office word
 
Grupo 2 official
Grupo 2 official Grupo 2 official
Grupo 2 official
 
MOZILLA FIREFOX
MOZILLA FIREFOXMOZILLA FIREFOX
MOZILLA FIREFOX
 

Destacado

El impacto de las tics en nuestro entorno
El impacto de las tics en nuestro entornoEl impacto de las tics en nuestro entorno
El impacto de las tics en nuestro entornochayitogaleana
 
Matematicas .. estas ahi. mejorada
Matematicas .. estas ahi. mejoradaMatematicas .. estas ahi. mejorada
Matematicas .. estas ahi. mejoradajehosua97
 
Numero áureo y serie de fibonacci FLOREZ GOMEZ
Numero áureo y serie de fibonacci FLOREZ GOMEZNumero áureo y serie de fibonacci FLOREZ GOMEZ
Numero áureo y serie de fibonacci FLOREZ GOMEZjehosua97
 
Mis trabajos macromedia alyson o
Mis trabajos macromedia alyson oMis trabajos macromedia alyson o
Mis trabajos macromedia alyson odecimosistemas2016
 
Diablo 1 (2)SALOMON
Diablo 1 (2)SALOMONDiablo 1 (2)SALOMON
Diablo 1 (2)SALOMONjehosua97
 
Diablo de los numeros 1 andre ja JARQUIN
Diablo de los numeros 1 andre ja JARQUINDiablo de los numeros 1 andre ja JARQUIN
Diablo de los numeros 1 andre ja JARQUINjehosua97
 
Política Monetaria - ESTADÍSTICA
Política Monetaria - ESTADÍSTICAPolítica Monetaria - ESTADÍSTICA
Política Monetaria - ESTADÍSTICAMarta Jarque Liñán
 
Número aureo.3.12 (2) RAMIREZ MORA
Número aureo.3.12 (2) RAMIREZ MORANúmero aureo.3.12 (2) RAMIREZ MORA
Número aureo.3.12 (2) RAMIREZ MORAjehosua97
 
Manual de usuario melissa montes
Manual de usuario melissa montesManual de usuario melissa montes
Manual de usuario melissa montesdecimosistemas2016
 
Tarea gero mellado
Tarea gero melladoTarea gero mellado
Tarea gero melladojehosua97
 
Escuela secundaria. avila
Escuela secundaria. avilaEscuela secundaria. avila
Escuela secundaria. avilajehosua97
 
Número aureo.3.12 (8) ZUBIATE
Número aureo.3.12 (8) ZUBIATENúmero aureo.3.12 (8) ZUBIATE
Número aureo.3.12 (8) ZUBIATEjehosua97
 
Numero aureo .3.12 (1)CORANGES
Numero aureo .3.12 (1)CORANGESNumero aureo .3.12 (1)CORANGES
Numero aureo .3.12 (1)CORANGESjehosua97
 
El hombre que calculaba 2. joya venegas
El hombre que calculaba 2. joya venegasEl hombre que calculaba 2. joya venegas
El hombre que calculaba 2. joya venegasjehosua97
 
Manual de usuario melissa ruiz
Manual de usuario melissa ruizManual de usuario melissa ruiz
Manual de usuario melissa ruizdecimosistemas2016
 

Destacado (20)

South Island Prosperity Project
South Island Prosperity ProjectSouth Island Prosperity Project
South Island Prosperity Project
 
El impacto de las tics en nuestro entorno
El impacto de las tics en nuestro entornoEl impacto de las tics en nuestro entorno
El impacto de las tics en nuestro entorno
 
Matematicas .. estas ahi. mejorada
Matematicas .. estas ahi. mejoradaMatematicas .. estas ahi. mejorada
Matematicas .. estas ahi. mejorada
 
Mis trabajos macromedia flash
Mis trabajos macromedia flashMis trabajos macromedia flash
Mis trabajos macromedia flash
 
Numero áureo y serie de fibonacci FLOREZ GOMEZ
Numero áureo y serie de fibonacci FLOREZ GOMEZNumero áureo y serie de fibonacci FLOREZ GOMEZ
Numero áureo y serie de fibonacci FLOREZ GOMEZ
 
Mis trabajos macromedia alyson o
Mis trabajos macromedia alyson oMis trabajos macromedia alyson o
Mis trabajos macromedia alyson o
 
Mis trabajos macromedia flash
Mis trabajos macromedia flashMis trabajos macromedia flash
Mis trabajos macromedia flash
 
Diablo 1 (2)SALOMON
Diablo 1 (2)SALOMONDiablo 1 (2)SALOMON
Diablo 1 (2)SALOMON
 
PowerShell Best Practices and Resources
PowerShell Best Practices and ResourcesPowerShell Best Practices and Resources
PowerShell Best Practices and Resources
 
Diablo de los numeros 1 andre ja JARQUIN
Diablo de los numeros 1 andre ja JARQUINDiablo de los numeros 1 andre ja JARQUIN
Diablo de los numeros 1 andre ja JARQUIN
 
Política Monetaria - ESTADÍSTICA
Política Monetaria - ESTADÍSTICAPolítica Monetaria - ESTADÍSTICA
Política Monetaria - ESTADÍSTICA
 
Número aureo.3.12 (2) RAMIREZ MORA
Número aureo.3.12 (2) RAMIREZ MORANúmero aureo.3.12 (2) RAMIREZ MORA
Número aureo.3.12 (2) RAMIREZ MORA
 
Manual de usuario melissa montes
Manual de usuario melissa montesManual de usuario melissa montes
Manual de usuario melissa montes
 
Tarea gero mellado
Tarea gero melladoTarea gero mellado
Tarea gero mellado
 
Escuela secundaria. avila
Escuela secundaria. avilaEscuela secundaria. avila
Escuela secundaria. avila
 
Taller html diany rengifo
Taller html diany rengifoTaller html diany rengifo
Taller html diany rengifo
 
Número aureo.3.12 (8) ZUBIATE
Número aureo.3.12 (8) ZUBIATENúmero aureo.3.12 (8) ZUBIATE
Número aureo.3.12 (8) ZUBIATE
 
Numero aureo .3.12 (1)CORANGES
Numero aureo .3.12 (1)CORANGESNumero aureo .3.12 (1)CORANGES
Numero aureo .3.12 (1)CORANGES
 
El hombre que calculaba 2. joya venegas
El hombre que calculaba 2. joya venegasEl hombre que calculaba 2. joya venegas
El hombre que calculaba 2. joya venegas
 
Manual de usuario melissa ruiz
Manual de usuario melissa ruizManual de usuario melissa ruiz
Manual de usuario melissa ruiz
 

Similar a HTML: Lenguaje de marcado para páginas web

Mariana palacio katerine marin html
Mariana palacio katerine marin htmlMariana palacio katerine marin html
Mariana palacio katerine marin htmldecimosistemas2016
 
Exploradores navegadores de internet
Exploradores navegadores de internetExploradores navegadores de internet
Exploradores navegadores de internetValentin Flores
 
Presentación software libre
Presentación   software librePresentación   software libre
Presentación software libreGabriel Pérez
 
Navegadores comunes en la red
Navegadores comunes en la redNavegadores comunes en la red
Navegadores comunes en la redjessydutan1
 
Herramientas de Internet, Navegadores y Exploradores Web
Herramientas de Internet, Navegadores y Exploradores WebHerramientas de Internet, Navegadores y Exploradores Web
Herramientas de Internet, Navegadores y Exploradores Webjconcepcion88
 
Guia de trabajo académico No 18
Guia de trabajo académico No 18Guia de trabajo académico No 18
Guia de trabajo académico No 18INDEIPCO LTDA
 
Trabajo de computacion
Trabajo de computacionTrabajo de computacion
Trabajo de computacionjohana
 
Tipos de navegadores
Tipos de navegadoresTipos de navegadores
Tipos de navegadoresJESSICA PEREZ
 
Traducir Con Software Libre
Traducir Con Software LibreTraducir Con Software Libre
Traducir Con Software Libreguest11f7014
 
¿Cúal es el mejor navegador web? ¿y el más utilizado?
¿Cúal es el mejor navegador web? ¿y el más utilizado?¿Cúal es el mejor navegador web? ¿y el más utilizado?
¿Cúal es el mejor navegador web? ¿y el más utilizado?knhas
 
los principales navegadores del 2014
los principales navegadores del 2014los principales navegadores del 2014
los principales navegadores del 2014iranli
 

Similar a HTML: Lenguaje de marcado para páginas web (20)

Mariana palacio katerine marin html
Mariana palacio katerine marin htmlMariana palacio katerine marin html
Mariana palacio katerine marin html
 
Nicholl giraldo html
Nicholl giraldo htmlNicholl giraldo html
Nicholl giraldo html
 
Juliana montoya anyela rosero
Juliana montoya anyela roseroJuliana montoya anyela rosero
Juliana montoya anyela rosero
 
Tipos de buscadores
Tipos de buscadoresTipos de buscadores
Tipos de buscadores
 
Ejemplo
EjemploEjemplo
Ejemplo
 
Exploradores navegadores de internet
Exploradores navegadores de internetExploradores navegadores de internet
Exploradores navegadores de internet
 
Ale :d
Ale :dAle :d
Ale :d
 
Presentación software libre
Presentación   software librePresentación   software libre
Presentación software libre
 
Internet
InternetInternet
Internet
 
Navegadores comunes en la red
Navegadores comunes en la redNavegadores comunes en la red
Navegadores comunes en la red
 
Herramientas de Internet, Navegadores y Exploradores Web
Herramientas de Internet, Navegadores y Exploradores WebHerramientas de Internet, Navegadores y Exploradores Web
Herramientas de Internet, Navegadores y Exploradores Web
 
Guia de trabajo académico No 18
Guia de trabajo académico No 18Guia de trabajo académico No 18
Guia de trabajo académico No 18
 
Internet
InternetInternet
Internet
 
Trabajo de computacion
Trabajo de computacionTrabajo de computacion
Trabajo de computacion
 
cuaderno online
cuaderno onlinecuaderno online
cuaderno online
 
Tipos de navegadores
Tipos de navegadoresTipos de navegadores
Tipos de navegadores
 
Traducir Con Software Libre
Traducir Con Software LibreTraducir Con Software Libre
Traducir Con Software Libre
 
¿Cúal es el mejor navegador web? ¿y el más utilizado?
¿Cúal es el mejor navegador web? ¿y el más utilizado?¿Cúal es el mejor navegador web? ¿y el más utilizado?
¿Cúal es el mejor navegador web? ¿y el más utilizado?
 
los principales navegadores del 2014
los principales navegadores del 2014los principales navegadores del 2014
los principales navegadores del 2014
 
Tecnologias Diseño Paginas Web
Tecnologias Diseño Paginas WebTecnologias Diseño Paginas Web
Tecnologias Diseño Paginas Web
 

Último

CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADauxsoporte
 
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfAngélica Soledad Vega Ramírez
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxzulyvero07
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.José Luis Palma
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...JAVIER SOLIS NOYOLA
 
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARONARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFAROJosé Luis Palma
 
texto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticostexto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticosisabeltrejoros
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arteRaquel Martín Contreras
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoFundación YOD YOD
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónLourdes Feria
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxjosetrinidadchavez
 
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxlclcarmen
 
programa dia de las madres 10 de mayo para evento
programa dia de las madres 10 de mayo  para eventoprograma dia de las madres 10 de mayo  para evento
programa dia de las madres 10 de mayo para eventoDiegoMtsS
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptxFelicitasAsuncionDia
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dstEphaniiie
 
Sesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxSesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxMaritzaRetamozoVera
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdfBaker Publishing Company
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdfDemetrio Ccesa Rayme
 

Último (20)

CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
 
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARONARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
 
texto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticostexto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticos
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arte
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativo
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcción
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
 
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
 
programa dia de las madres 10 de mayo para evento
programa dia de las madres 10 de mayo  para eventoprograma dia de las madres 10 de mayo  para evento
programa dia de las madres 10 de mayo para evento
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptx
 
Sesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdfSesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdf
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes d
 
Sesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxSesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docx
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdf
 

HTML: Lenguaje de marcado para páginas web

  • 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