Nothing Special   »   [go: up one dir, main page]

Programacionnhtmlnparten1 2762d9a3fde0623

Descargar como pdf o txt
Descargar como pdf o txt
Está en la página 1de 13

HTML (Lenguaje de Marcas de Hipertexto, del inglés HyperText Markup Language)

es el componente más básico de la Web. Define el significado y la estructura del


contenido web. ... HTML utiliza "marcas" para etiquetar texto, imágenes y otro
contenido para mostrarlo en un navegador Web.
Además de HTML, generalmente se utilizan otras tecnologías para describir la
apariencia/presentación de una página web (CSS) o la
funcionalidad/comportamiento (JavaScript).
"Hipertexto" hace referencia a los enlaces que conectan páginas web entre sí, ya
sea dentro de un único sitio web o entre sitios web. Los enlaces son un aspecto
fundamental de la Web. Al subir contenido a Internet y vincularlo a las páginas
creadas por otras personas, te conviertes en un participante activo en la «World
Wide Web» (Red Informática Mundial).
Para comenzar a programar tenemos que crear la carpeta raíz o carpeta que va a
contener todo el proyecto, siempre debemos crear una carpeta por cada proyecto
realizado.

Los archivos para crear paginas web son de extensión .html con esta extensión son
reconocidos por el computador.
Si su computador no muestra la extensión hay que habilitar esa opción se hace de
la siguiente forma.
para obtener esta ventana.
1. Se debe bajar la barra hasta el final para poder encontrar la opción del
numero 2
2. En esta opción se le debe quitar la marcación y que quede como muestra la
imagen
3. Por ultimo clic aquí para que podamos ver las extensiones
Nota: solo si no muestra las extensiones debemos realizar los estos pasos y si
queremos que no nos muestre las extensiones hacer los mismo pasos pero
colocarle la marcación en la casilla del numero 2.

Vamos abrir el archivo con el blod de notas -> Clic derecho.


El lenguaje de html se rige por la regla de los otros lenguaje todo tiene un inicio y
un fin por eso encontramos etiquetas de apertura y de cierre y lo que quede entre
medio las etiquetas afectara lo que se encuentra en el medio.

Ejemplo esta es etiqueta de apertura

esta es etiqueta de cierre se identifica por que siempre llevara / este


símbolo antes de la etiqueta.

Etiqueta <head> esta es la que configura la cabecera de la pagina web como el


nombre contenido el autor y el titulo de la pestaña.
Para configurar el titulo se hace con la etiqueta title.

quedaría así.

Solo le damos clic en archivo guardar en el blod de notas y doble clic al archivo
index.html para que nos abra el navegador, podamos visualizar lo que se hizo.
Para trabajar en una pagina web se hace entre medio de estas etiquetas <body>
Ya que esta es el cuerpo de una pagina web.

Hemos colocado información en el body le damos guardar y actualizamos el


navegador con la tecla f5 o seleccionamos todo la url le damos entrer.
Ahora lo vamos a realizar con el IDE (entorno de desarrollo)

Visual Studio Code.

Después de crear la carpeta raíz en un directorio de su computador tenemos que


enlazarlo con el ide visual studio code.
Archivo -> abrir carpeta
Después le damos en archivo nuevo archivo.

Nos quedara una vista así:


En esta parte le indicamos al ide en que lenguaje programaremos.
Nos muestra ya el código así.

Se modifica el lenguaje a es y se modifica el titulo pagina del sena, y en el body se


le adiciona este es el cuerpo de la pagina.
Se guarda en la carpeta raíz y se le da doble clic al archivo que se creo en la
carpeta llamado index.html.

También podría gustarte