SlideShare una empresa de Scribd logo
1 de 2
Descargar para leer sin conexión
Como hacer una página web.
Paso 1: Busca entre tus programas y abre tu bloc de notas.
Paso 2: Especifica tu html con <!DOCTYPE e ingresa el comienzo del documento HTML con la
etiqueta <html> y cierra con </html>.
Paso 3: Agregaremos un par de etiquetas de texto para darle forma a nuestra página.
Para indicar que comienza la cabecera de la
pagina utilizaremos la etiqueta <head>
Agregaremos un titulo con la etiqueta <title>
(con el titulo que quieras) en medio de tus
etiquetas <head>
Después agrega una etiqueta para
contener los elementos <body> Creá una
etiqueta <hx> dentro de las etiquetas del
cuerpo para títulos o encabezados. “en la
x hay que poner un número que va del 1 al
6 a medida que aumenta el número,
disminuye el tamaño”
También puedes agregar un párrafo con la
etiqueta <p> después de la etiqueta <hx>
Paso 4: Para agregar imágenes inserta una etiqueta <img> entre tus etiquetas <body>. Puedes
insertarla donde quieras. Puedes hacer que el atributo src indique la imagen que quieras. “Este
atributo es el que indica dónde se encuentra alojada la imagen que queremos mostrar.
Paso 5: Para guardar correctamente tienes que guardarlo en formato html.
Paso 6: Abre tu pagina web y listo!

Más contenido relacionado

La actualidad más candente

Proceso de desarrollo java script
Proceso de desarrollo java scriptProceso de desarrollo java script
Proceso de desarrollo java scriptGuackaXVI
 
Como utilizar el google docs
Como utilizar el google docsComo utilizar el google docs
Como utilizar el google docspraxispd4
 
Googledocsenentrada
GoogledocsenentradaGoogledocsenentrada
Googledocsenentradapaoladcorona
 
Como enlazar delicious en blogger
Como enlazar delicious en bloggerComo enlazar delicious en blogger
Como enlazar delicious en bloggerOrsiniCabral791
 
Complemento del diseño de un documento
Complemento del diseño de un documentoComplemento del diseño de un documento
Complemento del diseño de un documentoIvan Zoquiapa
 
Pasos para realizar un blog
Pasos para realizar un blogPasos para realizar un blog
Pasos para realizar un blogadolfoymiguel
 
Actividad n° 2: agregando recursos en moodle
Actividad n° 2: agregando recursos en moodleActividad n° 2: agregando recursos en moodle
Actividad n° 2: agregando recursos en moodleandresperez160a
 
Periodo De IntegracióN De InformáTica
Periodo De IntegracióN De InformáTicaPeriodo De IntegracióN De InformáTica
Periodo De IntegracióN De InformáTicagabo17
 
Vincular google calendar
Vincular google calendarVincular google calendar
Vincular google calendarDolos Ruz
 
Resumen tutorial portafolio
Resumen tutorial portafolioResumen tutorial portafolio
Resumen tutorial portafolioserchz
 
Presentación Diaz Gómez - Guerra Torres
Presentación Diaz Gómez - Guerra TorresPresentación Diaz Gómez - Guerra Torres
Presentación Diaz Gómez - Guerra Torresmylher
 

La actualidad más candente (20)

Proceso de desarrollo java script
Proceso de desarrollo java scriptProceso de desarrollo java script
Proceso de desarrollo java script
 
Wwww
WwwwWwww
Wwww
 
Como utilizar el google docs
Como utilizar el google docsComo utilizar el google docs
Como utilizar el google docs
 
Trabajo nº3
Trabajo nº3Trabajo nº3
Trabajo nº3
 
Documentos Scribd
Documentos ScribdDocumentos Scribd
Documentos Scribd
 
Examen 1ra U
Examen 1ra UExamen 1ra U
Examen 1ra U
 
Googledocsenentrada
GoogledocsenentradaGoogledocsenentrada
Googledocsenentrada
 
Tutorial página web
Tutorial página webTutorial página web
Tutorial página web
 
Como enlazar delicious en blogger
Como enlazar delicious en bloggerComo enlazar delicious en blogger
Como enlazar delicious en blogger
 
Tutorial etiquetas (tags)
Tutorial etiquetas (tags)Tutorial etiquetas (tags)
Tutorial etiquetas (tags)
 
Presentación8
Presentación8Presentación8
Presentación8
 
Complemento del diseño de un documento
Complemento del diseño de un documentoComplemento del diseño de un documento
Complemento del diseño de un documento
 
Pasos para realizar un blog
Pasos para realizar un blogPasos para realizar un blog
Pasos para realizar un blog
 
Tutorial formulario
Tutorial formularioTutorial formulario
Tutorial formulario
 
E3 1
E3 1E3 1
E3 1
 
Actividad n° 2: agregando recursos en moodle
Actividad n° 2: agregando recursos en moodleActividad n° 2: agregando recursos en moodle
Actividad n° 2: agregando recursos en moodle
 
Periodo De IntegracióN De InformáTica
Periodo De IntegracióN De InformáTicaPeriodo De IntegracióN De InformáTica
Periodo De IntegracióN De InformáTica
 
Vincular google calendar
Vincular google calendarVincular google calendar
Vincular google calendar
 
Resumen tutorial portafolio
Resumen tutorial portafolioResumen tutorial portafolio
Resumen tutorial portafolio
 
Presentación Diaz Gómez - Guerra Torres
Presentación Diaz Gómez - Guerra TorresPresentación Diaz Gómez - Guerra Torres
Presentación Diaz Gómez - Guerra Torres
 

Destacado (16)

Diapositiva de multimedia
Diapositiva de multimediaDiapositiva de multimedia
Diapositiva de multimedia
 
Diseño web
Diseño webDiseño web
Diseño web
 
Procesadores de texto
Procesadores de textoProcesadores de texto
Procesadores de texto
 
Emilcewix
EmilcewixEmilcewix
Emilcewix
 
somospubli
somospublisomospubli
somospubli
 
Como hacer una pagina web ... manuel h. irarica tello
Como hacer una pagina web ... manuel h. irarica telloComo hacer una pagina web ... manuel h. irarica tello
Como hacer una pagina web ... manuel h. irarica tello
 
Alexander y diego paginas de html
Alexander y diego paginas de htmlAlexander y diego paginas de html
Alexander y diego paginas de html
 
Estructura pagina web (1)
Estructura pagina web  (1)Estructura pagina web  (1)
Estructura pagina web (1)
 
Histora de la web 4
Histora de la web 4Histora de la web 4
Histora de la web 4
 
Interfaz Pagina Web
Interfaz Pagina WebInterfaz Pagina Web
Interfaz Pagina Web
 
Web
WebWeb
Web
 
Tendencias en diseño web 2016: Usabilidad y UX
Tendencias en diseño web 2016: Usabilidad y UXTendencias en diseño web 2016: Usabilidad y UX
Tendencias en diseño web 2016: Usabilidad y UX
 
La localización de páginas web: del HTML antiguo a los sitios CMS
La localización de páginas web: del HTML antiguo a los sitios CMSLa localización de páginas web: del HTML antiguo a los sitios CMS
La localización de páginas web: del HTML antiguo a los sitios CMS
 
Actividad uno páginas web
Actividad uno páginas web Actividad uno páginas web
Actividad uno páginas web
 
Diapositivas procesador de textos
Diapositivas procesador de textosDiapositivas procesador de textos
Diapositivas procesador de textos
 
7 Páginas Que Todo Sitio Web Debe Tener
7 Páginas Que Todo Sitio Web Debe Tener7 Páginas Que Todo Sitio Web Debe Tener
7 Páginas Que Todo Sitio Web Debe Tener
 

Similar a Como hacer una página web

Similar a Como hacer una página web (20)

Practico html
Practico htmlPractico html
Practico html
 
Practico html
Practico htmlPractico html
Practico html
 
Tutorial ejercicio 1
Tutorial ejercicio 1Tutorial ejercicio 1
Tutorial ejercicio 1
 
Colegio nacional nicolás esguerra (1)
Colegio nacional nicolás esguerra (1)Colegio nacional nicolás esguerra (1)
Colegio nacional nicolás esguerra (1)
 
html
htmlhtml
html
 
Expo html alexandra
Expo html alexandraExpo html alexandra
Expo html alexandra
 
Expo html alexandra
Expo html alexandraExpo html alexandra
Expo html alexandra
 
Expo html alexandra
Expo html alexandraExpo html alexandra
Expo html alexandra
 
Html
HtmlHtml
Html
 
Expo html alexandra
Expo html alexandraExpo html alexandra
Expo html alexandra
 
Expo html alexandra
Expo html alexandraExpo html alexandra
Expo html alexandra
 
Crea una pagina web
Crea una  pagina webCrea una  pagina web
Crea una pagina web
 
Expo html alexandra
Expo html alexandraExpo html alexandra
Expo html alexandra
 
Expo html alexa
Expo html alexaExpo html alexa
Expo html alexa
 
Escuela Abierta - Taller de Html
Escuela Abierta - Taller de HtmlEscuela Abierta - Taller de Html
Escuela Abierta - Taller de Html
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
 
Clase 1 - Introducción HTML.pptx
Clase 1 - Introducción HTML.pptxClase 1 - Introducción HTML.pptx
Clase 1 - Introducción HTML.pptx
 
Estructura basica de una pagina web
Estructura basica de una pagina webEstructura basica de una pagina web
Estructura basica de una pagina web
 
Escuela Abierta - Taller de Html
Escuela Abierta - Taller de HtmlEscuela Abierta - Taller de Html
Escuela Abierta - Taller de Html
 
Curso html
Curso htmlCurso html
Curso html
 

Más de Alejandra Rodriguez (18)

Formulario
FormularioFormulario
Formulario
 
Imperial math -_expo
Imperial math -_expoImperial math -_expo
Imperial math -_expo
 
Triptico
TripticoTriptico
Triptico
 
Engargolado
EngargoladoEngargolado
Engargolado
 
Suma de dos_numeros
Suma de dos_numerosSuma de dos_numeros
Suma de dos_numeros
 
Presentacion1(5)(2)
Presentacion1(5)(2)Presentacion1(5)(2)
Presentacion1(5)(2)
 
Practica sustraccion-de-dos-numeros(2)
Practica sustraccion-de-dos-numeros(2)Practica sustraccion-de-dos-numeros(2)
Practica sustraccion-de-dos-numeros(2)
 
Preguntas codecademy
Preguntas codecademy Preguntas codecademy
Preguntas codecademy
 
Examenn
ExamennExamenn
Examenn
 
Examen
ExamenExamen
Examen
 
Tutorial Hola Mundo
Tutorial Hola MundoTutorial Hola Mundo
Tutorial Hola Mundo
 
Tutorial para-eclipse
Tutorial para-eclipseTutorial para-eclipse
Tutorial para-eclipse
 
Mapa conceptual moviles
Mapa conceptual movilesMapa conceptual moviles
Mapa conceptual moviles
 
Tutorial de Eclipse 3
Tutorial de Eclipse 3Tutorial de Eclipse 3
Tutorial de Eclipse 3
 
Tutorial de eclipse 2
Tutorial de eclipse 2Tutorial de eclipse 2
Tutorial de eclipse 2
 
Tutorial de eclipse 1
Tutorial de eclipse 1Tutorial de eclipse 1
Tutorial de eclipse 1
 
Tutorial para-eclipse
Tutorial para-eclipseTutorial para-eclipse
Tutorial para-eclipse
 
Evolución de dispositivos móviles
Evolución de dispositivos móvilesEvolución de dispositivos móviles
Evolución de dispositivos móviles
 

Último

Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webDecaunlz
 
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
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAdanielaerazok
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenadanielaerazok
 
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
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfisrael garcia
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdfedwinmelgarschlink2
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenajuniorcuellargomez
 
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
 

Último (9)

Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la web
 
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
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalena
 
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
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalena
 
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
 

Como hacer una página web

  • 1. Como hacer una página web. Paso 1: Busca entre tus programas y abre tu bloc de notas. Paso 2: Especifica tu html con <!DOCTYPE e ingresa el comienzo del documento HTML con la etiqueta <html> y cierra con </html>. Paso 3: Agregaremos un par de etiquetas de texto para darle forma a nuestra página. Para indicar que comienza la cabecera de la pagina utilizaremos la etiqueta <head> Agregaremos un titulo con la etiqueta <title> (con el titulo que quieras) en medio de tus etiquetas <head> Después agrega una etiqueta para contener los elementos <body> Creá una etiqueta <hx> dentro de las etiquetas del cuerpo para títulos o encabezados. “en la x hay que poner un número que va del 1 al 6 a medida que aumenta el número, disminuye el tamaño” También puedes agregar un párrafo con la etiqueta <p> después de la etiqueta <hx>
  • 2. Paso 4: Para agregar imágenes inserta una etiqueta <img> entre tus etiquetas <body>. Puedes insertarla donde quieras. Puedes hacer que el atributo src indique la imagen que quieras. “Este atributo es el que indica dónde se encuentra alojada la imagen que queremos mostrar. Paso 5: Para guardar correctamente tienes que guardarlo en formato html. Paso 6: Abre tu pagina web y listo!