SlideShare uma empresa Scribd logo
1 de 9
INDICE
Ve a Inicio > Programas > Accesorios > Bloc
de Notas.
Dile al navegador qué lenguaje estarás
usando.
Haz el cuerpo de la página.
Escribe unas cuantas líneas de texto entre las
etiquetas de cuerpo.
Añade algunas imágenes.
Guarda tu trabajo
EN HTML
Si bien podrías hacer una página web sin
aprender HTML, inevitablemente tendrás
problemas en algún punto, sea cual sea el tipo
de editor de páginas web que uses, y tendrás
que saber HTML para arreglarlos. Hay muchos
sitios web en los que podrás aprender HTML,
pero el presente artículo te mostrará los pasos
básicos para crear un sitio web con ese
formato. ¡Con esta introducción básica pronto
estarás haciendo una página web desde cero!
VE A INICIO > PROGRAMAS > ACCESORIOS > BLOC
DE NOTAS.
Será mucho más fácil si usas el Bloc de Notas++ (lo podrás
descargar gratis por Internet). Cuando hayas elegido el lenguaje
HTML, todo lo que escribas estará automáticamente conectado
con diversos colores, de esta manera será muchísimo más fácil
corregir posibles errores.
DILE AL NAVEGADOR QUÉ LENGUAJE ESTARÁS
USANDO.
Escribe <html>. Esta es la primera etiqueta que deberás
escribir, la cual le indicará a la computadora que empezarás a
hacer una página web. También se cerrará al final, así que al
final del documento, ciérralo con <>. Esto finalizará la página
web.
HAZ EL CUERPO DE LA PÁGINA.
Escribe <body> para abrir la etiqueta del cuerpo.
Luego ciérala con la etiqueta </body>. La
información para la página web irá entre
<body> y </body>.
ESCRIBE UNAS CUANTAS LÍNEAS DE TEXTO ENTRE
LAS ETIQUETAS DE CUERPO.
Para que el texto siga en la línea siguiente (como si
presionaras “Enter” en el teclado), escribe <br>.
¿Quieres añadir alguna marquesina, es decir, una palabra
que se mueve de lado a lado de la pantalla? Solo tendrás
que escribir <marquee>TEXTO</marquee>.
AÑADE ALGUNAS IMÁGENES.
Si quieres colocar alguna imagen de Internet a tu página
web, el código HTML para las imágenes será: <img
src=“URL”>. La etiqueta de clausura es: </img>, pero es
opcional.
GUARDA TU TRABAJO
Ve a “Guardar como”, ingresa un nombre de archivo que termine
en la extensión .html (por ejemplo: “archivodeprueba.html”) y
escoge “Todos los archivos” o “text” en Tipo de archivo. No
funcionará si no se siguen estos pasos. Ahora ve adonde lo
hayas guardado y haz doble clic para abrirlo. Tu navegador por
defecto se abrirá con tu propia página web.

Mais conteúdo relacionado

Mais procurados

¿Como Hacer una página web? Diana Lopez
¿Como Hacer una página web?  Diana Lopez¿Como Hacer una página web?  Diana Lopez
¿Como Hacer una página web? Diana Lopezgrupoaac
 
Como Instalar Mis Templates En Blogger
Como Instalar Mis Templates En BloggerComo Instalar Mis Templates En Blogger
Como Instalar Mis Templates En BloggerXanarts
 
Creación de una página web básica
Creación de una página web básicaCreación de una página web básica
Creación de una página web básicaJesús Barrón
 
Codigos html y como crear una pagina Web
Codigos html y como crear una pagina WebCodigos html y como crear una pagina Web
Codigos html y como crear una pagina WebJoshi Tüsa
 
Herramientas del periodico
Herramientas del periodicoHerramientas del periodico
Herramientas del periodicoampaula
 
Producto 3 "Diseño de una pagina web"
Producto 3 "Diseño de una pagina web" Producto 3 "Diseño de una pagina web"
Producto 3 "Diseño de una pagina web" AlisonMarinone
 

Mais procurados (11)

Expo html alexa
Expo html alexaExpo html alexa
Expo html alexa
 
¿Como Hacer una página web? Diana Lopez
¿Como Hacer una página web?  Diana Lopez¿Como Hacer una página web?  Diana Lopez
¿Como Hacer una página web? Diana Lopez
 
Como Instalar Mis Templates En Blogger
Como Instalar Mis Templates En BloggerComo Instalar Mis Templates En Blogger
Como Instalar Mis Templates En Blogger
 
Mi Primera Pagina
Mi Primera PaginaMi Primera Pagina
Mi Primera Pagina
 
Creación de una página web básica
Creación de una página web básicaCreación de una página web básica
Creación de una página web básica
 
Codigos html y como crear una pagina Web
Codigos html y como crear una pagina WebCodigos html y como crear una pagina Web
Codigos html y como crear una pagina Web
 
Obtener licencia educativa de autodesk
Obtener licencia educativa de autodeskObtener licencia educativa de autodesk
Obtener licencia educativa de autodesk
 
Herramientas del periodico
Herramientas del periodicoHerramientas del periodico
Herramientas del periodico
 
Instalación de mastercam - licencia demo
Instalación de mastercam - licencia demoInstalación de mastercam - licencia demo
Instalación de mastercam - licencia demo
 
Pagina web audio y video
Pagina web audio y videoPagina web audio y video
Pagina web audio y video
 
Producto 3 "Diseño de una pagina web"
Producto 3 "Diseño de una pagina web" Producto 3 "Diseño de una pagina web"
Producto 3 "Diseño de una pagina web"
 

Destaque

Mi primera pagina web en html con bloc de notas
Mi primera pagina web en html con bloc de notasMi primera pagina web en html con bloc de notas
Mi primera pagina web en html con bloc de notasJessi De Jesus Torres
 
Crear una pagina web con bloc de notas
Crear una pagina web con bloc de notasCrear una pagina web con bloc de notas
Crear una pagina web con bloc de notasSandra Meza
 
INFORME DE PRÁCTICAS PRE-PROFESIONALES INSTITUTO DE EDUCACIÓN SUPERIOR TECNOL...
INFORME DE PRÁCTICAS PRE-PROFESIONALES INSTITUTO DE EDUCACIÓN SUPERIOR TECNOL...INFORME DE PRÁCTICAS PRE-PROFESIONALES INSTITUTO DE EDUCACIÓN SUPERIOR TECNOL...
INFORME DE PRÁCTICAS PRE-PROFESIONALES INSTITUTO DE EDUCACIÓN SUPERIOR TECNOL...meyg
 

Destaque (7)

Código HTML
Código HTMLCódigo HTML
Código HTML
 
Código HTML
Código HTMLCódigo HTML
Código HTML
 
Informatica presentacion
Informatica presentacionInformatica presentacion
Informatica presentacion
 
Mi primera pagina web en html con bloc de notas
Mi primera pagina web en html con bloc de notasMi primera pagina web en html con bloc de notas
Mi primera pagina web en html con bloc de notas
 
Crear una pagina web con bloc de notas
Crear una pagina web con bloc de notasCrear una pagina web con bloc de notas
Crear una pagina web con bloc de notas
 
Informe final de Prácticas Pre-Profesional
Informe final de Prácticas Pre-Profesional  Informe final de Prácticas Pre-Profesional
Informe final de Prácticas Pre-Profesional
 
INFORME DE PRÁCTICAS PRE-PROFESIONALES INSTITUTO DE EDUCACIÓN SUPERIOR TECNOL...
INFORME DE PRÁCTICAS PRE-PROFESIONALES INSTITUTO DE EDUCACIÓN SUPERIOR TECNOL...INFORME DE PRÁCTICAS PRE-PROFESIONALES INSTITUTO DE EDUCACIÓN SUPERIOR TECNOL...
INFORME DE PRÁCTICAS PRE-PROFESIONALES INSTITUTO DE EDUCACIÓN SUPERIOR TECNOL...
 

Semelhante a Tutorial de cómo crear paginas web

Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerralazercat
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerralazercat
 
Alexander y diego paginas de html
Alexander y diego paginas de htmlAlexander y diego paginas de html
Alexander y diego paginas de htmlalexander polanco
 
Creacion de paginas web con html (Diana Lopez)
Creacion de paginas web con html (Diana Lopez)Creacion de paginas web con html (Diana Lopez)
Creacion de paginas web con html (Diana Lopez)grupoaac
 
Portafolio de programación Joe Holguin 2c2
Portafolio de programación Joe Holguin 2c2Portafolio de programación Joe Holguin 2c2
Portafolio de programación Joe Holguin 2c2Joe Holguin
 
presentación de código html.pptx
presentación de código html.pptxpresentación de código html.pptx
presentación de código html.pptxLuisRocha226434
 
diagrama de flujo
diagrama de flujodiagrama de flujo
diagrama de flujoDiego Gomez
 
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 2016profetellez
 
Html basicccccccoooooooooooooo
Html basicccccccooooooooooooooHtml basicccccccoooooooooooooo
Html basicccccccooooooooooooooYo ♥ Tacna
 
Leslie rios y natasha saravia
Leslie rios y natasha saraviaLeslie rios y natasha saravia
Leslie rios y natasha saraviaLeslie Styles
 
Curso practico-de-javascript
Curso practico-de-javascriptCurso practico-de-javascript
Curso practico-de-javascriptManuel Zarate
 

Semelhante a Tutorial de cómo crear paginas web (20)

Manual html
Manual htmlManual html
Manual html
 
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
 
Alexander y diego paginas de html
Alexander y diego paginas de htmlAlexander y diego paginas de html
Alexander y diego paginas de html
 
Como hacer una página web fácil
Como hacer una página web fácilComo hacer una página web fácil
Como hacer una página web fácil
 
Html icredes
Html icredesHtml icredes
Html icredes
 
Creacion de paginas web con html (Diana Lopez)
Creacion de paginas web con html (Diana Lopez)Creacion de paginas web con html (Diana Lopez)
Creacion de paginas web con html (Diana Lopez)
 
Lenguaje html
Lenguaje htmlLenguaje html
Lenguaje html
 
Portafolio de programación Joe Holguin 2c2
Portafolio de programación Joe Holguin 2c2Portafolio de programación Joe Holguin 2c2
Portafolio de programación Joe Holguin 2c2
 
MANUAL PARA CREAR PÁGINAS WEB CON HTML
MANUAL PARA CREAR PÁGINAS WEB CON HTMLMANUAL PARA CREAR PÁGINAS WEB CON HTML
MANUAL PARA CREAR PÁGINAS WEB CON HTML
 
presentación de código html.pptx
presentación de código html.pptxpresentación de código html.pptx
presentación de código html.pptx
 
Clase 1
Clase 1Clase 1
Clase 1
 
diagrama de flujo
diagrama de flujodiagrama de flujo
diagrama de flujo
 
Consulta de html
Consulta de html Consulta de html
Consulta de html
 
Empecemos a publicar en nuestro blog
Empecemos a publicar en nuestro blogEmpecemos a publicar en nuestro blog
Empecemos a publicar en nuestro blog
 
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
 
Presentación alanis
Presentación alanisPresentación alanis
Presentación alanis
 
Html basicccccccoooooooooooooo
Html basicccccccooooooooooooooHtml basicccccccoooooooooooooo
Html basicccccccoooooooooooooo
 
Leslie rios y natasha saravia
Leslie rios y natasha saraviaLeslie rios y natasha saravia
Leslie rios y natasha saravia
 
Curso practico-de-javascript
Curso practico-de-javascriptCurso practico-de-javascript
Curso practico-de-javascript
 

Mais de Mario Villeda

Tablet, laptop, bocinas, teclados
Tablet, laptop, bocinas, tecladosTablet, laptop, bocinas, teclados
Tablet, laptop, bocinas, tecladosMario Villeda
 
Imágenes motivacionales Para Samuel Reyes.
Imágenes motivacionales Para Samuel Reyes.Imágenes motivacionales Para Samuel Reyes.
Imágenes motivacionales Para Samuel Reyes.Mario Villeda
 
Las 7 maravillas del mundo
Las 7 maravillas del mundoLas 7 maravillas del mundo
Las 7 maravillas del mundoMario Villeda
 
Reto flash de deporte
Reto flash de deporteReto flash de deporte
Reto flash de deporteMario Villeda
 
Videojuegos 1ro. basico
Videojuegos 1ro. basicoVideojuegos 1ro. basico
Videojuegos 1ro. basicoMario Villeda
 
Partes internas del cpu
Partes internas del cpuPartes internas del cpu
Partes internas del cpuMario Villeda
 
Partes internas del cpu
Partes internas del cpuPartes internas del cpu
Partes internas del cpuMario Villeda
 
Sistemas operativos De Examen
Sistemas operativos De ExamenSistemas operativos De Examen
Sistemas operativos De ExamenMario Villeda
 
Sistemas operativos De Mario
Sistemas operativos De MarioSistemas operativos De Mario
Sistemas operativos De MarioMario Villeda
 
Los mejores juegos del mundo mundial
Los mejores juegos del mundo mundialLos mejores juegos del mundo mundial
Los mejores juegos del mundo mundialMario Villeda
 
Programas para programar
Programas para programarProgramas para programar
Programas para programarMario Villeda
 

Mais de Mario Villeda (13)

5 tipos de software
5 tipos de software5 tipos de software
5 tipos de software
 
Tablet, laptop, bocinas, teclados
Tablet, laptop, bocinas, tecladosTablet, laptop, bocinas, teclados
Tablet, laptop, bocinas, teclados
 
Imágenes motivacionales Para Samuel Reyes.
Imágenes motivacionales Para Samuel Reyes.Imágenes motivacionales Para Samuel Reyes.
Imágenes motivacionales Para Samuel Reyes.
 
Las 7 maravillas del mundo
Las 7 maravillas del mundoLas 7 maravillas del mundo
Las 7 maravillas del mundo
 
Reto flash de deporte
Reto flash de deporteReto flash de deporte
Reto flash de deporte
 
Estereotipos
EstereotiposEstereotipos
Estereotipos
 
Videojuegos 1ro. basico
Videojuegos 1ro. basicoVideojuegos 1ro. basico
Videojuegos 1ro. basico
 
Partes internas del cpu
Partes internas del cpuPartes internas del cpu
Partes internas del cpu
 
Partes internas del cpu
Partes internas del cpuPartes internas del cpu
Partes internas del cpu
 
Sistemas operativos De Examen
Sistemas operativos De ExamenSistemas operativos De Examen
Sistemas operativos De Examen
 
Sistemas operativos De Mario
Sistemas operativos De MarioSistemas operativos De Mario
Sistemas operativos De Mario
 
Los mejores juegos del mundo mundial
Los mejores juegos del mundo mundialLos mejores juegos del mundo mundial
Los mejores juegos del mundo mundial
 
Programas para programar
Programas para programarProgramas para programar
Programas para programar
 

Último

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 JUNITMaricarmen Sánchez Ruiz
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...silviayucra2
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfJulian Lamprea
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx241521559
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveFagnerLisboa3
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxLolaBunny11
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíassuserf18419
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)GDGSucre
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricKeyla Dolores Méndez
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan JosephBRAYANJOSEPHPEREZGOM
 

Último (10)

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
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdf
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptx
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 

Tutorial de cómo crear paginas web

  • 1.
  • 2. INDICE Ve a Inicio > Programas > Accesorios > Bloc de Notas. Dile al navegador qué lenguaje estarás usando. Haz el cuerpo de la página. Escribe unas cuantas líneas de texto entre las etiquetas de cuerpo. Añade algunas imágenes. Guarda tu trabajo
  • 3. EN HTML Si bien podrías hacer una página web sin aprender HTML, inevitablemente tendrás problemas en algún punto, sea cual sea el tipo de editor de páginas web que uses, y tendrás que saber HTML para arreglarlos. Hay muchos sitios web en los que podrás aprender HTML, pero el presente artículo te mostrará los pasos básicos para crear un sitio web con ese formato. ¡Con esta introducción básica pronto estarás haciendo una página web desde cero!
  • 4. VE A INICIO > PROGRAMAS > ACCESORIOS > BLOC DE NOTAS. Será mucho más fácil si usas el Bloc de Notas++ (lo podrás descargar gratis por Internet). Cuando hayas elegido el lenguaje HTML, todo lo que escribas estará automáticamente conectado con diversos colores, de esta manera será muchísimo más fácil corregir posibles errores.
  • 5. DILE AL NAVEGADOR QUÉ LENGUAJE ESTARÁS USANDO. Escribe <html>. Esta es la primera etiqueta que deberás escribir, la cual le indicará a la computadora que empezarás a hacer una página web. También se cerrará al final, así que al final del documento, ciérralo con <>. Esto finalizará la página web.
  • 6. HAZ EL CUERPO DE LA PÁGINA. Escribe <body> para abrir la etiqueta del cuerpo. Luego ciérala con la etiqueta </body>. La información para la página web irá entre <body> y </body>.
  • 7. ESCRIBE UNAS CUANTAS LÍNEAS DE TEXTO ENTRE LAS ETIQUETAS DE CUERPO. Para que el texto siga en la línea siguiente (como si presionaras “Enter” en el teclado), escribe <br>. ¿Quieres añadir alguna marquesina, es decir, una palabra que se mueve de lado a lado de la pantalla? Solo tendrás que escribir <marquee>TEXTO</marquee>.
  • 8. AÑADE ALGUNAS IMÁGENES. Si quieres colocar alguna imagen de Internet a tu página web, el código HTML para las imágenes será: <img src=“URL”>. La etiqueta de clausura es: </img>, pero es opcional.
  • 9. GUARDA TU TRABAJO Ve a “Guardar como”, ingresa un nombre de archivo que termine en la extensión .html (por ejemplo: “archivodeprueba.html”) y escoge “Todos los archivos” o “text” en Tipo de archivo. No funcionará si no se siguen estos pasos. Ahora ve adonde lo hayas guardado y haz doble clic para abrirlo. Tu navegador por defecto se abrirá con tu propia página web.