SlideShare una empresa de Scribd logo
1 de 10
Descargar para leer sin conexión
• Para comenzar cualquier proyecto recomendamos crear una carpeta
para el ejercicio en la ubicación de disco que prefieras, puede ser
documentos o en el escritorio.
• Para este ejemplo creamos uno llamado EJEMPLOS HTML
 Abrimos el programa “Bloc de Notas”.
 Luego comenzamos la escritura del programa, para
este ejemplo creamos una página web básica que
muestre el mensaje “Bienvenido a este nuevo
Semestre Virtual”.
• La primera línea (<html>) indica el inicio del documento
HTML, esta etiqueta tiene su respectiva etiqueta de cierre
(</html>) al final de nuestro documento.
• Después sigue la etiqueta (<head>) que al igual tiene su
etiqueta de cierre (</head>), estás etiquetas indican la
cabecera del documento HTML.
• Dentro del HEAD encontramos la etiqueta (<title>) con su
etiqueta de cierre (</title>) dentro de estás etiquetas se
escribirá el título de nuestra página.
• Después pasamos al cuerpo del documento que está
delimitado por las etiquetas (<body>) y (</body>) dentro
del cuerpo del documento es donde vamos a escribir
todo aquello que se visualizará en el navegador al abrir la
página, en este caso lo que se visualizará es el mensaje:
“Bienvenido a este nuevo Semestre Virtual".
Ahora, para poder ejecutar nuestro archivo necesitamos
de cualquier navegador y previamente guardar el
archivo de la siguiente manera:
1. Una ves ingresado el código en un documento de
cualquier editor de texto, en nuestro caso utilizaremos el
programa bloc de notas como se indico en el proceso
anterior procedemos a guardar el archivo con el
nombre: ejemplo.html
2. No olvidar que es importante poner al final del nombre
del archivo la extensión .html.
3. Ingresamos al lugar donde se guardo el archivo y lo
abrimos a través de cualquier navegador de su
preferencia. A continuación se ilustra lo explicado en
este apartado.
Para visualizar el archivo, abrimos con
nuestro navegador preferido.
Las etiquetas de
encabezados se utilizan
para diferenciar textos
o párrafos unos de
otros. Las etiquetas de
las cabeceras serian:
h1, h2, h3, h4, h5 y h6.
Tienen un orden
jerárquico, en el que H1
es el de mayor tamaño.
Crear página HTML básica en

Más contenido relacionado

La actualidad más candente

Hiperenlaces 6 f
Hiperenlaces 6 fHiperenlaces 6 f
Hiperenlaces 6 fjaxjl14
 
Tema vinculo e hipervínculo
Tema vinculo e hipervínculoTema vinculo e hipervínculo
Tema vinculo e hipervínculoaracelyjil
 
Crear hipervínculos
Crear hipervínculosCrear hipervínculos
Crear hipervínculosxEvolution
 
Resumen de dreamweaver aybeth orozco morales 11 e
Resumen de dreamweaver  aybeth orozco morales 11 eResumen de dreamweaver  aybeth orozco morales 11 e
Resumen de dreamweaver aybeth orozco morales 11 eaybeth9414
 
Diferencias y semejanzas entre slideshare y prezi
Diferencias y semejanzas entre slideshare y preziDiferencias y semejanzas entre slideshare y prezi
Diferencias y semejanzas entre slideshare y prezijenifercruz13
 
DIAPOSITIVAS HTLM Y HTML 5
DIAPOSITIVAS HTLM Y HTML 5DIAPOSITIVAS HTLM Y HTML 5
DIAPOSITIVAS HTLM Y HTML 5jeilobe
 

La actualidad más candente (15)

Especialista Web J3
Especialista Web   J3Especialista Web   J3
Especialista Web J3
 
Hiperenlaces 5
Hiperenlaces 5Hiperenlaces 5
Hiperenlaces 5
 
Hiperenlaces 6 f
Hiperenlaces 6 fHiperenlaces 6 f
Hiperenlaces 6 f
 
Enlaces en html
Enlaces en htmlEnlaces en html
Enlaces en html
 
Tema vinculo e hipervínculo
Tema vinculo e hipervínculoTema vinculo e hipervínculo
Tema vinculo e hipervínculo
 
Crear hipervínculos
Crear hipervínculosCrear hipervínculos
Crear hipervínculos
 
FRONTPAGE PARTE II
FRONTPAGE PARTE IIFRONTPAGE PARTE II
FRONTPAGE PARTE II
 
Pagina web
Pagina webPagina web
Pagina web
 
Crear paginas web
Crear paginas webCrear paginas web
Crear paginas web
 
Hipervinculo
HipervinculoHipervinculo
Hipervinculo
 
Diseño web
Diseño webDiseño web
Diseño web
 
Resumen de dreamweaver aybeth orozco morales 11 e
Resumen de dreamweaver  aybeth orozco morales 11 eResumen de dreamweaver  aybeth orozco morales 11 e
Resumen de dreamweaver aybeth orozco morales 11 e
 
Presentación1
Presentación1Presentación1
Presentación1
 
Diferencias y semejanzas entre slideshare y prezi
Diferencias y semejanzas entre slideshare y preziDiferencias y semejanzas entre slideshare y prezi
Diferencias y semejanzas entre slideshare y prezi
 
DIAPOSITIVAS HTLM Y HTML 5
DIAPOSITIVAS HTLM Y HTML 5DIAPOSITIVAS HTLM Y HTML 5
DIAPOSITIVAS HTLM Y HTML 5
 

Similar a Crear página HTML básica en

Similar a Crear página HTML básica en (20)

Html
HtmlHtml
Html
 
Curso de diseño CSS
Curso de diseño CSSCurso de diseño CSS
Curso de diseño CSS
 
Desarrolla aplicacionesweb
Desarrolla aplicacioneswebDesarrolla aplicacionesweb
Desarrolla aplicacionesweb
 
Desarrolla aplicacionesweb
Desarrolla aplicacioneswebDesarrolla aplicacionesweb
Desarrolla aplicacionesweb
 
Html sistemas 1
Html sistemas 1Html sistemas 1
Html sistemas 1
 
Html sistemas
Html sistemasHtml sistemas
Html sistemas
 
Curso de html
Curso de htmlCurso de html
Curso de html
 
XHTML
XHTMLXHTML
XHTML
 
Programación en html 1
Programación en html 1Programación en html 1
Programación en html 1
 
Practico html
Practico htmlPractico html
Practico html
 
Practico html
Practico htmlPractico html
Practico 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
 
Manual html
Manual htmlManual html
Manual html
 
Practica mundo
Practica mundoPractica mundo
Practica mundo
 
Practicas html
Practicas htmlPracticas html
Practicas html
 
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
 
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
 
Prueba parcial, Códigos html y creación de páginas web.
Prueba parcial, Códigos html y creación de páginas web.Prueba parcial, Códigos html y creación de páginas web.
Prueba parcial, Códigos html y creación de páginas web.
 
Manual de java script practico
Manual de java script practicoManual de java script practico
Manual de java script practico
 

Más de BelenRosales12 (20)

3 s. programacion orientado objetos
3 s. programacion orientado objetos3 s. programacion orientado objetos
3 s. programacion orientado objetos
 
Final
FinalFinal
Final
 
Ingreso y consulta de datos
Ingreso y consulta de datosIngreso y consulta de datos
Ingreso y consulta de datos
 
Conexion base-de-datos-php
Conexion base-de-datos-phpConexion base-de-datos-php
Conexion base-de-datos-php
 
Base de datos php myadmin
Base de datos   php myadminBase de datos   php myadmin
Base de datos php myadmin
 
Ingreso y consulta de datos
Ingreso y consulta de datosIngreso y consulta de datos
Ingreso y consulta de datos
 
Capítulo 18
Capítulo 18Capítulo 18
Capítulo 18
 
Capítulo 17
Capítulo 17Capítulo 17
Capítulo 17
 
Vectores
VectoresVectores
Vectores
 
Informe15
Informe15Informe15
Informe15
 
Bucle foreach
Bucle foreachBucle foreach
Bucle foreach
 
Bucle for
Bucle forBucle for
Bucle for
 
Bucle while
Bucle whileBucle while
Bucle while
 
Chatbox
ChatboxChatbox
Chatbox
 
Informe15
Informe15Informe15
Informe15
 
Bucle while
Bucle whileBucle while
Bucle while
 
Informe14
Informe14Informe14
Informe14
 
Sentencias de decision
Sentencias de decisionSentencias de decision
Sentencias de decision
 
Informe13
Informe13Informe13
Informe13
 
Informe12
Informe12Informe12
Informe12
 

Último

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
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdfedwinmelgarschlink2
 
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
 
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
 
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
 
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
 

Último (7)

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
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf
 
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
 
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
 
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
 
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
 

Crear página HTML básica en

  • 1.
  • 2. • Para comenzar cualquier proyecto recomendamos crear una carpeta para el ejercicio en la ubicación de disco que prefieras, puede ser documentos o en el escritorio. • Para este ejemplo creamos uno llamado EJEMPLOS HTML
  • 3.  Abrimos el programa “Bloc de Notas”.  Luego comenzamos la escritura del programa, para este ejemplo creamos una página web básica que muestre el mensaje “Bienvenido a este nuevo Semestre Virtual”.
  • 4. • La primera línea (<html>) indica el inicio del documento HTML, esta etiqueta tiene su respectiva etiqueta de cierre (</html>) al final de nuestro documento. • Después sigue la etiqueta (<head>) que al igual tiene su etiqueta de cierre (</head>), estás etiquetas indican la cabecera del documento HTML. • Dentro del HEAD encontramos la etiqueta (<title>) con su etiqueta de cierre (</title>) dentro de estás etiquetas se escribirá el título de nuestra página. • Después pasamos al cuerpo del documento que está delimitado por las etiquetas (<body>) y (</body>) dentro del cuerpo del documento es donde vamos a escribir todo aquello que se visualizará en el navegador al abrir la página, en este caso lo que se visualizará es el mensaje: “Bienvenido a este nuevo Semestre Virtual".
  • 5. Ahora, para poder ejecutar nuestro archivo necesitamos de cualquier navegador y previamente guardar el archivo de la siguiente manera: 1. Una ves ingresado el código en un documento de cualquier editor de texto, en nuestro caso utilizaremos el programa bloc de notas como se indico en el proceso anterior procedemos a guardar el archivo con el nombre: ejemplo.html 2. No olvidar que es importante poner al final del nombre del archivo la extensión .html. 3. Ingresamos al lugar donde se guardo el archivo y lo abrimos a través de cualquier navegador de su preferencia. A continuación se ilustra lo explicado en este apartado.
  • 6.
  • 7. Para visualizar el archivo, abrimos con nuestro navegador preferido.
  • 8.
  • 9. Las etiquetas de encabezados se utilizan para diferenciar textos o párrafos unos de otros. Las etiquetas de las cabeceras serian: h1, h2, h3, h4, h5 y h6. Tienen un orden jerárquico, en el que H1 es el de mayor tamaño.