SlideShare una empresa de Scribd logo
1 de 14
zzzz
• ¿Qué es HTML?
• ¿Cómo se usa HTML?
• Pasos para utilizar HTML
HTML es un lenguaje de programación que
se utiliza para el desarrollo de páginas de
Internet. Se trata de la siglas que
corresponden a HyperText Markup
Language, es decir, Lenguaje de Marcas
de Hipertexto.
Existen muchos programas que se utilizan
para crear sitios web, pero la forma básica
de hacerlo es usando tu bloc de notas y el
lenguaje HTML.
1En primer lugar, aquí tienes algo de información acerca de HTML:
Para programar en HTML se utilizan "etiquetas". Éstas le dan formato al texto que luego
aparecerá en tu sitio web, crean tablas, insertan imágenes, etc.
Una etiqueta siempre va entre los símbolos "< >", de esta forma: <xxx>.
Todo lo demás que no esté entre los "< >" es lo que aparecerá en el sitio web.
Existen dos tipos de etiquetas: de apertura y de cierre.
Las etiquetas de apertura tienen sólo una palabra clave, por ejemplo: <xxx>.
Las etiquetas de cierre (las más comunes) tienen dos palabras clave. La última va al final de la
sentencia que quieres que aparezca en el sitio web y tiene el símbolo "/", por ejemplo:
<yyy> Hola, mi nombre es Dane </yyy>.
2
Abre un nuevo documento en el Bloc de
notas.
3
Escribe <html> <body> Bienvenido a mi
primer sitio web </body> </html>
4
Guarda el documento con el nombre que quieras, pero con la
extensión .html, por ejemplo: sitioweb.html. ¡Si no lo guardas así no
funcionará!
5
Dirígete hacia la carpeta en donde guardaste el documento. Allí
encontrarás el documento con el símbolo de Internet Explorer.
6
Ábrelo. Se verá así:
7
Experimenta con nuevas etiquetas. Aquí tienes una lista de
las más comunes:

Más contenido relacionado

La actualidad más candente (14)

Html
HtmlHtml
Html
 
Codigo html
Codigo htmlCodigo html
Codigo html
 
Html
HtmlHtml
Html
 
Introduccion a html
Introduccion a htmlIntroduccion a html
Introduccion a html
 
Colegionacionalnicolasesguerra 120914133034-phpapp02
Colegionacionalnicolasesguerra 120914133034-phpapp02Colegionacionalnicolasesguerra 120914133034-phpapp02
Colegionacionalnicolasesguerra 120914133034-phpapp02
 
Introducción a html
Introducción a htmlIntroducción a html
Introducción a html
 
Introduccion a html
Introduccion a htmlIntroduccion a html
Introduccion a html
 
Producto 3
Producto 3Producto 3
Producto 3
 
Htlm
HtlmHtlm
Htlm
 
Clase 1 periodo II html
Clase 1 periodo II  htmlClase 1 periodo II  html
Clase 1 periodo II html
 
Arias
AriasArias
Arias
 
Navegadores
NavegadoresNavegadores
Navegadores
 
Actividad nº6
Actividad nº6Actividad nº6
Actividad nº6
 
Colegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra htmlColegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra html
 

Similar a Presentación1 html (20)

Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Lenguaje html
Lenguaje htmlLenguaje html
Lenguaje html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Unidad 1
Unidad 1Unidad 1
Unidad 1
 
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
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
HTML
HTMLHTML
HTML
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
HTML 2
HTML 2 HTML 2
HTML 2
 
Colegio nacional nicolas esguerra
Colegio  nacional nicolas esguerraColegio  nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Trabajo informatica 4,periodo
Trabajo informatica 4,periodoTrabajo informatica 4,periodo
Trabajo informatica 4,periodo
 
HTML
HTMLHTML
HTML
 
Como desarrollar una web (mod5 diplo ust)
Como desarrollar una web (mod5 diplo ust)Como desarrollar una web (mod5 diplo ust)
Como desarrollar una web (mod5 diplo ust)
 
Trabajo informatica 4,periodo
Trabajo informatica 4,periodoTrabajo informatica 4,periodo
Trabajo informatica 4,periodo
 
Trabajo informatica 4,periodo
Trabajo informatica 4,periodoTrabajo informatica 4,periodo
Trabajo informatica 4,periodo
 
Guia 4 lenguaje html
Guia 4   lenguaje htmlGuia 4   lenguaje html
Guia 4 lenguaje html
 
Cb fs
Cb fsCb fs
Cb fs
 

Último

02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señorkkte210207
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdflauradbernals
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdfedwinmelgarschlink2
 
Las redes sociales en el mercado digital
Las redes sociales en el mercado digitalLas redes sociales en el mercado digital
Las redes sociales en el mercado digitalNayaniJulietaRamosRa
 
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjjPPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjjNachisRamos
 
TIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdf
TIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdfTIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdf
TIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdfLUZMARIAAYALALOPEZ
 
Unidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucionesUnidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucioneschorantina325
 

Último (7)

02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdf
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf
 
Las redes sociales en el mercado digital
Las redes sociales en el mercado digitalLas redes sociales en el mercado digital
Las redes sociales en el mercado digital
 
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjjPPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
 
TIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdf
TIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdfTIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdf
TIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdf
 
Unidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucionesUnidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disoluciones
 

Presentación1 html

  • 2. • ¿Qué es HTML? • ¿Cómo se usa HTML? • Pasos para utilizar HTML
  • 3.
  • 4. HTML es un lenguaje de programación que se utiliza para el desarrollo de páginas de Internet. Se trata de la siglas que corresponden a HyperText Markup Language, es decir, Lenguaje de Marcas de Hipertexto.
  • 5.
  • 6. Existen muchos programas que se utilizan para crear sitios web, pero la forma básica de hacerlo es usando tu bloc de notas y el lenguaje HTML.
  • 7.
  • 8. 1En primer lugar, aquí tienes algo de información acerca de HTML: Para programar en HTML se utilizan "etiquetas". Éstas le dan formato al texto que luego aparecerá en tu sitio web, crean tablas, insertan imágenes, etc. Una etiqueta siempre va entre los símbolos "< >", de esta forma: <xxx>. Todo lo demás que no esté entre los "< >" es lo que aparecerá en el sitio web. Existen dos tipos de etiquetas: de apertura y de cierre. Las etiquetas de apertura tienen sólo una palabra clave, por ejemplo: <xxx>. Las etiquetas de cierre (las más comunes) tienen dos palabras clave. La última va al final de la sentencia que quieres que aparezca en el sitio web y tiene el símbolo "/", por ejemplo: <yyy> Hola, mi nombre es Dane </yyy>.
  • 9. 2 Abre un nuevo documento en el Bloc de notas.
  • 10. 3 Escribe <html> <body> Bienvenido a mi primer sitio web </body> </html>
  • 11. 4 Guarda el documento con el nombre que quieras, pero con la extensión .html, por ejemplo: sitioweb.html. ¡Si no lo guardas así no funcionará!
  • 12. 5 Dirígete hacia la carpeta en donde guardaste el documento. Allí encontrarás el documento con el símbolo de Internet Explorer.
  • 14. 7 Experimenta con nuevas etiquetas. Aquí tienes una lista de las más comunes: