SlideShare una empresa de Scribd logo
MI PRIMERA PÁGINA

Construiremos nuestra primera página y, explicaremos algunos conceptos.
Usando el Bloc de notas de Windows, escribiremos el código que se muestra
a continuación, guardándolo como mipagina.html (deberemos usar la opción
todos los archivos en la ventana de guardar como):


<HTML>
<HEAD>
<TITLE>Mi primera Página</TITLE>
</HEAD>

<BODY>
<P>Hola mundo</P>
</BODY>
</HTML>




Como podemos apreciar, el grafico es el resultado que muestra el navegador al
interpretar el código que se muestra en el lado derecho.

Lo primero que debemos observar es que todas las etiquetas o tag tienen una
marca de inicio y una de cierre <HEAD></HEAD>, <TITLE></TITLE>,
<BODY></BODY>, en algunos casos no será así, estas se llaman etiquetas
vacías <BR>, <HR> que se utilizan para introducir saltos de línea, líneas
horizontales, y otros elementos no asociados al formato de textos o imágenes.

Todas las página HTML debe comenzar por la etiqueta <html> y terminar con
</html>. Todo lo que figure entre estas etiquetas será interpretado por el
navegador como un documento HTML. Lo que quede fuera de ellas será, en la
mayoría de los casos, ignorado.

Todo documento HTML tiene una cabecera (HEAD) y un cuerpo (BODY), que
se indican con sus correspondientes etiquetas <HEAD> y <BODY>. La
cabecera contiene información sobre el documento (importante para su
publicación en Internet) así como programas de script y el título de la página,
que se mostrará en la parte superior de la ventana del navegador. El título, de
la pagina se deberá escribir entre las etiquetas <TITLE> y </TITLE>.

En el cuerpo (etiqueta <BODY>) se inserta lo que se verá en el navegador, en
este caso, un párrafo de texto, por lo que está entre las etiquetas de párrafo
(<P> y </P>).

Con esto hemos terminado nuestra primera página y poco a poco iremos
adicionando mas etiquetas hasta la próxima.

Más contenido relacionado

La actualidad más candente

diagrama de flujo
diagrama de flujodiagrama de flujo
diagrama de flujoDiego Gomez
 
PresentacióN Html
PresentacióN HtmlPresentacióN Html
PresentacióN Htmlmarcos0209
 
Programación en html 1
Programación en html 1Programación en html 1
Programación en html 1
luchopaisa
 
Html
HtmlHtml
Html
UEB
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
Monsalve Sergio
 
Html
HtmlHtml
Cómo hacer una página web básica
Cómo hacer una página web básicaCómo hacer una página web básica
Cómo hacer una página web básica
Ivan Ramirez
 
Qué es html
Qué es htmlQué es html
Qué es htmledujoso
 
04 Marcas HTML
04 Marcas HTML04 Marcas HTML
04 Marcas HTML
pizarg0
 
Etiquetas del html
Etiquetas del htmlEtiquetas del html
Etiquetas del html
hurtadoguilcazo
 
Descripción de la sintaxis con la que se trabaja en el lenguaje html
Descripción de la sintaxis con la que se trabaja en el lenguaje htmlDescripción de la sintaxis con la que se trabaja en el lenguaje html
Descripción de la sintaxis con la que se trabaja en el lenguaje html
joraloca
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
BelenRosales12
 
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOSCOMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
Jenny A
 
Como crear paginas en html
Como crear paginas en htmlComo crear paginas en html
Como crear paginas en html
hussein_gabriel
 
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
 

La actualidad más candente (20)

diagrama de flujo
diagrama de flujodiagrama de flujo
diagrama de flujo
 
Etiquetas Html
Etiquetas HtmlEtiquetas Html
Etiquetas Html
 
PresentacióN Html
PresentacióN HtmlPresentacióN Html
PresentacióN Html
 
Programación en html 1
Programación en html 1Programación en html 1
Programación en html 1
 
Html
HtmlHtml
Html
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Presentacinhtml 091121100213-phpapp02
Presentacinhtml 091121100213-phpapp02Presentacinhtml 091121100213-phpapp02
Presentacinhtml 091121100213-phpapp02
 
Estructura.html 1
Estructura.html 1Estructura.html 1
Estructura.html 1
 
Html
HtmlHtml
Html
 
Cómo hacer una página web básica
Cómo hacer una página web básicaCómo hacer una página web básica
Cómo hacer una página web básica
 
Qué es html
Qué es htmlQué es html
Qué es html
 
04 Marcas HTML
04 Marcas HTML04 Marcas HTML
04 Marcas HTML
 
Etiquetas del html
Etiquetas del htmlEtiquetas del html
Etiquetas del html
 
Descripción de la sintaxis con la que se trabaja en el lenguaje html
Descripción de la sintaxis con la que se trabaja en el lenguaje htmlDescripción de la sintaxis con la que se trabaja en el lenguaje html
Descripción de la sintaxis con la que se trabaja en el lenguaje html
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOSCOMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
 
Como crear paginas en html
Como crear paginas en htmlComo crear paginas en html
Como crear paginas en html
 
tutorial
tutorialtutorial
tutorial
 
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
 
Manual html
Manual htmlManual html
Manual html
 

Destacado

Pasos Para Conectar Una Base Datos Con Visual B A S I C
Pasos Para Conectar Una Base Datos Con Visual  B A S I CPasos Para Conectar Una Base Datos Con Visual  B A S I C
Pasos Para Conectar Una Base Datos Con Visual B A S I Cguest69ff84
 
Florence Chamber SEO Presentation
Florence Chamber SEO PresentationFlorence Chamber SEO Presentation
Florence Chamber SEO PresentationPinnacle_CM
 
Derechos Del NiñO
Derechos Del NiñODerechos Del NiñO
Debran Rowland -- "Du Page minorities quiet on political front." (Chicago Tri...
Debran Rowland -- "Du Page minorities quiet on political front." (Chicago Tri...Debran Rowland -- "Du Page minorities quiet on political front." (Chicago Tri...
Debran Rowland -- "Du Page minorities quiet on political front." (Chicago Tri...
Debran Rowland
 
Derechos Humanos
Derechos HumanosDerechos Humanos
Derechos Humanos
Lilian
 
Logobee Logo Design
Logobee Logo DesignLogobee Logo Design
Logobee Logo Design
LogoBee
 
TOP SCIENCE COMMMUNICATIONS HONOR GOES TO UNNATURAL CAUSES
TOP SCIENCE COMMMUNICATIONS HONOR GOES TO UNNATURAL CAUSESTOP SCIENCE COMMMUNICATIONS HONOR GOES TO UNNATURAL CAUSES
TOP SCIENCE COMMMUNICATIONS HONOR GOES TO UNNATURAL CAUSES
McKinney and Associates
 
Stilger09i
Stilger09iStilger09i
Stilger09i
Bob Stilger
 
Ksofholiday
KsofholidayKsofholiday
Ksofholiday
tr8515
 
God!!!!
God!!!!God!!!!
God!!!!
guestb781934
 
European Spatial Planning And Policies
European Spatial Planning And PoliciesEuropean Spatial Planning And Policies
European Spatial Planning And Policiesliuxiaress
 

Destacado (14)

Pasos Para Conectar Una Base Datos Con Visual B A S I C
Pasos Para Conectar Una Base Datos Con Visual  B A S I CPasos Para Conectar Una Base Datos Con Visual  B A S I C
Pasos Para Conectar Una Base Datos Con Visual B A S I C
 
Florence Chamber SEO Presentation
Florence Chamber SEO PresentationFlorence Chamber SEO Presentation
Florence Chamber SEO Presentation
 
Derechos Del NiñO
Derechos Del NiñODerechos Del NiñO
Derechos Del NiñO
 
Debran Rowland -- "Du Page minorities quiet on political front." (Chicago Tri...
Debran Rowland -- "Du Page minorities quiet on political front." (Chicago Tri...Debran Rowland -- "Du Page minorities quiet on political front." (Chicago Tri...
Debran Rowland -- "Du Page minorities quiet on political front." (Chicago Tri...
 
Derechos Humanos
Derechos HumanosDerechos Humanos
Derechos Humanos
 
Logobee Logo Design
Logobee Logo DesignLogobee Logo Design
Logobee Logo Design
 
TOP SCIENCE COMMMUNICATIONS HONOR GOES TO UNNATURAL CAUSES
TOP SCIENCE COMMMUNICATIONS HONOR GOES TO UNNATURAL CAUSESTOP SCIENCE COMMMUNICATIONS HONOR GOES TO UNNATURAL CAUSES
TOP SCIENCE COMMMUNICATIONS HONOR GOES TO UNNATURAL CAUSES
 
Www.Slideshare.Net
Www.Slideshare.NetWww.Slideshare.Net
Www.Slideshare.Net
 
Stilger09i
Stilger09iStilger09i
Stilger09i
 
Ksofholiday
KsofholidayKsofholiday
Ksofholiday
 
DERECHOS DEL NIÑO
DERECHOS DEL NIÑODERECHOS DEL NIÑO
DERECHOS DEL NIÑO
 
Pasta1
Pasta1Pasta1
Pasta1
 
God!!!!
God!!!!God!!!!
God!!!!
 
European Spatial Planning And Policies
European Spatial Planning And PoliciesEuropean Spatial Planning And Policies
European Spatial Planning And Policies
 

Similar a Mi Primera Pagina

Estructurabasica
EstructurabasicaEstructurabasica
Estructurabasica
Fama Barreto
 
Html111
Html111Html111
Html111
pelusa0104
 
Crear una página básica en HTML
Crear una página básica en HTMLCrear una página básica en HTML
Crear una página básica en HTML
Secretaria Educacion Dptal
 
Html 121
Html 121Html 121
Introduccion a programacion html
Introduccion a programacion htmlIntroduccion a programacion html
Introduccion a programacion html
Elim Aqp
 
Html
HtmlHtml
Clase 1
Clase 1Clase 1
Clase 1
sinaibucio
 
Programación para web
Programación para webProgramación para web
Programación para web
rdiazb
 
1.3.2 elementos del lenguaje html
1.3.2 elementos del lenguaje html1.3.2 elementos del lenguaje html
1.3.2 elementos del lenguaje htmlJeremias Morales
 
El mejor curso de html lección no.1
El mejor curso de html lección no.1El mejor curso de html lección no.1
El mejor curso de html lección no.1gabrielhernandezvc
 
Producto 3 joon y jorge 9no a
Producto 3 joon y jorge 9no aProducto 3 joon y jorge 9no a
Producto 3 joon y jorge 9no aJoonLee2000
 
Producto 3 joon y jorge 9no a
Producto 3 joon y jorge 9no aProducto 3 joon y jorge 9no a
Producto 3 joon y jorge 9no a
jack4555
 
HTML 2011
HTML 2011HTML 2011
C:\Documents And Settings\Alumno\Mis Documentos\Qué Es Html
C:\Documents And Settings\Alumno\Mis Documentos\Qué Es HtmlC:\Documents And Settings\Alumno\Mis Documentos\Qué Es Html
C:\Documents And Settings\Alumno\Mis Documentos\Qué Es Htmledujoso
 
PresentacióN Html
PresentacióN HtmlPresentacióN Html
PresentacióN HtmlMargarita T.
 

Similar a Mi Primera Pagina (20)

Html
HtmlHtml
Html
 
Manual de-html
Manual de-htmlManual de-html
Manual de-html
 
Practicas html
Practicas htmlPracticas html
Practicas html
 
Estructurabasica
EstructurabasicaEstructurabasica
Estructurabasica
 
Html111
Html111Html111
Html111
 
Crear una página básica en HTML
Crear una página básica en HTMLCrear una página básica en HTML
Crear una página básica en HTML
 
Html 121
Html 121Html 121
Html 121
 
Introduccion a programacion html
Introduccion a programacion htmlIntroduccion a programacion html
Introduccion a programacion html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Clase 1
Clase 1Clase 1
Clase 1
 
Programación para web
Programación para webProgramación para web
Programación para web
 
1.3.2 elementos del lenguaje html
1.3.2 elementos del lenguaje html1.3.2 elementos del lenguaje html
1.3.2 elementos del lenguaje html
 
El mejor curso de html lección no.1
El mejor curso de html lección no.1El mejor curso de html lección no.1
El mejor curso de html lección no.1
 
Producto 3 joon y jorge 9no a
Producto 3 joon y jorge 9no aProducto 3 joon y jorge 9no a
Producto 3 joon y jorge 9no a
 
Producto 3 joon y jorge 9no a
Producto 3 joon y jorge 9no aProducto 3 joon y jorge 9no a
Producto 3 joon y jorge 9no a
 
HTML 2011
HTML 2011HTML 2011
HTML 2011
 
C:\Documents And Settings\Alumno\Mis Documentos\Qué Es Html
C:\Documents And Settings\Alumno\Mis Documentos\Qué Es HtmlC:\Documents And Settings\Alumno\Mis Documentos\Qué Es Html
C:\Documents And Settings\Alumno\Mis Documentos\Qué Es Html
 
PresentacióN Html
PresentacióN HtmlPresentacióN Html
PresentacióN Html
 
Temas de html
Temas de htmlTemas de html
Temas de html
 

Último

Nuevos espacios,nuevos tiempos,nuevas practica.pptx
Nuevos espacios,nuevos tiempos,nuevas practica.pptxNuevos espacios,nuevos tiempos,nuevas practica.pptx
Nuevos espacios,nuevos tiempos,nuevas practica.pptx
lautyzaracho4
 
Friedrich Nietzsche. Presentación de 2 de Bachillerato.
Friedrich Nietzsche. Presentación de 2 de Bachillerato.Friedrich Nietzsche. Presentación de 2 de Bachillerato.
Friedrich Nietzsche. Presentación de 2 de Bachillerato.
pablomarin116
 
6° GRADO UNIDAD DE APRENDIZAJE 3 JUNIO.docx
6° GRADO UNIDAD DE APRENDIZAJE 3 JUNIO.docx6° GRADO UNIDAD DE APRENDIZAJE 3 JUNIO.docx
6° GRADO UNIDAD DE APRENDIZAJE 3 JUNIO.docx
DanielaBurgosnazario
 
Power Point: El espiritismo desenmascarado
Power Point: El espiritismo desenmascaradoPower Point: El espiritismo desenmascarado
Power Point: El espiritismo desenmascarado
https://gramadal.wordpress.com/
 
el pensamiento critico de paulo freire en basica .pdf
el pensamiento critico de paulo freire en basica .pdfel pensamiento critico de paulo freire en basica .pdf
el pensamiento critico de paulo freire en basica .pdf
almitamtz00
 
EVALUACION ESTUDIANTIL 2023-2024 Ecuador - Costa.pptx
EVALUACION ESTUDIANTIL 2023-2024 Ecuador - Costa.pptxEVALUACION ESTUDIANTIL 2023-2024 Ecuador - Costa.pptx
EVALUACION ESTUDIANTIL 2023-2024 Ecuador - Costa.pptx
Victor Elizalde P
 
El espiritismo desenmascarado.pdf. Lec. 10
El espiritismo desenmascarado.pdf. Lec. 10El espiritismo desenmascarado.pdf. Lec. 10
El espiritismo desenmascarado.pdf. Lec. 10
Alejandrino Halire Ccahuana
 
Presentación Curso C. Diferencial - 2024-1.pdf
Presentación Curso C. Diferencial - 2024-1.pdfPresentación Curso C. Diferencial - 2024-1.pdf
Presentación Curso C. Diferencial - 2024-1.pdf
H4RV3YH3RN4ND3Z
 
225189039-Jornada-de-Errores-Medicos-Rafael-Olivera-Figueroa.pdf
225189039-Jornada-de-Errores-Medicos-Rafael-Olivera-Figueroa.pdf225189039-Jornada-de-Errores-Medicos-Rafael-Olivera-Figueroa.pdf
225189039-Jornada-de-Errores-Medicos-Rafael-Olivera-Figueroa.pdf
ReivajZetinebAvlis
 
El ensayo mexicano en el siglo XX LITERATURA
El ensayo mexicano en el siglo XX LITERATURAEl ensayo mexicano en el siglo XX LITERATURA
El ensayo mexicano en el siglo XX LITERATURA
Armando920824
 
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...
JAVIER SOLIS NOYOLA
 
Guia Practica de ChatGPT para Docentes Ccesa007.pdf
Guia Practica de ChatGPT para Docentes Ccesa007.pdfGuia Practica de ChatGPT para Docentes Ccesa007.pdf
Guia Practica de ChatGPT para Docentes Ccesa007.pdf
Demetrio Ccesa Rayme
 
Aprender-IA: Recursos online gratuitos para estar al tanto y familiarizarse c...
Aprender-IA: Recursos online gratuitos para estar al tanto y familiarizarse c...Aprender-IA: Recursos online gratuitos para estar al tanto y familiarizarse c...
Aprender-IA: Recursos online gratuitos para estar al tanto y familiarizarse c...
María Sánchez González (@cibermarikiya)
 
Lecciones 10 Esc. Sabática. El espiritismo desenmascarado docx
Lecciones 10 Esc. Sabática. El espiritismo desenmascarado docxLecciones 10 Esc. Sabática. El espiritismo desenmascarado docx
Lecciones 10 Esc. Sabática. El espiritismo desenmascarado docx
Alejandrino Halire Ccahuana
 
UNA VISITA A SAN PEDRO EN EL VATICANO.pdf
UNA VISITA A SAN PEDRO EN EL VATICANO.pdfUNA VISITA A SAN PEDRO EN EL VATICANO.pdf
UNA VISITA A SAN PEDRO EN EL VATICANO.pdf
Joan Ribes Gallén
 
Biografía de Gregor Mendel y sus 3 leyes.pptx
Biografía de Gregor Mendel y sus 3 leyes.pptxBiografía de Gregor Mendel y sus 3 leyes.pptx
Biografía de Gregor Mendel y sus 3 leyes.pptx
ar5498718
 
Dia de la Bandera colegio Santa Angela 2024
Dia de la Bandera colegio Santa Angela 2024Dia de la Bandera colegio Santa Angela 2024
Dia de la Bandera colegio Santa Angela 2024
77361565
 
INFORME MINEDU DEL PRIMER SIMULACRO 2024.pdf
INFORME MINEDU DEL PRIMER SIMULACRO 2024.pdfINFORME MINEDU DEL PRIMER SIMULACRO 2024.pdf
INFORME MINEDU DEL PRIMER SIMULACRO 2024.pdf
Alejandrogarciapanta
 
Semana #10-PM3 del 27 al 31 de mayo.pptx
Semana #10-PM3 del 27 al 31 de mayo.pptxSemana #10-PM3 del 27 al 31 de mayo.pptx
Semana #10-PM3 del 27 al 31 de mayo.pptx
LorenaCovarrubias12
 
Semana 10-TSM-del 27 al 31 de mayo 2024.pptx
Semana 10-TSM-del 27 al 31 de mayo 2024.pptxSemana 10-TSM-del 27 al 31 de mayo 2024.pptx
Semana 10-TSM-del 27 al 31 de mayo 2024.pptx
LorenaCovarrubias12
 

Último (20)

Nuevos espacios,nuevos tiempos,nuevas practica.pptx
Nuevos espacios,nuevos tiempos,nuevas practica.pptxNuevos espacios,nuevos tiempos,nuevas practica.pptx
Nuevos espacios,nuevos tiempos,nuevas practica.pptx
 
Friedrich Nietzsche. Presentación de 2 de Bachillerato.
Friedrich Nietzsche. Presentación de 2 de Bachillerato.Friedrich Nietzsche. Presentación de 2 de Bachillerato.
Friedrich Nietzsche. Presentación de 2 de Bachillerato.
 
6° GRADO UNIDAD DE APRENDIZAJE 3 JUNIO.docx
6° GRADO UNIDAD DE APRENDIZAJE 3 JUNIO.docx6° GRADO UNIDAD DE APRENDIZAJE 3 JUNIO.docx
6° GRADO UNIDAD DE APRENDIZAJE 3 JUNIO.docx
 
Power Point: El espiritismo desenmascarado
Power Point: El espiritismo desenmascaradoPower Point: El espiritismo desenmascarado
Power Point: El espiritismo desenmascarado
 
el pensamiento critico de paulo freire en basica .pdf
el pensamiento critico de paulo freire en basica .pdfel pensamiento critico de paulo freire en basica .pdf
el pensamiento critico de paulo freire en basica .pdf
 
EVALUACION ESTUDIANTIL 2023-2024 Ecuador - Costa.pptx
EVALUACION ESTUDIANTIL 2023-2024 Ecuador - Costa.pptxEVALUACION ESTUDIANTIL 2023-2024 Ecuador - Costa.pptx
EVALUACION ESTUDIANTIL 2023-2024 Ecuador - Costa.pptx
 
El espiritismo desenmascarado.pdf. Lec. 10
El espiritismo desenmascarado.pdf. Lec. 10El espiritismo desenmascarado.pdf. Lec. 10
El espiritismo desenmascarado.pdf. Lec. 10
 
Presentación Curso C. Diferencial - 2024-1.pdf
Presentación Curso C. Diferencial - 2024-1.pdfPresentación Curso C. Diferencial - 2024-1.pdf
Presentación Curso C. Diferencial - 2024-1.pdf
 
225189039-Jornada-de-Errores-Medicos-Rafael-Olivera-Figueroa.pdf
225189039-Jornada-de-Errores-Medicos-Rafael-Olivera-Figueroa.pdf225189039-Jornada-de-Errores-Medicos-Rafael-Olivera-Figueroa.pdf
225189039-Jornada-de-Errores-Medicos-Rafael-Olivera-Figueroa.pdf
 
El ensayo mexicano en el siglo XX LITERATURA
El ensayo mexicano en el siglo XX LITERATURAEl ensayo mexicano en el siglo XX LITERATURA
El ensayo mexicano en el siglo XX LITERATURA
 
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...
 
Guia Practica de ChatGPT para Docentes Ccesa007.pdf
Guia Practica de ChatGPT para Docentes Ccesa007.pdfGuia Practica de ChatGPT para Docentes Ccesa007.pdf
Guia Practica de ChatGPT para Docentes Ccesa007.pdf
 
Aprender-IA: Recursos online gratuitos para estar al tanto y familiarizarse c...
Aprender-IA: Recursos online gratuitos para estar al tanto y familiarizarse c...Aprender-IA: Recursos online gratuitos para estar al tanto y familiarizarse c...
Aprender-IA: Recursos online gratuitos para estar al tanto y familiarizarse c...
 
Lecciones 10 Esc. Sabática. El espiritismo desenmascarado docx
Lecciones 10 Esc. Sabática. El espiritismo desenmascarado docxLecciones 10 Esc. Sabática. El espiritismo desenmascarado docx
Lecciones 10 Esc. Sabática. El espiritismo desenmascarado docx
 
UNA VISITA A SAN PEDRO EN EL VATICANO.pdf
UNA VISITA A SAN PEDRO EN EL VATICANO.pdfUNA VISITA A SAN PEDRO EN EL VATICANO.pdf
UNA VISITA A SAN PEDRO EN EL VATICANO.pdf
 
Biografía de Gregor Mendel y sus 3 leyes.pptx
Biografía de Gregor Mendel y sus 3 leyes.pptxBiografía de Gregor Mendel y sus 3 leyes.pptx
Biografía de Gregor Mendel y sus 3 leyes.pptx
 
Dia de la Bandera colegio Santa Angela 2024
Dia de la Bandera colegio Santa Angela 2024Dia de la Bandera colegio Santa Angela 2024
Dia de la Bandera colegio Santa Angela 2024
 
INFORME MINEDU DEL PRIMER SIMULACRO 2024.pdf
INFORME MINEDU DEL PRIMER SIMULACRO 2024.pdfINFORME MINEDU DEL PRIMER SIMULACRO 2024.pdf
INFORME MINEDU DEL PRIMER SIMULACRO 2024.pdf
 
Semana #10-PM3 del 27 al 31 de mayo.pptx
Semana #10-PM3 del 27 al 31 de mayo.pptxSemana #10-PM3 del 27 al 31 de mayo.pptx
Semana #10-PM3 del 27 al 31 de mayo.pptx
 
Semana 10-TSM-del 27 al 31 de mayo 2024.pptx
Semana 10-TSM-del 27 al 31 de mayo 2024.pptxSemana 10-TSM-del 27 al 31 de mayo 2024.pptx
Semana 10-TSM-del 27 al 31 de mayo 2024.pptx
 

Mi Primera Pagina

  • 1. MI PRIMERA PÁGINA Construiremos nuestra primera página y, explicaremos algunos conceptos. Usando el Bloc de notas de Windows, escribiremos el código que se muestra a continuación, guardándolo como mipagina.html (deberemos usar la opción todos los archivos en la ventana de guardar como): <HTML> <HEAD> <TITLE>Mi primera Página</TITLE> </HEAD> <BODY> <P>Hola mundo</P> </BODY> </HTML> Como podemos apreciar, el grafico es el resultado que muestra el navegador al interpretar el código que se muestra en el lado derecho. Lo primero que debemos observar es que todas las etiquetas o tag tienen una marca de inicio y una de cierre <HEAD></HEAD>, <TITLE></TITLE>, <BODY></BODY>, en algunos casos no será así, estas se llaman etiquetas vacías <BR>, <HR> que se utilizan para introducir saltos de línea, líneas horizontales, y otros elementos no asociados al formato de textos o imágenes. Todas las página HTML debe comenzar por la etiqueta <html> y terminar con </html>. Todo lo que figure entre estas etiquetas será interpretado por el navegador como un documento HTML. Lo que quede fuera de ellas será, en la mayoría de los casos, ignorado. Todo documento HTML tiene una cabecera (HEAD) y un cuerpo (BODY), que se indican con sus correspondientes etiquetas <HEAD> y <BODY>. La cabecera contiene información sobre el documento (importante para su publicación en Internet) así como programas de script y el título de la página, que se mostrará en la parte superior de la ventana del navegador. El título, de la pagina se deberá escribir entre las etiquetas <TITLE> y </TITLE>. En el cuerpo (etiqueta <BODY>) se inserta lo que se verá en el navegador, en este caso, un párrafo de texto, por lo que está entre las etiquetas de párrafo (<P> y </P>). Con esto hemos terminado nuestra primera página y poco a poco iremos adicionando mas etiquetas hasta la próxima.