SlideShare una empresa de Scribd logo
1 de 9
HTML es el lenguaje con el que se definen las páginas web. Básicamente
se trata de un conjunto de etiquetas que sirven para definir el texto y
otros elementos que compondrán una página web.El HTML se creó en
un principio con objetivos divulgativos de información con texto y
algunas imágenes. No se pensó que llegara a ser utilizado para crear área
de ocio y consulta con carácter multimedia (lo que es actualmente la
web), de modo que, el HTML se creó sin dar respuesta a todos los
posibles usos que se le iba a dar y a todos los colectivos de gente

El HTML es un lenguaje de marcación de elementos para la creación de
documentos hipertexto, muy fácil de aprender, lo que permite que
cualquier persona, aunque no haya programado en la vida, pueda
enfrentarse a la tarea de crear una web. HTML
Historia de HTML

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.2 3 Describe 22
elementos que incluyen el diseño inicial y relativamente simple de
HTML. Trece de estos elementos todavía existen en HTML 4.4
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.5 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, que
reflejaba la filosofía del IETF de basar estándares en prototipos con
éxito. 6 De la misma manera, el boceto competidor de Dave
Raggett HTML+ (Hypertext Markup Format) (Formato de Marcaje de
Hipertexto), de finales de 1993, sugería estandarizar características ya
implementadas, como las tablas.7
Un sitio web es una colección de páginas web relacionadas y comunes
a un dominio de Internet o subdominio en la World Wide
Web en Internet.
Una página web es un documento HTML/XHTML que es accesible
generalmente mediante el protocolo HTTP de Internet.
Todos los sitios web públicamente accesibles constituyen una
gigantesca World Wide Web de información (un gigantesco entramado
de recursos de alcance mundial).
A las páginas de un sitio web se accede frecuentemente a través de
un URL raíz común llamado portada, que normalmente reside en el
mismo servidor físico. Los URL organizan las páginas en una jerarquía,
aunque los hiperenlaces entre ellas controlan más particularmente cómo
el lector percibe la estructura general y cómo el tráfico web fluye entre
las diferentes partes de los sitios.
Algunos sitios web requieren una subscripción para acceder a algunos o
todos sus contenidos. Ejemplos de sitios con subscripción incluyen
muchos portales de pornografía en Internet, algunos sitios de noticias,
sitios de juegos, foros, servicios de correo electrónico basados en web,
sitios que proporcionan datos de bolsa de valores e información
económica en tiempo real, etc.
Hipertexto

En informática, es el nombre que recibe el texto que en la pantalla de un
dispositivo electrónico, permite conducir a otros textos relacionados,
pulsando con el ratón o el teclado en ciertas zonas sensibles y
destacadas. La forma más habitual de hipertexto en informática es la
de hipervínculos o referencias cruzadas automáticas que van a otros
documentos (lexias). Si el usuario selecciona un hipervínculo
el programa muestra el documento enlazado. Otra forma de hipertexto
es el stretchtext que consiste en dos indicadores o aceleradores y una
pantalla. El primer indicador permite que lo escrito pueda moverse de
arriba hacia abajo en la pantalla. Es importante mencionar que el
hipertexto no está limitado a datos textuales, podemos encontrar dibujos
del elemento especificado o especializado, sonido o vídeo referido al
tema. El programa que se usa para leer los documentos de hipertexto se
llama “navegador”, el "browser", "visualizador" o "cliente" y cuando
seguimos un enlace decimos que estamos navegando por la Web. El
hipertexto es una de las formas de la hipermedia, enfocada en diseñar,
escribir y redactar texto en una media.
Una página web es el nombre de un documento o información
electrónica adaptada para la World Wide Web y que puede ser accedida
mediante un navegador . Esta información se encuentra generalmente en
formato HTML o XHTML, y puede proporcionar navegación a otras
páginas web mediante enlaces de hipertexto. Las páginas web
frecuentemente incluyen otros recursos como hojas de estilo en
cascada, guiones (scripts) e imágenes digitales, entre otros.
Las páginas web pueden estar almacenadas en un equipo local o
un servidor web remoto. El servidor web puede restringir el acceso
únicamente para redes privadas, p. ej., en una intranet corporativa, o
puede publicar las páginas en la World Wide Web. El acceso a las
páginas web es realizado mediante su transferencia
desde servidores utilizando el protocolo de transferencia de
hipertexto (HTTP).
Todo lo escribiremos en un block de notas. Puede ser el que trae por defecto su
sistema o en mi caso yo utilizo notepad++ q te reconoce cualquier lenguaje de
programación.

Empezaremos con l estructura HTML esta va en todas la paginas del mundo.

<HTML>
<head>
</head>

<body>

</body>

</HTML>
   Aspecto a considerar en el diseño de una pagina web
1. No elegir un hosting gratuito o barato
2. Comprar un nombre de dominio propio (comprobar si el
dominio no ha sido penalizado por Google anteriormente, si se
trata de un dominio ya existente).
3. Hacer una buena elección en el nombre del dominio (dominio
genérico)
4. Diseñar considerando los motores de búsqueda ( usar
excesivamente tecnología flash que no es amigable con los
buscadores). Sitio web bien diseñado técnicamente, sin errores de
compatibilidad.
5. Dar prioridad al contenido (texto) en lugar del aspecto. Permite
obtener una mejor visibilidad en Internet.
6. No olvidarse del mercado objetivo. Desde el punto de vista
del marketing y la comercialización en internet, es importante
nunca perder el rumbo, el propósito inicial de para que fue
realizada la pagina web, es el de ser un negocio no es un hobbie.
7. No tener Navegación pobre (encontrar las páginas a través de un
menú simple rápido, en definitiva, que el usuario encuentre lo que
quiere). Considerar un tema muy importante la Usabilidad
Web para una correcta presentación y uso de la pagina web.
8. No Utilizar palabras clave incorrectas, ser relevante en el sentido
de lo que la gente busca en los buscadores de Google, Yahoo! y Live
Search
9. No tener excesivo uso de imágenes y animaciones en flash
10. Que no sea pagina web excesivamente animada, ya que esto hace
que el visitante se distraiga a tal punto que prefiera abandonar la
pagina.

Más contenido relacionado

La actualidad más candente (18)

Html evolucion
Html evolucionHtml evolucion
Html evolucion
 
DIAPOSITIVAS HTLM Y HTML 5
DIAPOSITIVAS HTLM Y HTML 5DIAPOSITIVAS HTLM Y HTML 5
DIAPOSITIVAS HTLM Y HTML 5
 
Trabajo de html
Trabajo de htmlTrabajo de html
Trabajo de html
 
Noe html poer
Noe html poerNoe html poer
Noe html poer
 
Nombres
NombresNombres
Nombres
 
Introdución al html
Introdución al htmlIntrodución al html
Introdución al html
 
HTML ¿qué es y para que sirve?
HTML ¿qué es y para que sirve?HTML ¿qué es y para que sirve?
HTML ¿qué es y para que sirve?
 
Lenguaje html
Lenguaje htmlLenguaje html
Lenguaje html
 
HTML
HTMLHTML
HTML
 
Introduccion a html
Introduccion a htmlIntroduccion a html
Introduccion a html
 
Html ... aloa
Html ... aloaHtml ... aloa
Html ... aloa
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Html
HtmlHtml
Html
 
programamcion html
programamcion htmlprogramamcion html
programamcion html
 
Html
HtmlHtml
Html
 
Unidad 1
Unidad 1Unidad 1
Unidad 1
 
Fundamentos de lenguaje html
Fundamentos de lenguaje htmlFundamentos de lenguaje html
Fundamentos de lenguaje html
 
Que es html
Que es htmlQue es html
Que es html
 

Destacado

"Activitat 5" de Mar Luna
"Activitat 5" de Mar Luna"Activitat 5" de Mar Luna
"Activitat 5" de Mar Luna
mariadelmarluna
 
1º encontro - 2011 positivo
1º encontro -  2011 positivo1º encontro -  2011 positivo
1º encontro - 2011 positivo
Teka Pitta
 
Presentacion virgen
Presentacion virgenPresentacion virgen
Presentacion virgen
vallecat2
 
Boletín Informativo 10-04-13
Boletín Informativo 10-04-13Boletín Informativo 10-04-13
Boletín Informativo 10-04-13
cdh031010
 
La calidad de salud en colombia
La calidad de salud en colombiaLa calidad de salud en colombia
La calidad de salud en colombia
eduluisanta
 
Unidad III. Obras hidráulicas
Unidad III. Obras hidráulicasUnidad III. Obras hidráulicas
Unidad III. Obras hidráulicas
aboa284
 
Trabajo action scrip 3
Trabajo action scrip 3Trabajo action scrip 3
Trabajo action scrip 3
luisevelio10
 

Destacado (20)

Os testes ainda vao salvar sua pele
Os testes ainda vao salvar sua peleOs testes ainda vao salvar sua pele
Os testes ainda vao salvar sua pele
 
"Activitat 5" de Mar Luna
"Activitat 5" de Mar Luna"Activitat 5" de Mar Luna
"Activitat 5" de Mar Luna
 
Tipos de empresas
Tipos de empresasTipos de empresas
Tipos de empresas
 
1º encontro - 2011 positivo
1º encontro -  2011 positivo1º encontro -  2011 positivo
1º encontro - 2011 positivo
 
Presentacion virgen
Presentacion virgenPresentacion virgen
Presentacion virgen
 
Boletín Informativo 10-04-13
Boletín Informativo 10-04-13Boletín Informativo 10-04-13
Boletín Informativo 10-04-13
 
Sistemas de ecuaciones
Sistemas de ecuacionesSistemas de ecuaciones
Sistemas de ecuaciones
 
As+visões..
As+visões..As+visões..
As+visões..
 
La calidad de salud en colombia
La calidad de salud en colombiaLa calidad de salud en colombia
La calidad de salud en colombia
 
El Efecto Invernadero
El Efecto Invernadero El Efecto Invernadero
El Efecto Invernadero
 
Declaratoria San Salvador - V Ecuentro de Magistradas electorales de Iberoamé...
Declaratoria San Salvador - V Ecuentro de Magistradas electorales de Iberoamé...Declaratoria San Salvador - V Ecuentro de Magistradas electorales de Iberoamé...
Declaratoria San Salvador - V Ecuentro de Magistradas electorales de Iberoamé...
 
kalimathu ssalaf
kalimathu ssalafkalimathu ssalaf
kalimathu ssalaf
 
Programa Aepi 2012
Programa Aepi 2012Programa Aepi 2012
Programa Aepi 2012
 
Mis @miwis
Mis @miwisMis @miwis
Mis @miwis
 
Unidad III. Obras hidráulicas
Unidad III. Obras hidráulicasUnidad III. Obras hidráulicas
Unidad III. Obras hidráulicas
 
Prezentace -keath_haring
Prezentace  -keath_haringPrezentace  -keath_haring
Prezentace -keath_haring
 
Tema 1
Tema 1Tema 1
Tema 1
 
QCon 2011
QCon 2011QCon 2011
QCon 2011
 
Modals
ModalsModals
Modals
 
Trabajo action scrip 3
Trabajo action scrip 3Trabajo action scrip 3
Trabajo action scrip 3
 

Similar a Introduccion al html (20)

Html
HtmlHtml
Html
 
Estructura de una Pagina Web en HTML
Estructura de una Pagina Web en HTMLEstructura de una Pagina Web en HTML
Estructura de una Pagina Web en HTML
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Clase 1
Clase 1Clase 1
Clase 1
 
Guia no 1 cómo crear mi propia web
Guia no 1 cómo crear mi propia webGuia no 1 cómo crear mi propia web
Guia no 1 cómo crear mi propia web
 
Html1
Html1Html1
Html1
 
Guia 1 introduccion al html inesani 2016
Guia 1 introduccion al html inesani 2016Guia 1 introduccion al html inesani 2016
Guia 1 introduccion al html inesani 2016
 
historia de html
historia de htmlhistoria de html
historia de html
 
HTML.pptx
HTML.pptxHTML.pptx
HTML.pptx
 
Html
HtmlHtml
Html
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Nombres
NombresNombres
Nombres
 
primera c
primera cprimera c
primera c
 
Nombres
NombresNombres
Nombres
 
Htlm y javascrip
Htlm y javascripHtlm y javascrip
Htlm y javascrip
 
Htlm y javascrip
Htlm y javascripHtlm y javascrip
Htlm y javascrip
 
PAGINA WEB paucar inga lidia
PAGINA WEB paucar inga lidiaPAGINA WEB paucar inga lidia
PAGINA WEB paucar inga lidia
 
Presentacion de html
Presentacion de htmlPresentacion de html
Presentacion de html
 

Último

Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
AnnimoUno1
 

Último (11)

EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 

Introduccion al html

  • 1. HTML es el lenguaje con el que se definen las páginas web. Básicamente se trata de un conjunto de etiquetas que sirven para definir el texto y otros elementos que compondrán una página web.El HTML se creó en un principio con objetivos divulgativos de información con texto y algunas imágenes. No se pensó que llegara a ser utilizado para crear área de ocio y consulta con carácter multimedia (lo que es actualmente la web), de modo que, el HTML se creó sin dar respuesta a todos los posibles usos que se le iba a dar y a todos los colectivos de gente El HTML es un lenguaje de marcación de elementos para la creación de documentos hipertexto, muy fácil de aprender, lo que permite que cualquier persona, aunque no haya programado en la vida, pueda enfrentarse a la tarea de crear una web. HTML
  • 2. Historia de HTML 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.2 3 Describe 22 elementos que incluyen el diseño inicial y relativamente simple de HTML. Trece de estos elementos todavía existen en HTML 4.4 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.5 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, que reflejaba la filosofía del IETF de basar estándares en prototipos con éxito. 6 De la misma manera, el boceto competidor de Dave Raggett HTML+ (Hypertext Markup Format) (Formato de Marcaje de Hipertexto), de finales de 1993, sugería estandarizar características ya implementadas, como las tablas.7
  • 3. Un sitio web es una colección de páginas web relacionadas y comunes a un dominio de Internet o subdominio en la World Wide Web en Internet. Una página web es un documento HTML/XHTML que es accesible generalmente mediante el protocolo HTTP de Internet. Todos los sitios web públicamente accesibles constituyen una gigantesca World Wide Web de información (un gigantesco entramado de recursos de alcance mundial). A las páginas de un sitio web se accede frecuentemente a través de un URL raíz común llamado portada, que normalmente reside en el mismo servidor físico. Los URL organizan las páginas en una jerarquía, aunque los hiperenlaces entre ellas controlan más particularmente cómo el lector percibe la estructura general y cómo el tráfico web fluye entre las diferentes partes de los sitios. Algunos sitios web requieren una subscripción para acceder a algunos o todos sus contenidos. Ejemplos de sitios con subscripción incluyen muchos portales de pornografía en Internet, algunos sitios de noticias, sitios de juegos, foros, servicios de correo electrónico basados en web, sitios que proporcionan datos de bolsa de valores e información económica en tiempo real, etc.
  • 4. Hipertexto En informática, es el nombre que recibe el texto que en la pantalla de un dispositivo electrónico, permite conducir a otros textos relacionados, pulsando con el ratón o el teclado en ciertas zonas sensibles y destacadas. La forma más habitual de hipertexto en informática es la de hipervínculos o referencias cruzadas automáticas que van a otros documentos (lexias). Si el usuario selecciona un hipervínculo el programa muestra el documento enlazado. Otra forma de hipertexto es el stretchtext que consiste en dos indicadores o aceleradores y una pantalla. El primer indicador permite que lo escrito pueda moverse de arriba hacia abajo en la pantalla. Es importante mencionar que el hipertexto no está limitado a datos textuales, podemos encontrar dibujos del elemento especificado o especializado, sonido o vídeo referido al tema. El programa que se usa para leer los documentos de hipertexto se llama “navegador”, el "browser", "visualizador" o "cliente" y cuando seguimos un enlace decimos que estamos navegando por la Web. El hipertexto es una de las formas de la hipermedia, enfocada en diseñar, escribir y redactar texto en una media.
  • 5. Una página web es el nombre de un documento o información electrónica adaptada para la World Wide Web y que puede ser accedida mediante un navegador . Esta información se encuentra generalmente en formato HTML o XHTML, y puede proporcionar navegación a otras páginas web mediante enlaces de hipertexto. Las páginas web frecuentemente incluyen otros recursos como hojas de estilo en cascada, guiones (scripts) e imágenes digitales, entre otros. Las páginas web pueden estar almacenadas en un equipo local o un servidor web remoto. El servidor web puede restringir el acceso únicamente para redes privadas, p. ej., en una intranet corporativa, o puede publicar las páginas en la World Wide Web. El acceso a las páginas web es realizado mediante su transferencia desde servidores utilizando el protocolo de transferencia de hipertexto (HTTP).
  • 6. Todo lo escribiremos en un block de notas. Puede ser el que trae por defecto su sistema o en mi caso yo utilizo notepad++ q te reconoce cualquier lenguaje de programación. Empezaremos con l estructura HTML esta va en todas la paginas del mundo. <HTML> <head> </head> <body> </body> </HTML>
  • 7. Aspecto a considerar en el diseño de una pagina web 1. No elegir un hosting gratuito o barato 2. Comprar un nombre de dominio propio (comprobar si el dominio no ha sido penalizado por Google anteriormente, si se trata de un dominio ya existente). 3. Hacer una buena elección en el nombre del dominio (dominio genérico) 4. Diseñar considerando los motores de búsqueda ( usar excesivamente tecnología flash que no es amigable con los buscadores). Sitio web bien diseñado técnicamente, sin errores de compatibilidad. 5. Dar prioridad al contenido (texto) en lugar del aspecto. Permite obtener una mejor visibilidad en Internet.
  • 8.
  • 9. 6. No olvidarse del mercado objetivo. Desde el punto de vista del marketing y la comercialización en internet, es importante nunca perder el rumbo, el propósito inicial de para que fue realizada la pagina web, es el de ser un negocio no es un hobbie. 7. No tener Navegación pobre (encontrar las páginas a través de un menú simple rápido, en definitiva, que el usuario encuentre lo que quiere). Considerar un tema muy importante la Usabilidad Web para una correcta presentación y uso de la pagina web. 8. No Utilizar palabras clave incorrectas, ser relevante en el sentido de lo que la gente busca en los buscadores de Google, Yahoo! y Live Search 9. No tener excesivo uso de imágenes y animaciones en flash 10. Que no sea pagina web excesivamente animada, ya que esto hace que el visitante se distraiga a tal punto que prefiera abandonar la pagina.