{"id":7402,"date":"2022-11-14T10:32:50","date_gmt":"2022-11-14T16:32:50","guid":{"rendered":"https:\/\/conexion.sv\/?p=7402"},"modified":"2022-11-14T10:32:50","modified_gmt":"2022-11-14T16:32:50","slug":"crea-tu-primer-pagina-web-en-3-pasos-con-html-beca","status":"publish","type":"post","link":"https:\/\/conexion.sv\/en\/crea-tu-primer-pagina-web-en-3-pasos-con-html-beca\/","title":{"rendered":"Crea tu primer p\u00e1gina web en 3 pasos con HTML + BECA"},"content":{"rendered":"

Hoy aprender\u00e1s a crear una p\u00e1gina sencilla en HTML la cual podr\u00e1s visualizar en el navegador, pero ojo esto es solo una p\u00e1gina de prueba para que des tu primero pasos por lo que no estar\u00e1 estructurado ni con est\u00e1ndares de calidad.<\/span><\/p>\n

Empecemos desde lo m\u00e1s b\u00e1sico y aprendamos el concepto de HTML:<\/span><\/p>\n

\u201cConsiste en un lenguaje de marcado de hipertexto utilizado para estructurar y desplegar una p\u00e1gina web y sus contenidos\u201d.<\/span><\/em><\/p>\n

Para crear una p\u00e1gina web en su totalidad tambi\u00e9n deber\u00e1s hacer uso de lenguajes como CSS o JavaScript, sin embargo, hoy solo tendremos una introducci\u00f3n a HTML.<\/span><\/p>\n

\"Lenguajes<\/p>\n

Necesitaremos de un editor de texto por lo que haremos uso de <\/span>Visual Studio Code<\/a><\/strong><\/em>, puedes realizar una b\u00fasqueda r\u00e1pida de otros editores de texto y buscar uno que te parezca mejor a ti. Ahora s\u00ed \u00a1manos a la obra!<\/span><\/p>\n

Paso 1: Editor de texto<\/b><\/h4>\n

Abre tu editor de texto y agrega el nombre con el cual lo identificar\u00e1s, nosotros le pondremos \u201cmiprimeraweb.html\u201d.<\/span><\/p>\n

Paso 2: Estructura<\/b><\/h4>\n

Ahora crearemos la siguiente estructura b\u00e1sica:<\/span><\/p>\n

<!doctype html><\/p>\n

<html><\/span><\/p>\n

<head><\/span><\/p>\n

\u00a0\u00a0<\/span><title><\/span>Mi Primera P\u00e1gina<\/span><\/title><\/span><\/p>\n

\u00a0\u00a0<\/span><meta<\/span> charset=<\/span>\u201dutf-8\u201d\/<\/span>><\/span><\/p>\n

<\/head><\/span><\/p>\n

<body><\/span><\/p>\n

\u00a0\u00a0<\/span><h1><\/span>Hola Mundo<\/span><\/h1><\/span><\/p>\n

\u00a0\u00a0Esta es mi primera p\u00e1gina de prueba en HTML<\/span><\/p>\n

<\/body><\/span><\/p>\n

<\/html><\/span><\/p>\n

\"Estructura<\/p>\n

Paso 3: Visualiza<\/b><\/h4>\n

Cuando hayas creado esta estructura base guarda los cambios utilizando \u201cCtrl + S\u201d y abre el documento que creaste en el navegador de tu preferencia, tu creaci\u00f3n deber\u00e1 verse algo as\u00ed:<\/span><\/p>\n

\"Mi<\/p>\n

Estos fueron los 3 pasos b\u00e1sicos que necesitas para hacer tu primera p\u00e1gina web y lo que todo programador realiz\u00f3 alguna vez cuando se introdujo a este mundo.<\/span><\/p>\n

\u00bfTe gustar\u00eda crear una p\u00e1gina web desde cero? \u00bfTe gustar\u00eda aprender m\u00e1s sobre HTML? \u00bfo que tal que ya sabes sobre HTML y ahora quieres aprender m\u00e1s lenguajes como JavaScript? \u00bfno sabes donde puedes aprender m\u00e1s sobre programaci\u00f3n?<\/span><\/p>\n

\u00a1Tenemos la soluci\u00f3n para ti!\u00a0<\/span><\/p>\n

Nuevamente tenemos convocatoria abierta para que pases de hacer una p\u00e1gina web b\u00e1sica a una p\u00e1gina web profesional con nuestras becas en programaci\u00f3n.<\/span><\/p>\n

Beca en programaci\u00f3n con ONE – Oracle Next Education<\/b><\/h4>\n

Por medio de nuestra alianza con Oracle y su programa ONE – Oracle Next Education, otorgamos becas a personas salvadore\u00f1as <\/span>con aptitudes para STEM y entusiastas de la tecnolog\u00eda que no tienen acceso a la educaci\u00f3n superior, a trav\u00e9s de una plataforma de educaci\u00f3n y empleabilidad.<\/span><\/p>\n

\u00bfEn qu\u00e9 modalidad estudiar\u00e1s?<\/b><\/em><\/p>\n

La modalidad de esta especializaci\u00f3n es completamente <\/span>online.<\/b><\/p>\n

\u00bfQu\u00e9 aprender\u00e1s?<\/b><\/em><\/p>\n

Durante 6 meses aprender\u00e1s a programar desde lo m\u00e1s b\u00e1sico, por lo que deber\u00e1s dedicar al menos 3 horas al d\u00eda.<\/span><\/p>\n

Los contenidos se encuentran distribuidos de la siguiente manera:\u00a0<\/span><\/p>\n