SlideShare una empresa de 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.

Más contenido relacionado

La actualidad más candente

¿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
 

La actualidad más candente (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"
 

Destacado

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
 

Destacado (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...
 

Similar a Crea tu primera página web con HTML en 7 pasos

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
 

Similar a Crea tu primera página web con HTML en 7 pasos (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
 

Más 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
 

Más 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

GonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptxGonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptx241523733
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfSergioMendoza354770
 
Plan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxPlan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxpabonheidy28
 
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...FacuMeza2
 
El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.241514949
 
Mapa-conceptual-del-Origen-del-Universo-3.pptx
Mapa-conceptual-del-Origen-del-Universo-3.pptxMapa-conceptual-del-Origen-del-Universo-3.pptx
Mapa-conceptual-del-Origen-del-Universo-3.pptxMidwarHenryLOZAFLORE
 
FloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptxFloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptx241522327
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdfIsabellaMontaomurill
 
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxCrear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxNombre Apellidos
 
definicion segun autores de matemáticas educativa
definicion segun autores de matemáticas  educativadefinicion segun autores de matemáticas  educativa
definicion segun autores de matemáticas educativaAdrianaMartnez618894
 
dokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptdokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptMiguelAtencio10
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafiosFundación YOD YOD
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA241531640
 
R1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en minaR1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en minaarkananubis
 
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxtics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxazmysanros90
 
Arenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptxArenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptxJOSEFERNANDOARENASCA
 
Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024GiovanniJavierHidalg
 
El uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELEl uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELmaryfer27m
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxaylincamaho
 
El uso de las tic en la vida ,lo importante que son
El uso de las tic en la vida ,lo importante  que sonEl uso de las tic en la vida ,lo importante  que son
El uso de las tic en la vida ,lo importante que son241514984
 

Último (20)

GonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptxGonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptx
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
 
Plan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxPlan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docx
 
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
 
El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.
 
Mapa-conceptual-del-Origen-del-Universo-3.pptx
Mapa-conceptual-del-Origen-del-Universo-3.pptxMapa-conceptual-del-Origen-del-Universo-3.pptx
Mapa-conceptual-del-Origen-del-Universo-3.pptx
 
FloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptxFloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptx
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdf
 
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxCrear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
 
definicion segun autores de matemáticas educativa
definicion segun autores de matemáticas  educativadefinicion segun autores de matemáticas  educativa
definicion segun autores de matemáticas educativa
 
dokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptdokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.ppt
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafios
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
 
R1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en minaR1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en mina
 
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxtics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptx
 
Arenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptxArenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptx
 
Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024
 
El uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELEl uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFEL
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
 
El uso de las tic en la vida ,lo importante que son
El uso de las tic en la vida ,lo importante  que sonEl uso de las tic en la vida ,lo importante  que son
El uso de las tic en la vida ,lo importante que son
 

Crea tu primera página web con HTML en 7 pasos

  • 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.