SlideShare uma empresa Scribd logo
1 de 12
ANA LILIA OLIVER AMADOR
DESARROLLO DE NEGOCIOS
DN12
08 DICIEMBRE 2013
¿QUÉ ES?


Conjunto de etiquetas que sirven para definir
el texto y otros elementos que compondrán
una página web.
INICIOS:


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


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
que lo utilizarían en un futuro.
PARA QUE SE USA:


Para
la
lectura
de
documentos
en Internet desde diferentes equipos gracias
al protocolo HTTP, que permite a los
usuarios acceder, de forma remota, a
documentos almacenados en una dirección
específica
de
la
red,
denominada
dirección URL.
VERSIONES DE HTML


Fue diseñado por Tim Berners-Lee, quien trabajaba
entonces como investigador de CERN, en 1989.



No fue hasta 1993 que HTML se consideró suficientemente
avanzado para ser llamado lenguaje.
CÓDIGOS HTML


<html>:



<script>: incrusta un script en una web, o llama a uno
mediante src="url del script". Se recomienda incluir el tipo
MIMEen
el
atributo
type,
en
el
caso
de JavaScript text/javascript.

define el inicio del documento HTML, le indica
al navegador que lo que viene a continuación debe ser
interpretado como código HTML.


<head>: define la cabecera del documento HTML; esta
cabecera suele contener información sobre el documento
que no se muestra directamente al usuario como, por
ejemplo, el título de la ventana del navegador.



<title>: define el título de la página. Por lo general, el título
aparece en la barra de título encima de la ventana.


<link>: para vincular el sitio a hojas de estilo o iconos. Por
ejemplo:<link rel="stylesheet" href="/style.css" type="text/css">.



<style>: para colocar el estilo interno de la página; ya sea
usando CSS u otros lenguajes similares. No es necesario
colocarlo si se va a vincular a un archivo externo usando la
etiqueta <link>.



<meta>: para metadatos como la autoría o la licencia, incluso
para indicar parámetros http (mediante http-equiv="") cuando no
se pueden modificar por no estar disponible la configuración o
por dificultades con server-side scripting.
APLICACIÓN DE ETIQUETAS


Se abren y se
<b>negrita</b>, que
web como negrita.

cierran, como
se vería en

por ejemplo:
su navegador



No pueden abrirse y cerrarse, como <hr />, que se vería en
su navegador web como una línea horizontal.



Otras que pueden abrirse y cerrarse, como por ejemplo
<p>.


Las etiquetas básicas o mínimas son:

<!DOCTYPE
HTML>
<html>
<head><title>Ejemplo1</title>
</head>
<body> <p>ejemplo1</p> </body> </html>
CITAS BIBLIOGRÁFICAS


http://www.desarrolloweb.com/articulos/quees-html.html



http://es.kioskea.net/contents/241introduccion-a-html



http://es.wikipedia.org/wiki/HTML

Mais conteúdo relacionado

Mais procurados (18)

Mary html
Mary htmlMary html
Mary html
 
breve historia de html
breve historia de htmlbreve historia de html
breve historia de html
 
Barreto vanegas nicolás steven
Barreto vanegas nicolás stevenBarreto vanegas nicolás steven
Barreto vanegas nicolás steven
 
001 html
001 html001 html
001 html
 
Jorge andres
Jorge andresJorge andres
Jorge andres
 
Introduccion al html
Introduccion al htmlIntroduccion al html
Introduccion al html
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
Curso basico de html
Curso basico de         htmlCurso basico de         html
Curso basico de html
 
Html
HtmlHtml
Html
 
01introduccion
01introduccion01introduccion
01introduccion
 
S.p.m
S.p.mS.p.m
S.p.m
 
Crear archivo html
Crear archivo htmlCrear archivo html
Crear archivo html
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Html
HtmlHtml
Html
 
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
 
Html5
Html5Html5
Html5
 
Colegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra htmlColegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra html
 
Indicaciones para la tarea pagina web básica
Indicaciones para la tarea pagina web básicaIndicaciones para la tarea pagina web básica
Indicaciones para la tarea pagina web básica
 

Destaque

Голодомор
ГолодоморГолодомор
Голодоморeuroclublife
 
Applying Web-Enabled Problem-Based Learning and Self-Regulated Learning to Ad...
Applying Web-Enabled Problem-Based Learning and Self-Regulated Learning to Ad...Applying Web-Enabled Problem-Based Learning and Self-Regulated Learning to Ad...
Applying Web-Enabled Problem-Based Learning and Self-Regulated Learning to Ad...nadiashaharil
 
Inroducción al derecho
Inroducción al derechoInroducción al derecho
Inroducción al derechosilvera14
 
Campos de investigación y aplicación de las ntic
Campos de investigación y aplicación de las nticCampos de investigación y aplicación de las ntic
Campos de investigación y aplicación de las nticMartin3004
 
Malaji malaquias 26
Malaji malaquias 26Malaji malaquias 26
Malaji malaquias 26Libros Pdf
 
PA Final Project (2) CHAN
PA Final Project (2) CHANPA Final Project (2) CHAN
PA Final Project (2) CHANteesa124
 
Proyecto reforma energetica
Proyecto reforma energeticaProyecto reforma energetica
Proyecto reforma energeticaSenadores PRD
 
Shaherarzade robinsonslideshoww2
Shaherarzade robinsonslideshoww2Shaherarzade robinsonslideshoww2
Shaherarzade robinsonslideshoww2sdr1963
 

Destaque (20)

trabajoo
trabajootrabajoo
trabajoo
 
2
22
2
 
Голодомор
ГолодоморГолодомор
Голодомор
 
الواجهة1
الواجهة1الواجهة1
الواجهة1
 
Applying Web-Enabled Problem-Based Learning and Self-Regulated Learning to Ad...
Applying Web-Enabled Problem-Based Learning and Self-Regulated Learning to Ad...Applying Web-Enabled Problem-Based Learning and Self-Regulated Learning to Ad...
Applying Web-Enabled Problem-Based Learning and Self-Regulated Learning to Ad...
 
26a
26a26a
26a
 
Inroducción al derecho
Inroducción al derechoInroducción al derecho
Inroducción al derecho
 
Campos de investigación y aplicación de las ntic
Campos de investigación y aplicación de las nticCampos de investigación y aplicación de las ntic
Campos de investigación y aplicación de las ntic
 
PULVERIZAÇÃO
PULVERIZAÇÃOPULVERIZAÇÃO
PULVERIZAÇÃO
 
Malaji malaquias 26
Malaji malaquias 26Malaji malaquias 26
Malaji malaquias 26
 
PA Final Project (2) CHAN
PA Final Project (2) CHANPA Final Project (2) CHAN
PA Final Project (2) CHAN
 
3
33
3
 
Hoja de reflexión
Hoja de reflexiónHoja de reflexión
Hoja de reflexión
 
0
00
0
 
Proyecto reforma energetica
Proyecto reforma energeticaProyecto reforma energetica
Proyecto reforma energetica
 
Shaherarzade robinsonslideshoww2
Shaherarzade robinsonslideshoww2Shaherarzade robinsonslideshoww2
Shaherarzade robinsonslideshoww2
 
Guiacopespanol
GuiacopespanolGuiacopespanol
Guiacopespanol
 
Camtasia
CamtasiaCamtasia
Camtasia
 
Horror Film Trailer Analysis
Horror Film Trailer AnalysisHorror Film Trailer Analysis
Horror Film Trailer Analysis
 
1
11
1
 

Semelhante a Html ... aloa (20)

Lissette lainez
Lissette lainezLissette lainez
Lissette lainez
 
Lissette lainez
Lissette lainezLissette lainez
Lissette lainez
 
Definiciones
DefinicionesDefiniciones
Definiciones
 
Html
HtmlHtml
Html
 
Qué es el html
Qué es el htmlQué es el html
Qué es el html
 
Html
HtmlHtml
Html
 
Trabajo practico 2
Trabajo practico 2Trabajo practico 2
Trabajo practico 2
 
Trabajo practico 2
Trabajo practico 2Trabajo practico 2
Trabajo practico 2
 
Trabajo practico 2
Trabajo practico 2Trabajo practico 2
Trabajo practico 2
 
Introducción a html
Introducción a htmlIntroducción a html
Introducción a html
 
Html geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldanaHtml geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldana
 
Taller 1 mariana barreto
Taller 1 mariana barretoTaller 1 mariana barreto
Taller 1 mariana barreto
 
Lenguajes de programacion
Lenguajes de programacionLenguajes de programacion
Lenguajes de programacion
 
Clase HTML.pptx
Clase HTML.pptxClase HTML.pptx
Clase HTML.pptx
 
Html
HtmlHtml
Html
 
Acerca de html
Acerca de htmlAcerca de html
Acerca de html
 
Html y xml
Html y xmlHtml y xml
Html y xml
 
danny
dannydanny
danny
 
Html
HtmlHtml
Html
 
Códigos HTML.pptx Sede magdalena ortega de nariño
Códigos HTML.pptx Sede magdalena ortega de nariñoCódigos HTML.pptx Sede magdalena ortega de nariño
Códigos HTML.pptx Sede magdalena ortega de nariño
 

Mais de Any Oliver

Mi proyecto de_ vida_aloa
Mi  proyecto  de_ vida_aloaMi  proyecto  de_ vida_aloa
Mi proyecto de_ vida_aloaAny Oliver
 
Protocolo http.. ana oliver
Protocolo http.. ana oliverProtocolo http.. ana oliver
Protocolo http.. ana oliverAny Oliver
 
Historia del facebook... alo
Historia del facebook... aloHistoria del facebook... alo
Historia del facebook... aloAny Oliver
 
Redes sociales... aloa
Redes sociales... aloaRedes sociales... aloa
Redes sociales... aloaAny Oliver
 
Adicción a los videojuegos... aloa
Adicción a los videojuegos... aloaAdicción a los videojuegos... aloa
Adicción a los videojuegos... aloaAny Oliver
 
Peer to peer... aloa
Peer to peer... aloaPeer to peer... aloa
Peer to peer... aloaAny Oliver
 
Protocolo ftp... aloa
Protocolo ftp... aloaProtocolo ftp... aloa
Protocolo ftp... aloaAny Oliver
 
Historia del napster... aloa
Historia del napster... aloaHistoria del napster... aloa
Historia del napster... aloaAny Oliver
 
Procesadores de textos. ana lilia
Procesadores de textos. ana liliaProcesadores de textos. ana lilia
Procesadores de textos. ana liliaAny Oliver
 
Cáncer de piel
Cáncer de pielCáncer de piel
Cáncer de pielAny Oliver
 

Mais de Any Oliver (12)

Mi proyecto de_ vida_aloa
Mi  proyecto  de_ vida_aloaMi  proyecto  de_ vida_aloa
Mi proyecto de_ vida_aloa
 
Protocolo http.. ana oliver
Protocolo http.. ana oliverProtocolo http.. ana oliver
Protocolo http.. ana oliver
 
Vo ip..ana
Vo ip..anaVo ip..ana
Vo ip..ana
 
Historia del facebook... alo
Historia del facebook... aloHistoria del facebook... alo
Historia del facebook... alo
 
Redes sociales... aloa
Redes sociales... aloaRedes sociales... aloa
Redes sociales... aloa
 
Adicción a los videojuegos... aloa
Adicción a los videojuegos... aloaAdicción a los videojuegos... aloa
Adicción a los videojuegos... aloa
 
Peer to peer... aloa
Peer to peer... aloaPeer to peer... aloa
Peer to peer... aloa
 
Protocolo ftp... aloa
Protocolo ftp... aloaProtocolo ftp... aloa
Protocolo ftp... aloa
 
Historia del napster... aloa
Historia del napster... aloaHistoria del napster... aloa
Historia del napster... aloa
 
Rss.. ana
Rss.. anaRss.. ana
Rss.. ana
 
Procesadores de textos. ana lilia
Procesadores de textos. ana liliaProcesadores de textos. ana lilia
Procesadores de textos. ana lilia
 
Cáncer de piel
Cáncer de pielCáncer de piel
Cáncer de piel
 

Html ... aloa

  • 1. ANA LILIA OLIVER AMADOR DESARROLLO DE NEGOCIOS DN12 08 DICIEMBRE 2013
  • 2. ¿QUÉ ES?  Conjunto de etiquetas que sirven para definir el texto y otros elementos que compondrán una página web.
  • 3. INICIOS:  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
  • 4.  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 que lo utilizarían en un futuro.
  • 5. PARA QUE SE USA:  Para la lectura de documentos en Internet desde diferentes equipos gracias al protocolo HTTP, que permite a los usuarios acceder, de forma remota, a documentos almacenados en una dirección específica de la red, denominada dirección URL.
  • 6. VERSIONES DE HTML  Fue diseñado por Tim Berners-Lee, quien trabajaba entonces como investigador de CERN, en 1989.  No fue hasta 1993 que HTML se consideró suficientemente avanzado para ser llamado lenguaje.
  • 7. CÓDIGOS HTML  <html>:  <script>: incrusta un script en una web, o llama a uno mediante src="url del script". Se recomienda incluir el tipo MIMEen el atributo type, en el caso de JavaScript text/javascript. define el inicio del documento HTML, le indica al navegador que lo que viene a continuación debe ser interpretado como código HTML.
  • 8.  <head>: define la cabecera del documento HTML; esta cabecera suele contener información sobre el documento que no se muestra directamente al usuario como, por ejemplo, el título de la ventana del navegador.  <title>: define el título de la página. Por lo general, el título aparece en la barra de título encima de la ventana.
  • 9.  <link>: para vincular el sitio a hojas de estilo o iconos. Por ejemplo:<link rel="stylesheet" href="/style.css" type="text/css">.  <style>: para colocar el estilo interno de la página; ya sea usando CSS u otros lenguajes similares. No es necesario colocarlo si se va a vincular a un archivo externo usando la etiqueta <link>.  <meta>: para metadatos como la autoría o la licencia, incluso para indicar parámetros http (mediante http-equiv="") cuando no se pueden modificar por no estar disponible la configuración o por dificultades con server-side scripting.
  • 10. APLICACIÓN DE ETIQUETAS  Se abren y se <b>negrita</b>, que web como negrita. cierran, como se vería en por ejemplo: su navegador  No pueden abrirse y cerrarse, como <hr />, que se vería en su navegador web como una línea horizontal.  Otras que pueden abrirse y cerrarse, como por ejemplo <p>.
  • 11.  Las etiquetas básicas o mínimas son: <!DOCTYPE HTML> <html> <head><title>Ejemplo1</title> </head> <body> <p>ejemplo1</p> </body> </html>