SlideShare una empresa de Scribd logo
1 de 6
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 (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

Informe de clase juliana montoya
Informe de clase juliana montoyaInforme de clase juliana montoya
Informe de clase juliana montoyadecimosistemas2016
 
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í 2013Lucho Huamaní
 
Anteproyecto de investigación doctoral
Anteproyecto de investigación doctoralAnteproyecto de investigación doctoral
Anteproyecto de investigación doctoralMajinRuiz63
 
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 aguirredecimosistemas2016
 
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'enseignantGroupe Traces
 
GRADUATION PROJECT VY
GRADUATION PROJECT VYGRADUATION PROJECT VY
GRADUATION PROJECT VYvy nguyen
 
Waldbott Contabilidad sgiERP Version 8.0
Waldbott Contabilidad sgiERP Version 8.0Waldbott Contabilidad sgiERP Version 8.0
Waldbott Contabilidad sgiERP Version 8.0digipar
 
Estrategias y tecnicas de investigacion cualitativa
Estrategias y tecnicas de investigacion cualitativaEstrategias y tecnicas de investigacion cualitativa
Estrategias y tecnicas de investigacion cualitativaMajinRuiz63
 
Security Operations -- An Overview
Security Operations -- An OverviewSecurity Operations -- An Overview
Security Operations -- An OverviewNicholas 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 Editores HTML (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

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
 
Plan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPEPlan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPELaura Chacón
 
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.pptDE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.pptELENA GALLARDO PAÚLS
 
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxPresentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxYeseniaRivera50
 
Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024IES Vicent Andres Estelles
 
Fundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdfFundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdfsamyarrocha1
 
EXPECTATIVAS vs PERSPECTIVA en la vida.
EXPECTATIVAS vs PERSPECTIVA  en la vida.EXPECTATIVAS vs PERSPECTIVA  en la vida.
EXPECTATIVAS vs PERSPECTIVA en la vida.DaluiMonasterio
 
Introducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo SostenibleIntroducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo SostenibleJonathanCovena1
 
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
 
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptxPPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptxOscarEduardoSanchezC
 
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
 
Marketing y servicios 2ºBTP Cocina DGETP
Marketing y servicios 2ºBTP Cocina DGETPMarketing y servicios 2ºBTP Cocina DGETP
Marketing y servicios 2ºBTP Cocina DGETPANEP - DETP
 
Día de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialDía de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialpatriciaines1993
 
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIARAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIACarlos Campaña Montenegro
 
Informatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosInformatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosCesarFernandez937857
 

Último (20)

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
 
Unidad 4 | Teorías de las Comunicación | MCDI
Unidad 4 | Teorías de las Comunicación | MCDIUnidad 4 | Teorías de las Comunicación | MCDI
Unidad 4 | Teorías de las Comunicación | MCDI
 
Plan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPEPlan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPE
 
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.pptDE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
 
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxPresentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
 
Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024
 
Fundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdfFundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdf
 
EXPECTATIVAS vs PERSPECTIVA en la vida.
EXPECTATIVAS vs PERSPECTIVA  en la vida.EXPECTATIVAS vs PERSPECTIVA  en la vida.
EXPECTATIVAS vs PERSPECTIVA en la vida.
 
Introducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo SostenibleIntroducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo Sostenible
 
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
 
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdfTema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
 
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptxPPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
 
Repaso Pruebas CRECE PR 2024. Ciencia General
Repaso Pruebas CRECE PR 2024. Ciencia GeneralRepaso Pruebas CRECE PR 2024. Ciencia General
Repaso Pruebas CRECE PR 2024. Ciencia General
 
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
 
Marketing y servicios 2ºBTP Cocina DGETP
Marketing y servicios 2ºBTP Cocina DGETPMarketing y servicios 2ºBTP Cocina DGETP
Marketing y servicios 2ºBTP Cocina DGETP
 
Día de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialDía de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundial
 
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
 
Earth Day Everyday 2024 54th anniversary
Earth Day Everyday 2024 54th anniversaryEarth Day Everyday 2024 54th anniversary
Earth Day Everyday 2024 54th anniversary
 
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIARAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
 
Informatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosInformatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos Básicos
 

Editores HTML

  • 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