SlideShare una empresa de Scribd logo
Definición: 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.
Programas usados para programas Html:
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.
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.
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.
Kompozer: Archiconocido editor de HTML y CSS que es gratuito
y multiplataforma (Windows Mac y Linux). Ofrece vista previa
de la página mientras se escribe código, múltiples pestañas,
edición específica de CSS, etc...
Aptana Studio: Otro editor multiplataforma de carácter
gratuito. Ofrece una excelente ayuda contextual a la hora de
escribir código HTML, que incluye también el soporte de los
diferentes navegadores para cada característica. Sólo por
esto ya merece la pena. Tiene características avanzadas para
programación con JavaScript y soporta además múltiples
lenguajes de servidor, como PHP, Python y Ruby on Rails. Está
basado en Eclipse, y por lo tanto en Java, por lo que tenlo
en cuenta si no te gusta instalar esa plataforma en tu equipo
(por sus muchos problemas de seguridad y lentitud).
Notepad++: Es gratuito y además Open Source aunque solo
funciona bajo Windows. Dispone de multitud de plugins para
extender su funcionalidad, y como es muy popular hay muchos
donde elegir. Va mucho más allá que el bloc de notas ya que
ofrece sintaxis coloreada, estructuración de código (para
poder plegar y desplegar zonas cubiertas por etiquetas),
soporte de otros muchos lenguajes de programación, etc...
Está bien tenerlo a mano para pruebas o ediciones rápidas. Es
uno de mis favoritos.
BlueGriffon: Este excelente editor WYSIWYG utiliza por debajo
el motor de renderizado de Firefox para visualizar las
páginas a medida que las vamos editando. Cuenta con ayudas a
la escritura de código (como las “miguitas de pan” de la
parte de abajo o el acceso a la estructura jerárquica de la
página), y ofrece incluso la posibilidad de probar en tiempo
real transformaciones 3D de CSS3 sin abandonar el editor
(ventajas de utilizar el motor Gecko de Mozilla). Es
gratuito, Open Source y multiplataforma (Windows, Mac y
Linux) y está disponible en Español entre otros muchos
idiomas. La última versión es de hace casi un año, pero el
proyecto sigue activo.
Sublime Text: Un editor de texto avanzado para programadores,
multiplataforma. Aunque es bastante espartano lo cierto es
que todo el que invierte tiempo en aprender a dominarlo luego
no lo quiere dejar, ya que aumenta mucho la productividad a
la hora de escribir código. No ofrece muchas de las
características de ayuda al programador web que sí ofrecen la
mayoría de los otros entornos, por lo que es recomendable
sobre todo si vamos a trabajar mucho directamente con código,
especialmente JavaScript. Lo podemos descargar y utilizar
gratuitamente, pero si lo vamos a usar a menudo para trabajar
sus creadores nos solicitan que les paguemos una licencia (es
lo justo). Ésta tiene un precio muy razonable.
JetBrains WebStorm: Este es sin duda uno de los mejores
editores de código del mercado, y no solo para el trinomio
HTML/CSS/JavaScript. De hecho soporta otros lenguajes como
CoffeeScript, TypeScript y Node.js, y multitud de librerías
de JavaScript, sistemas de control de código, testeo
unitario, etc.... Es muy espectacular la capacidad de editar
y ver en tiempo real los cambios en un Chrome, incluso en
aplicaciones de tipo SPA/AJAX. La lista de características es
tan larga que mejor te enlazo a la misma en su página. Lleva
un rato aprender todas sus posibilidades, pero merece la
pena.
Microsoft Visual Studio Express for Web: Está disponible en
varios idiomas (incluyendo el Español) y su única limitación
es que sólo funciona bajo Windows. Es decir, que si trabajas
en Mac o Linux no podrás utilizarlo. Por lo demás es un
entorno integrado de desarrollo (IDE) espectacular. Aunque,
al igual que el anterior, es una herramienta técnica
orientada a programadores y con muchas otras posibilidades
avanzadas, ofrece un soporte estupendo para diseño de páginas
Web, con editores avanzados de HTML, CSS y JavaScript,
capacidad de depuración, ayuda contextual para todos los
lenguajes, validadores de código, validadores de
accesibilidad, visualización real de cómo van a quedar las
páginas, etc... Echarás de menos muy pocas cosas (aunque
algunas sí, sobre todo si usas Sublime). Es totalmente
gratuito.
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".
Navegadores de internet: Un navegador web (en inglés, web
browser) es un software, aplicación o programa que permite el
acceso a la Web, interpretando la información de distintos
tipos de archivos y sitios web para que estos puedan ser
visualizados. Los tipos de Navegadores que existen son:
1.Internet Explorer
2.Google Chrome
3.Mozilla Firefox
4.Opera
5.Safari
Comandos Html:
archivo HTML
: Indica el comienzo y fin de un
encabezado (aquí se coloca generalmente el título).
cuerpo de la página.
de un párrafo.
quiebre de
línea).
n > ... < 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.
 < B > ... < /B > : Negrita.
 < L > ... < /L > : Cursiva.
 < BLINK > ... < /BLINK > : Parpadeante.
 < STRONG > ... < /STRONG > : Enfatizada.
ordenada (puntos). Dentro de ellos, cada item empieza por < LI
> y termina al terminar la línea.
ordenada (números). Dentro de ellos, cada item empieza por <
LI > y termina al terminar la línea.
Colores:
1.Yellow = Amarillo
2.Green = Verde
3.Purple = Morado
4.Red = Rojo
5.Orange = Naranja
6.Blanco = White
7.Blue = Azul
8.Pink = Rosado
9.Brown = Café
10. Violet: Violeta
11. Lime = Verde lima
12. Navy = Azul Marino
13. Sky Blue = Azul Cielo
14. Grey = Gris
15. Golden = Dorado
Tipos de Letras:
1.Calibri
2.Baskerville Old Face
3.Times New Roman
4.Stencil
5.Berlin Sans FB
6.Arial Black

Más contenido relacionado

La actualidad más candente

Info
InfoInfo
Html INFOR.
Html INFOR.Html INFOR.
Html INFOR.
gabriaceituno
 
Código HTML
Código HTML Código HTML
Código HTML
Dominik Rivera
 
HTML
HTMLHTML
HTML
1crazyoz
 
Actividad #2
Actividad #2Actividad #2
Actividad #2
Paula Ortiz
 
PresentacióN1
PresentacióN1PresentacióN1
PresentacióN1
surtgory
 
PresentacióN1
PresentacióN1PresentacióN1
PresentacióN1
surtgory
 
Clase 2 Lenguajes de Programación Web
Clase 2 Lenguajes de Programación WebClase 2 Lenguajes de Programación Web
Clase 2 Lenguajes de Programación Web
José Ricardo Tillero Giménez
 
Prueba parcial Codigos html
Prueba parcial Codigos htmlPrueba parcial Codigos html
Prueba parcial Codigos html
Domenica Orozco
 
A.D.A 1
A.D.A 1A.D.A 1
Curso practico-de-javascript
Curso practico-de-javascriptCurso practico-de-javascript
Curso practico-de-javascript
Manuel Zarate
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
Juan David Valderrama
 
Clase 4 JavaScript Básico
Clase 4 JavaScript BásicoClase 4 JavaScript Básico
Clase 4 JavaScript Básico
José Ricardo Tillero Giménez
 
Html veronica y yuliana
Html veronica y yulianaHtml veronica y yuliana
Html veronica y yuliana
decimosistemas2016
 
Editores de texto java
Editores de texto javaEditores de texto java
Editores de texto java
Lizzeth Jiménez Castro
 
Html
HtmlHtml
PHP IUTE
PHP IUTEPHP IUTE
PHP IUTE
guestefc95b
 

La actualidad más candente (17)

Info
InfoInfo
Info
 
Html INFOR.
Html INFOR.Html INFOR.
Html INFOR.
 
Código HTML
Código HTML Código HTML
Código HTML
 
HTML
HTMLHTML
HTML
 
Actividad #2
Actividad #2Actividad #2
Actividad #2
 
PresentacióN1
PresentacióN1PresentacióN1
PresentacióN1
 
PresentacióN1
PresentacióN1PresentacióN1
PresentacióN1
 
Clase 2 Lenguajes de Programación Web
Clase 2 Lenguajes de Programación WebClase 2 Lenguajes de Programación Web
Clase 2 Lenguajes de Programación Web
 
Prueba parcial Codigos html
Prueba parcial Codigos htmlPrueba parcial Codigos html
Prueba parcial Codigos html
 
A.D.A 1
A.D.A 1A.D.A 1
A.D.A 1
 
Curso practico-de-javascript
Curso practico-de-javascriptCurso practico-de-javascript
Curso practico-de-javascript
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Clase 4 JavaScript Básico
Clase 4 JavaScript BásicoClase 4 JavaScript Básico
Clase 4 JavaScript Básico
 
Html veronica y yuliana
Html veronica y yulianaHtml veronica y yuliana
Html veronica y yuliana
 
Editores de texto java
Editores de texto javaEditores de texto java
Editores de texto java
 
Html
HtmlHtml
Html
 
PHP IUTE
PHP IUTEPHP IUTE
PHP IUTE
 

Destacado

Diario histórico 7o palena
Diario histórico   7o palenaDiario histórico   7o palena
Diario histórico 7o palena
cesarmaldonadodiaz
 
Informe de clase juliana montoya
Informe de clase juliana montoyaInforme de clase juliana montoya
Informe de clase juliana montoya
decimosistemas2016
 
Diseño del Proyecto de Investigación Artística. Luis Huamaní 2013
Diseño del Proyecto de Investigación Artística. Luis Huamaní 2013Diseño del Proyecto de Investigación Artística. Luis Huamaní 2013
Diseño del Proyecto de Investigación Artística. Luis Huamaní 2013
Lucho Huamaní
 
Generación de leads
Generación de leads Generación de leads
Generación de leads
lemon-sales.com
 
Anteproyecto de investigación doctoral
Anteproyecto de investigación doctoralAnteproyecto de investigación doctoral
Anteproyecto de investigación doctoral
MajinRuiz63
 
Juliana montoya botero
Juliana montoya boteroJuliana montoya botero
Juliana montoya botero
decimosistemas2016
 
Independencia de chile
Independencia de chileIndependencia de chile
Independencia de chile
cesarmaldonadodiaz
 
Nicholl giraldo lopez, partes de la c.p.u (1)
Nicholl giraldo lopez, partes de la c.p.u (1)Nicholl giraldo lopez, partes de la c.p.u (1)
Nicholl giraldo lopez, partes de la c.p.u (1)
decimosistemas2016
 
Trabajo de informe de google estefania aguirre
Trabajo de informe de google estefania aguirreTrabajo de informe de google estefania aguirre
Trabajo de informe de google estefania aguirre
decimosistemas2016
 
Ensayo
EnsayoEnsayo
Ensayo
claus_21
 
maquinas y mecanismos
 maquinas y mecanismos maquinas y mecanismos
maquinas y mecanismos
mairamosqueraramirez
 
documento de google
documento de google documento de google
documento de google
decimosistemas2016
 
Nourrir l'humanité guide de l'enseignant
Nourrir l'humanité guide de l'enseignantNourrir l'humanité guide de l'enseignant
Nourrir l'humanité guide de l'enseignant
Groupe Traces
 
GRADUATION PROJECT VY
GRADUATION PROJECT VYGRADUATION PROJECT VY
GRADUATION PROJECT VYvy nguyen
 
Eje cronológico
Eje cronológicoEje cronológico
Eje cronológico
cesarmaldonadodiaz
 
Juliana montoya botero
Juliana montoya boteroJuliana montoya botero
Juliana montoya botero
decimosistemas2016
 
Waldbott Contabilidad sgiERP Version 8.0
Waldbott Contabilidad sgiERP Version 8.0Waldbott Contabilidad sgiERP Version 8.0
Waldbott Contabilidad sgiERP Version 8.0
digipar
 
sistemas de archivos
sistemas de archivos sistemas de archivos
sistemas de archivos
decimosistemas2016
 
Estrategias y tecnicas de investigacion cualitativa
Estrategias y tecnicas de investigacion cualitativaEstrategias y tecnicas de investigacion cualitativa
Estrategias y tecnicas de investigacion cualitativa
MajinRuiz63
 
Security Operations -- An Overview
Security Operations -- An OverviewSecurity Operations -- An Overview
Security Operations -- An Overview
Nicholas Davis
 

Destacado (20)

Diario histórico 7o palena
Diario histórico   7o palenaDiario histórico   7o palena
Diario histórico 7o palena
 
Informe de clase juliana montoya
Informe de clase juliana montoyaInforme de clase juliana montoya
Informe de clase juliana montoya
 
Diseño del Proyecto de Investigación Artística. Luis Huamaní 2013
Diseño del Proyecto de Investigación Artística. Luis Huamaní 2013Diseño del Proyecto de Investigación Artística. Luis Huamaní 2013
Diseño del Proyecto de Investigación Artística. Luis Huamaní 2013
 
Generación de leads
Generación de leads Generación de leads
Generación de leads
 
Anteproyecto de investigación doctoral
Anteproyecto de investigación doctoralAnteproyecto de investigación doctoral
Anteproyecto de investigación doctoral
 
Juliana montoya botero
Juliana montoya boteroJuliana montoya botero
Juliana montoya botero
 
Independencia de chile
Independencia de chileIndependencia de chile
Independencia de chile
 
Nicholl giraldo lopez, partes de la c.p.u (1)
Nicholl giraldo lopez, partes de la c.p.u (1)Nicholl giraldo lopez, partes de la c.p.u (1)
Nicholl giraldo lopez, partes de la c.p.u (1)
 
Trabajo de informe de google estefania aguirre
Trabajo de informe de google estefania aguirreTrabajo de informe de google estefania aguirre
Trabajo de informe de google estefania aguirre
 
Ensayo
EnsayoEnsayo
Ensayo
 
maquinas y mecanismos
 maquinas y mecanismos maquinas y mecanismos
maquinas y mecanismos
 
documento de google
documento de google documento de google
documento de google
 
Nourrir l'humanité guide de l'enseignant
Nourrir l'humanité guide de l'enseignantNourrir l'humanité guide de l'enseignant
Nourrir l'humanité guide de l'enseignant
 
GRADUATION PROJECT VY
GRADUATION PROJECT VYGRADUATION PROJECT VY
GRADUATION PROJECT VY
 
Eje cronológico
Eje cronológicoEje cronológico
Eje cronológico
 
Juliana montoya botero
Juliana montoya boteroJuliana montoya botero
Juliana montoya botero
 
Waldbott Contabilidad sgiERP Version 8.0
Waldbott Contabilidad sgiERP Version 8.0Waldbott Contabilidad sgiERP Version 8.0
Waldbott Contabilidad sgiERP Version 8.0
 
sistemas de archivos
sistemas de archivos sistemas de archivos
sistemas de archivos
 
Estrategias y tecnicas de investigacion cualitativa
Estrategias y tecnicas de investigacion cualitativaEstrategias y tecnicas de investigacion cualitativa
Estrategias y tecnicas de investigacion cualitativa
 
Security Operations -- An Overview
Security Operations -- An OverviewSecurity Operations -- An Overview
Security Operations -- An Overview
 

Similar a Juliana montoya anyela rosero

Mariana palacio katerine marin html
Mariana palacio katerine marin htmlMariana palacio katerine marin html
Mariana palacio katerine marin html
decimosistemas2016
 
Html ana y eliana
Html ana y elianaHtml ana y eliana
Html ana y eliana
decimosistemas2016
 
HTML Practica de CLase PW[Repaired].pptx
HTML Practica de CLase PW[Repaired].pptxHTML Practica de CLase PW[Repaired].pptx
HTML Practica de CLase PW[Repaired].pptx
JUANANTONIOMACKLISHG
 
David cuellar
David cuellarDavid cuellar
David cuellar
David Cuellar
 
Info
InfoInfo
Info
InfoInfo
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
Juan David Valderrama
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
Juan David Valderrama
 
Traducir Con Software Libre
Traducir Con Software LibreTraducir Con Software Libre
Traducir Con Software Libre
guest11f7014
 
Colaboración usando el procesador de textos
Colaboración usando el procesador de textosColaboración usando el procesador de textos
Colaboración usando el procesador de textos
Andrea0829
 
Colegio particular
Colegio particularColegio particular
Colegio particular
sebastatiguadalupe
 
Colegio particular
Colegio particularColegio particular
Colegio particular
sebastatiguadalupe
 
Presentación sobre conceptos de Dw
Presentación sobre conceptos de DwPresentación sobre conceptos de Dw
Presentación sobre conceptos de Dw
XimenaOrrantia
 
Procesador de textos
Procesador de textosProcesador de textos
Procesador de textos
Sergio Peña
 
Html5
Html5Html5
Access
AccessAccess
Access
AccessAccess
cuaderno online
cuaderno onlinecuaderno online
cuaderno online
Alexiis Ortiiz
 
MI COMPETENCIA 1
MI COMPETENCIA 1MI COMPETENCIA 1
MI COMPETENCIA 1
Demetrio Silva
 
Pag. web
Pag. webPag. web

Similar a Juliana montoya anyela rosero (20)

Mariana palacio katerine marin html
Mariana palacio katerine marin htmlMariana palacio katerine marin html
Mariana palacio katerine marin html
 
Html ana y eliana
Html ana y elianaHtml ana y eliana
Html ana y eliana
 
HTML Practica de CLase PW[Repaired].pptx
HTML Practica de CLase PW[Repaired].pptxHTML Practica de CLase PW[Repaired].pptx
HTML Practica de CLase PW[Repaired].pptx
 
David cuellar
David cuellarDavid cuellar
David cuellar
 
Info
InfoInfo
Info
 
Info
InfoInfo
Info
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Traducir Con Software Libre
Traducir Con Software LibreTraducir Con Software Libre
Traducir Con Software Libre
 
Colaboración usando el procesador de textos
Colaboración usando el procesador de textosColaboración usando el procesador de textos
Colaboración usando el procesador de textos
 
Colegio particular
Colegio particularColegio particular
Colegio particular
 
Colegio particular
Colegio particularColegio particular
Colegio particular
 
Presentación sobre conceptos de Dw
Presentación sobre conceptos de DwPresentación sobre conceptos de Dw
Presentación sobre conceptos de Dw
 
Procesador de textos
Procesador de textosProcesador de textos
Procesador de textos
 
Html5
Html5Html5
Html5
 
Access
AccessAccess
Access
 
Access
AccessAccess
Access
 
cuaderno online
cuaderno onlinecuaderno online
cuaderno online
 
MI COMPETENCIA 1
MI COMPETENCIA 1MI COMPETENCIA 1
MI COMPETENCIA 1
 
Pag. web
Pag. webPag. web
Pag. web
 

Último

CUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdf
CUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdfCUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdf
CUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdf
Inslvarez5
 
Camus, Albert - El Extranjero.pdf
Camus, Albert -        El Extranjero.pdfCamus, Albert -        El Extranjero.pdf
Camus, Albert - El Extranjero.pdf
AlexDeLonghi
 
Nuevos espacios,nuevos tiempos,nuevas practica.pptx
Nuevos espacios,nuevos tiempos,nuevas practica.pptxNuevos espacios,nuevos tiempos,nuevas practica.pptx
Nuevos espacios,nuevos tiempos,nuevas practica.pptx
lautyzaracho4
 
PANDERETAS DECORADAS CON MOTIVOS DE LA RIOJA
PANDERETAS DECORADAS CON MOTIVOS DE LA RIOJAPANDERETAS DECORADAS CON MOTIVOS DE LA RIOJA
PANDERETAS DECORADAS CON MOTIVOS DE LA RIOJA
estroba5
 
La necesidad de bienestar y el uso de la naturaleza.pdf
La necesidad de bienestar y el uso de la naturaleza.pdfLa necesidad de bienestar y el uso de la naturaleza.pdf
La necesidad de bienestar y el uso de la naturaleza.pdf
JonathanCovena1
 
Los Dominios y Reinos de los Seres Vivos
Los Dominios y Reinos de los Seres VivosLos Dominios y Reinos de los Seres Vivos
Los Dominios y Reinos de los Seres Vivos
karlafreire0608
 
Compartir p4s.co Pitch Hackathon Template Plantilla final.pptx-2.pdf
Compartir p4s.co Pitch Hackathon Template Plantilla final.pptx-2.pdfCompartir p4s.co Pitch Hackathon Template Plantilla final.pptx-2.pdf
Compartir p4s.co Pitch Hackathon Template Plantilla final.pptx-2.pdf
JimmyDeveloperWebAnd
 
Presentación de proyecto en acuarela moderna verde.pdf
Presentación de proyecto en acuarela moderna verde.pdfPresentación de proyecto en acuarela moderna verde.pdf
Presentación de proyecto en acuarela moderna verde.pdf
LuanaJaime1
 
Power Point: El conflicto inminente (Bosquejo)
Power Point: El conflicto inminente (Bosquejo)Power Point: El conflicto inminente (Bosquejo)
Power Point: El conflicto inminente (Bosquejo)
https://gramadal.wordpress.com/
 
Evaluacion del tercer trimestre del 2023-2024
Evaluacion del tercer trimestre del 2023-2024Evaluacion del tercer trimestre del 2023-2024
Evaluacion del tercer trimestre del 2023-2024
israelsouza67
 
La vida de Martin Miguel de Güemes para niños de primaria
La vida de Martin Miguel de Güemes para niños de primariaLa vida de Martin Miguel de Güemes para niños de primaria
La vida de Martin Miguel de Güemes para niños de primaria
EricaCouly1
 
CONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIA
CONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIACONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIA
CONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIA
ginnazamudio
 
Este documento contiene, el programa completo de un acto para realizar la pro...
Este documento contiene, el programa completo de un acto para realizar la pro...Este documento contiene, el programa completo de un acto para realizar la pro...
Este documento contiene, el programa completo de un acto para realizar la pro...
romina395894
 
tema 7. Los siglos XVI y XVII ( resumen)
tema 7. Los siglos XVI y XVII ( resumen)tema 7. Los siglos XVI y XVII ( resumen)
tema 7. Los siglos XVI y XVII ( resumen)
saradocente
 
Hablemos de ESI para estudiantes Cuadernillo
Hablemos de ESI para estudiantes CuadernilloHablemos de ESI para estudiantes Cuadernillo
Hablemos de ESI para estudiantes Cuadernillo
Mónica Sánchez
 
Blogs_y_Educacion_Por Zaracho Lautaro_.pdf
Blogs_y_Educacion_Por Zaracho Lautaro_.pdfBlogs_y_Educacion_Por Zaracho Lautaro_.pdf
Blogs_y_Educacion_Por Zaracho Lautaro_.pdf
lautyzaracho4
 
Carnavision: anticipa y aprovecha - hackathon Pasto2024 .pdf
Carnavision: anticipa y aprovecha - hackathon Pasto2024 .pdfCarnavision: anticipa y aprovecha - hackathon Pasto2024 .pdf
Carnavision: anticipa y aprovecha - hackathon Pasto2024 .pdf
EleNoguera
 
pueblos originarios de chile presentacion twinkl.pptx
pueblos originarios de chile presentacion twinkl.pptxpueblos originarios de chile presentacion twinkl.pptx
pueblos originarios de chile presentacion twinkl.pptx
RAMIREZNICOLE
 
Chatgpt para los Profesores Ccesa007.pdf
Chatgpt para los Profesores Ccesa007.pdfChatgpt para los Profesores Ccesa007.pdf
Chatgpt para los Profesores Ccesa007.pdf
Demetrio Ccesa Rayme
 

Último (20)

CUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdf
CUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdfCUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdf
CUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdf
 
Camus, Albert - El Extranjero.pdf
Camus, Albert -        El Extranjero.pdfCamus, Albert -        El Extranjero.pdf
Camus, Albert - El Extranjero.pdf
 
Nuevos espacios,nuevos tiempos,nuevas practica.pptx
Nuevos espacios,nuevos tiempos,nuevas practica.pptxNuevos espacios,nuevos tiempos,nuevas practica.pptx
Nuevos espacios,nuevos tiempos,nuevas practica.pptx
 
A VISITA DO SENHOR BISPO .
A VISITA DO SENHOR BISPO                .A VISITA DO SENHOR BISPO                .
A VISITA DO SENHOR BISPO .
 
PANDERETAS DECORADAS CON MOTIVOS DE LA RIOJA
PANDERETAS DECORADAS CON MOTIVOS DE LA RIOJAPANDERETAS DECORADAS CON MOTIVOS DE LA RIOJA
PANDERETAS DECORADAS CON MOTIVOS DE LA RIOJA
 
La necesidad de bienestar y el uso de la naturaleza.pdf
La necesidad de bienestar y el uso de la naturaleza.pdfLa necesidad de bienestar y el uso de la naturaleza.pdf
La necesidad de bienestar y el uso de la naturaleza.pdf
 
Los Dominios y Reinos de los Seres Vivos
Los Dominios y Reinos de los Seres VivosLos Dominios y Reinos de los Seres Vivos
Los Dominios y Reinos de los Seres Vivos
 
Compartir p4s.co Pitch Hackathon Template Plantilla final.pptx-2.pdf
Compartir p4s.co Pitch Hackathon Template Plantilla final.pptx-2.pdfCompartir p4s.co Pitch Hackathon Template Plantilla final.pptx-2.pdf
Compartir p4s.co Pitch Hackathon Template Plantilla final.pptx-2.pdf
 
Presentación de proyecto en acuarela moderna verde.pdf
Presentación de proyecto en acuarela moderna verde.pdfPresentación de proyecto en acuarela moderna verde.pdf
Presentación de proyecto en acuarela moderna verde.pdf
 
Power Point: El conflicto inminente (Bosquejo)
Power Point: El conflicto inminente (Bosquejo)Power Point: El conflicto inminente (Bosquejo)
Power Point: El conflicto inminente (Bosquejo)
 
Evaluacion del tercer trimestre del 2023-2024
Evaluacion del tercer trimestre del 2023-2024Evaluacion del tercer trimestre del 2023-2024
Evaluacion del tercer trimestre del 2023-2024
 
La vida de Martin Miguel de Güemes para niños de primaria
La vida de Martin Miguel de Güemes para niños de primariaLa vida de Martin Miguel de Güemes para niños de primaria
La vida de Martin Miguel de Güemes para niños de primaria
 
CONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIA
CONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIACONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIA
CONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIA
 
Este documento contiene, el programa completo de un acto para realizar la pro...
Este documento contiene, el programa completo de un acto para realizar la pro...Este documento contiene, el programa completo de un acto para realizar la pro...
Este documento contiene, el programa completo de un acto para realizar la pro...
 
tema 7. Los siglos XVI y XVII ( resumen)
tema 7. Los siglos XVI y XVII ( resumen)tema 7. Los siglos XVI y XVII ( resumen)
tema 7. Los siglos XVI y XVII ( resumen)
 
Hablemos de ESI para estudiantes Cuadernillo
Hablemos de ESI para estudiantes CuadernilloHablemos de ESI para estudiantes Cuadernillo
Hablemos de ESI para estudiantes Cuadernillo
 
Blogs_y_Educacion_Por Zaracho Lautaro_.pdf
Blogs_y_Educacion_Por Zaracho Lautaro_.pdfBlogs_y_Educacion_Por Zaracho Lautaro_.pdf
Blogs_y_Educacion_Por Zaracho Lautaro_.pdf
 
Carnavision: anticipa y aprovecha - hackathon Pasto2024 .pdf
Carnavision: anticipa y aprovecha - hackathon Pasto2024 .pdfCarnavision: anticipa y aprovecha - hackathon Pasto2024 .pdf
Carnavision: anticipa y aprovecha - hackathon Pasto2024 .pdf
 
pueblos originarios de chile presentacion twinkl.pptx
pueblos originarios de chile presentacion twinkl.pptxpueblos originarios de chile presentacion twinkl.pptx
pueblos originarios de chile presentacion twinkl.pptx
 
Chatgpt para los Profesores Ccesa007.pdf
Chatgpt para los Profesores Ccesa007.pdfChatgpt para los Profesores Ccesa007.pdf
Chatgpt para los Profesores Ccesa007.pdf
 

Juliana montoya anyela rosero

  • 1. Definición: 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. Programas usados para programas Html: 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. 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. 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. Kompozer: Archiconocido editor de HTML y CSS que es gratuito y multiplataforma (Windows Mac y Linux). Ofrece vista previa de la página mientras se escribe código, múltiples pestañas, edición específica de CSS, etc...
  • 2. Aptana Studio: Otro editor multiplataforma de carácter gratuito. Ofrece una excelente ayuda contextual a la hora de escribir código HTML, que incluye también el soporte de los diferentes navegadores para cada característica. Sólo por esto ya merece la pena. Tiene características avanzadas para programación con JavaScript y soporta además múltiples lenguajes de servidor, como PHP, Python y Ruby on Rails. Está basado en Eclipse, y por lo tanto en Java, por lo que tenlo en cuenta si no te gusta instalar esa plataforma en tu equipo (por sus muchos problemas de seguridad y lentitud). Notepad++: Es gratuito y además Open Source aunque solo funciona bajo Windows. Dispone de multitud de plugins para extender su funcionalidad, y como es muy popular hay muchos donde elegir. Va mucho más allá que el bloc de notas ya que ofrece sintaxis coloreada, estructuración de código (para poder plegar y desplegar zonas cubiertas por etiquetas), soporte de otros muchos lenguajes de programación, etc... Está bien tenerlo a mano para pruebas o ediciones rápidas. Es uno de mis favoritos. BlueGriffon: Este excelente editor WYSIWYG utiliza por debajo el motor de renderizado de Firefox para visualizar las páginas a medida que las vamos editando. Cuenta con ayudas a la escritura de código (como las “miguitas de pan” de la parte de abajo o el acceso a la estructura jerárquica de la página), y ofrece incluso la posibilidad de probar en tiempo real transformaciones 3D de CSS3 sin abandonar el editor (ventajas de utilizar el motor Gecko de Mozilla). Es gratuito, Open Source y multiplataforma (Windows, Mac y Linux) y está disponible en Español entre otros muchos idiomas. La última versión es de hace casi un año, pero el proyecto sigue activo.
  • 3. Sublime Text: Un editor de texto avanzado para programadores, multiplataforma. Aunque es bastante espartano lo cierto es que todo el que invierte tiempo en aprender a dominarlo luego no lo quiere dejar, ya que aumenta mucho la productividad a la hora de escribir código. No ofrece muchas de las características de ayuda al programador web que sí ofrecen la mayoría de los otros entornos, por lo que es recomendable sobre todo si vamos a trabajar mucho directamente con código, especialmente JavaScript. Lo podemos descargar y utilizar gratuitamente, pero si lo vamos a usar a menudo para trabajar sus creadores nos solicitan que les paguemos una licencia (es lo justo). Ésta tiene un precio muy razonable. JetBrains WebStorm: Este es sin duda uno de los mejores editores de código del mercado, y no solo para el trinomio HTML/CSS/JavaScript. De hecho soporta otros lenguajes como CoffeeScript, TypeScript y Node.js, y multitud de librerías de JavaScript, sistemas de control de código, testeo unitario, etc.... Es muy espectacular la capacidad de editar y ver en tiempo real los cambios en un Chrome, incluso en aplicaciones de tipo SPA/AJAX. La lista de características es tan larga que mejor te enlazo a la misma en su página. Lleva un rato aprender todas sus posibilidades, pero merece la pena. Microsoft Visual Studio Express for Web: Está disponible en varios idiomas (incluyendo el Español) y su única limitación es que sólo funciona bajo Windows. Es decir, que si trabajas en Mac o Linux no podrás utilizarlo. Por lo demás es un entorno integrado de desarrollo (IDE) espectacular. Aunque, al igual que el anterior, es una herramienta técnica orientada a programadores y con muchas otras posibilidades
  • 4. avanzadas, ofrece un soporte estupendo para diseño de páginas Web, con editores avanzados de HTML, CSS y JavaScript, capacidad de depuración, ayuda contextual para todos los lenguajes, validadores de código, validadores de accesibilidad, visualización real de cómo van a quedar las páginas, etc... Echarás de menos muy pocas cosas (aunque algunas sí, sobre todo si usas Sublime). Es totalmente gratuito. 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". Navegadores de internet: Un navegador web (en inglés, web browser) es un software, aplicación o programa que permite el acceso a la Web, interpretando la información de distintos tipos de archivos y sitios web para que estos puedan ser visualizados. Los tipos de Navegadores que existen son: 1.Internet Explorer 2.Google Chrome 3.Mozilla Firefox 4.Opera 5.Safari Comandos Html:
  • 5. archivo HTML : Indica el comienzo y fin de un encabezado (aquí se coloca generalmente el título). cuerpo de la página. de un párrafo. quiebre de línea). n > ... < 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.  < B > ... < /B > : Negrita.  < L > ... < /L > : Cursiva.  < BLINK > ... < /BLINK > : Parpadeante.  < STRONG > ... < /STRONG > : Enfatizada. ordenada (puntos). Dentro de ellos, cada item empieza por < LI > y termina al terminar la línea. ordenada (números). Dentro de ellos, cada item empieza por < LI > y termina al terminar la línea. Colores: 1.Yellow = Amarillo
  • 6. 2.Green = Verde 3.Purple = Morado 4.Red = Rojo 5.Orange = Naranja 6.Blanco = White 7.Blue = Azul 8.Pink = Rosado 9.Brown = Café 10. Violet: Violeta 11. Lime = Verde lima 12. Navy = Azul Marino 13. Sky Blue = Azul Cielo 14. Grey = Gris 15. Golden = Dorado Tipos de Letras: 1.Calibri 2.Baskerville Old Face 3.Times New Roman 4.Stencil 5.Berlin Sans FB 6.Arial Black