Your SlideShare is downloading. ×
Html
Html
Html
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
98
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. COLEGIO NACIONAL NICOLAS ESGUERRA EDIFICAMOS FUTURO HTMLHTML: El HTML o Hypertext Markup Language, en inglés, es el lenguaje utilizadopara las páginas web o de Internet. En español su traducción vendría a ser Lenguaje deEtiquetado de Documentos hipertextual. El etiquetado se refiere a que los archivosHTML, además de texto, contienen una serie de atribuciones o información adicionalacerca del texto. Hypertexto, término acuñado en 1965 por Ted Nelson, es informaciónno lineal, lo que en palabras sencillas significa texto con enlaces o links a otros textos.El lenguaje HTML estructura la información, que luego es visualizada utilizando unnavegador, como en Internet Explorer que viene con el sistema operativo Windows.La historia del HTML comienza formalmente el 1993, cuando se publicó su primeraversión; este fue un borrador a cargo de la IETF (Internet Engineering Task Force). Enrealidad quien inventó el HTML fue Tim Berners-Lee, uno de los padres de la Internet,pero primera versión formal tuvo lugar en 1993, refinada con la ayuda de la IETF.NAVEGADORES: Un navegador es un intérprete de lo que se conoce como LenguajeO IDIOMA de Marcado de HiperTexto (HTML ó HyperText Markup Language). En elmundo de Internet, se puede decir que sólo hay estos dos Navegadores Explorer yNetscape Navigator 4, pero eso está muy lejos de la verdad. Existen docenas deNavegadores, y la mayoría de ellos son gratis. A continuación se presentan algunos deestos Navegadores. Netscape Navigator 4, Microsoft Internet Explorer 4.01, Opera 3.51,NeoPlanet 2.0, HotJava 1.1.5, Amaya 1.4, BeConn 4.3.7, NCSA Mosaic 3.0.Obviamente no podían faltar los cinco grandes, hablo de Internet Explorer, Firefox,Safari, Google Chorme y Opera, sin embargo, para promover la innovación y lacompetitividad.EDITORES DE HTML: Un editor de páginas web es una aplicación diseñada con el finde facilitar la creación de documentos HTML o XHTML.Los editores de HTML puedenser de dos tipos, como veremos, unos permiten codificar las páginas utilizando el propiolenguaje HTML, a base de marcas y otros nos permiten diseñar una página web, comosi estuviésemos escribiendo con un editor de texto avanzado, sin tener que escribir elcódigo con las etiquetasEl editor de HTML es el encargado de vérselas con el lenguajey programar internamente la página con el código HTML,según lo que nosotros estamosdiseñando.EJMPLOS: 1. Quackit Online HTML Editor: Codifique tanto como pueda y vea los resultados al hacer clic en ‘source‘ 2. . 2. Real-Time HTML Editor: No hay más la necesidad de estar cambiando ventanas para ver el efecto de la edición de su HTML. 3. 3. Online HTML Editor: Vea de manera anticipada cómo se vería su sitio web en realidad. 4. 4. Amy Editor: Un editor HMTL sencillo que soporta Ruby, Python, Texy!, PHP y otros.
  • 2. 5. 5. Tiny MCE: Uno de los recursos favoritos de los desarrolladores y diseñadores web en el mundo. 6. 6. Ajax.org Cloud9 Editor: Javascript fácil de poner en tu sitio y sucesor del Mozilla Skywriter (Bespin) Project. 7. 7. HTML Instant: Un editor HTML en tiempo real! 8. 8. HTML Editor: Escriba lo que quiera y obtenga la fuente HTML. 9. 9. WYSIWYG HTML Editor: Para templates en eBay Auction 10. 10. Online – HTML – Editor: Top rated HTML Editor por Web Hosting SearchETIQUETAS DE HTML: El lenguaje HTML es un lenguaje de marcas, estas marcasserán fragmentos de texto destacado de una forma especial que permiten la definiciónde las distintas instrucciones de HTML, tanto los efectos a aplicar sobre el texto comolas distintas estructuras del lenguaje. A estas marcas las denominaremos etiquetas yserán la base principal del lenguaje HTML. En documento HTML será un fichero textocon etiquetas que variarán la forma de su presentación.Una etiqueta será un texto incluido entre los símbolos menor que < y mayor que >.. Eltexto incluido dentro de los símbolos será explicativo de la utilidad de la etiqueta. Porejemplo:<B>Letra Negrita, del inglés Bold (negrita).<TABLE>Definirá una tabla.<IMG>Inclusión de una Imagen.Existe normalmente una etiqueta de inicio y otra de fin, la de fin contendrá el mismotexto que la de inicio añadiéndole al principio una barra inclinada /. El efecto que definela etiqueta tendrá validez para todo lo que este incluido entre las etiquetas de inicio yfin, ya sea texto plano o otras etiquetas HTML.<ETIQUETA>Elementos Afectados por la Etiqueta</ETIQUETA>Por ejemplo, con la etiqueta siguiente:<B>Texto que será en negrita</B>.Obtendremos:Texto que será en negrillaAlgunas etiquetas no necesitarán la de fin, serán aquellas en las que el final esteimplícito, por ejemplo <P> párrafo, <BR> salto de línea ó <IMG> inclusión de unaimagen. Definen un efecto que se producirá en un punto determinado sin afectar a otroselementos.El uso de mayúsculas o minúsculas en las etiquetas es indiferente, se interpretarán delmismo modo en ambos casos, pero lo normal es expresarlas en mayúsculas para quedestaquen con más nitidez del texto normal.

×