Natalia Stephania Pazmiño
Leguizamón
11-01
Índice
 Definición de HTML
 Historia de HTML
 Características de HTML
 ¿Qué son etiquetas o tagger?
 Características de las ...
HyperText Markup Language (Lenguaje de Marcas de
Hipertexto), es el lenguaje de marcado predominante
para la construcción ...
HTML se utiliza desde 1989.
La primera descripción de HTML disponible públicamente fue un
documento llamado HTML Tags (Eti...
El html es un lenguaje de marcas hipertextuales, un lenguaje
diseñado para estructurar textos para generar páginas web.
Gr...
Las etiquetas son fragmentos de texto destacado de una
forma especial que permiten la definición de las distintas
instrucc...
•Las etiquetas son la base principal del lenguaje HTML.
•Cuando se comete un error sintáctico al expresar una
etiqueta o u...
<!DOCTYPE>
Es la primera parte de una página web, aún antes que la etiqueta
<html>. Le indica al navegador que especificac...
Algunos editores muy conocidos son Dreamweaver, Go
Live o NVU. Son software especializado en la creación de
sitios web, co...
Lo más interesante sin duda para una persona que está aprendiendo a hacer
webs es el editor gráfico. Tú creas la página co...
Upcoming SlideShare
Loading in …5
×

Html

764 views

Published on

Published in: Education, Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
764
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
19
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Html

  1. 1. Natalia Stephania Pazmiño Leguizamón 11-01 Índice
  2. 2.  Definición de HTML  Historia de HTML  Características de HTML  ¿Qué son etiquetas o tagger?  Características de las etiquetas  Etiquetas básicas para elaborar una página web  Software utilizado para desarrollar código HTML
  3. 3. HyperText Markup Language (Lenguaje de Marcas de Hipertexto), es el lenguaje de marcado predominante para la construcción de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. HTML se escribe en forma de "etiquetas", rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo Javascript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML. Índice
  4. 4. HTML se utiliza desde 1989. La primera descripción de HTML disponible públicamente fue un documento llamado HTML Tags (Etiquetas HTML), publicado por primera vez en Internet por Tim Berners-Lee en 1991.Describe 22 elementos comprendiendo el diseño inicial y relativamente simple de HTML. Trece de estos elementos todavía existen en HTML Berners-Lee consideraba a HTML una ampliación de SGML, pero no fue formalmente reconocida como tal hasta la publicación de mediados de 1993, por la IETF, de una primera proposición para una especificación de HTML: el boceto Hypertext Markup Language de Berners-Lee y Dan Connolly, el cual incluía una Definición de Tipo de Documento SGML para definir la gramática. El boceto expiró luego de seis meses, pero fue notable por su reconocimiento de la etiqueta propia del navegador Mosaic usada para insertar imágenes sin cambio de línea, reflejando la filosofía del IETF de basar estándares en prototipos con éxito. Similarmente, el boceto competidor de Dave Raggett HTML+ (Hypertext Markup Format) (Formato de marcaje de hipertexto), de 1993 tardío, sugería, estandarizar características ya implementadas tales como tablas.
  5. 5. El html es un lenguaje de marcas hipertextuales, un lenguaje diseñado para estructurar textos para generar páginas web. Gracias a Internet y a los navegadores web, el html se ha convertido en el formato más fácil para la creación de páginas web debido a su sencillez. La mayoría de las etiquetas del lenguaje html son semánticas. La interpretación de las etiquetas es realizada por el navegador web. El lenguaje HTML es extensible, se le pueden añadir características, etiquetas y funciones adicionales para el diseño de páginas web, generando un producto vistoso, rápido y sencillo. Índice
  6. 6. Las etiquetas son fragmentos de texto destacado de una forma especial que permiten la definición de las distintas instrucciones de HTML, tanto los efectos a aplicar sobre el texto como las distintas estructuras del lenguaje. Una etiqueta son un texto incluido entre los símbolos menor que < y mayor que >.. El texto incluido dentro de los símbolos será explicativo de la utilidad de la etiqueta. Por ejemplo: <B> Letra Negrita, del inglés Bold (negrita). <TABLE> Definirá una tabla.
  7. 7. •Las etiquetas son la base principal del lenguaje HTML. •Cuando se comete un error sintáctico al expresar una etiqueta o un atributo no se producirá ningún error, simplemente no de obtendrá el efecto que deseábamos. •El uso de mayúsculas o minúsculas en las etiquetas es indiferente, se interpretarán del mismo modo en ambos casos, pero lo normal es expresarlas en mayúsculas para que destaquen con más nitidez del texto normal. •Las etiquetas pueden funcionar solas o por parejas. Cuando funcionan por parejas, la primera indica el inicio del formato o enlace, mientras que la otra marca el final. Las etiquetas de final incluyen la misma información que las del inicio con la barra inclinada (/). Índice
  8. 8. <!DOCTYPE> Es la primera parte de una página web, aún antes que la etiqueta <html>. Le indica al navegador que especificación de HTML se está utilizando. <html></html> Abre y cierra un documento HTML <head></head> Encabezado de la página - aquí se coloca titulo, metatags, e informacion para buscadores entre otras cosas. Está información no es visible. <body></body> Dentro de esta etiqueta va toda la parte visible de la página web.
  9. 9. Algunos editores muy conocidos son Dreamweaver, Go Live o NVU. Son software especializado en la creación de sitios web, construidos para crear y modificar el código HTML, CSS, PHP, etc. de tus páginas web. Tienen funciones muy útiles para un diseñador web, como el editor gráfico, que te permite crear webs con pocos conocimientos de HTML ya que se asemeja a un procesador de textos. Otras funciones muy interesantes de estos programas son el permitir remplazar código de múltiples páginas a la vez, la comprobación de errores de programación en el código, previsualizar las páginas en diferentes navegadores, etc. Índice
  10. 10. Lo más interesante sin duda para una persona que está aprendiendo a hacer webs es el editor gráfico. Tú creas la página como si del Word se tratara; escribes el texto, los títulos, pones las imágenes, eliges los colores, etc. y el programa te guarda la página con el código HTML listo. Es lo que se llama What You See Is What You Get (WYSIWYG), lo que ves es lo que obtienes. Se les llama así con razón, puesto que utilizandolos no es necesario escribir nada de código HTML para crear una página web. Si sabes HTML una buena opción es programar tú mismo todo el código de tu web mediante editores de código fuente como el Block de notas de Windows (no está diseñado para eso pero puede usarse), o algunos un poco más especializados comoNotepad. Éste último te colorea el código de diferentes tonos según el tipo de código que tenga la página, lo cual resulta muy útil para buscar fragmentos de un vistazo. Los editores de texto son programas simples pero muy eficaces que permiten guardar documentos de texto sin formato. Al no ofrecer ningún tipo de guía visual, al contrario que los editores HTML o WYSIWYG, son los más complicados de utilizar para los que empiezar a hacer páginas web. Los editores de HTML son básicamente editores de texto diseñados específicamente para hacer páginas web, por tanto traen incorporadas funcionalidades que no tienen los editores de texto genéricos, y que facilitan mucho las cosas. Índice

×