• Author / Uploaded
• JUDDY TATIANA VARGAS SANTOFIMIO

Citation preview

---

Unidad 1: visión de conjunto ¿que es el Html? HTML significa H yper T ext M arkup L language. A diferencia de un lenguaje de programación o scripting que usa scripts para realizar funciones, un lenguaje de marcado usa etiquetas para identificar el contenido. Aquí hay un ejemplo de una etiqueta HTML:

Soy un párrafo

La estructura web La capacidad de codificar usando HTML es esencial para cualquier profesional de la web. La adquisición de esta habilidad debería ser el punto de partida para cualquiera que esté aprendiendo a crear contenido para la web.

Diseño web moderno HTML : Estructura CSS : Presentación JavaScript : Comportamiento PHP o similar : Backend CMS : Content Management

Estructura básica del documento html La etiqueta Aunque se han lanzado varias versiones a lo largo de los años, los conceptos básicos de HTML siguen siendo los mismos.

La estructura de un documento HTML se ha comparado con la de un sandwich. Como un emparedado tiene dos rebanadas de pan, el documento HTML tiene etiquetas HTML de apertura y cierre. Estas etiquetas, como el pan en un sándwich, rodean todo lo demás:

...

Nota: Todo en un documento HTML está rodeado por la etiqueta .

La etiqueta Inmediatamente después de la etiqueta HTML de apertura, encontrará el encabezado del documento, que se identifica abriendo y cerrando etiquetas de encabezado. El encabezado de un archivo HTML contiene todos los elementos no visuales que ayudan a que la página funcione.

...

Nota: Los elementos de la sección del encabezado se discutirán más adelante.

La etiqueta La etiqueta del cuerpo sigue a la etiqueta de la cabeza. Todos los elementos visuales-estructurales están contenidos dentro de la etiqueta del cuerpo. Los encabezados, párrafos, listas, citas, imágenes y enlaces son solo algunos de los elementos que pueden estar contenidos dentro de la etiqueta del cuerpo. Estructura HTML básica:



Nota: La etiqueta define el contenido principal del documento HTML.

Creando tu primera página HTML Los archivos HTML son archivos de texto, por lo que puede usar cualquier editor de texto para crear su primera página web. Hay algunos editores HTML muy buenos disponibles; Puedes elegir el que más te convenga. Por ahora escribamos nuestros ejemplos en el Bloc de notas . Nota: Puede ejecutar, guardar y compartir sus códigos HTML en nuestro Code Playground, sin instalar ningún software adicional.

El archivo HTML Agregue la estructura HTML básica al editor de texto con "Esta es una línea de texto" en la sección del cuerpo.



Esta es una línea de texto.

En nuestro ejemplo, el archivo se guarda como first.html Cuando se abre el archivo, se muestra el siguiente resultado en el navegador web: Nota: No olvide guardar el archivo.

Los nombres de los archivos HTML deben terminar en .html o .htm

La etiqueta  Para colocar un título en la pestaña que describe la página web, agregue un elemento  a su sección principal:

primera página

Esta es una línea de texto.

Esto producirá el siguiente resultado: Nota: El elemento de título es importante porque describe la página y es utilizado por los motores de búsqueda.

Crear un blog A lo largo de este curso, lo ayudaremos a practicar y crear su propio proyecto de blog único, para que conserve lo que ha aprendido y pueda ponerlo en práctica. Simplemente continúe y siga las instrucciones en la sección TAREA. Así es como se verá su página de blog terminada. TAREA: Toque Pruébelo usted mismo para ver el código y su salida.

Mi blog

... No tengas miedo a los códigos largos. Cuando completes el curso, todo tendrá sentido y se verá muy factible. Te lo garantizamos! TAREA: 1. Abra el código. 2. En el encabezado superior, cambie el nombre a su propio nombre. 3. Cambie el título de la página. Recuerde, el título de la página se encuentra dentro de la etiqueta en el de la página.

Prueba Módulo 1

¿Qué es el HTML?

Lenguaje de marcado Biblioteca de hipertexto Lenguaje de programación Lenguaje de escritura ¿De qué partes principales consta el archivo HTML?

manos y pies ojos y boca cabeza y cuerpo encabezado y pié de página ¿Qué etiqueta contiene la parte visual de la página web? body Rellenar los espacios en blanco:



Esta es una línea de texto.

Unidad 2: conceptos básicos de HTML Los párrafos La 

 Element

Para crear un párrafo, simplemente escriba el elemento 

 con sus etiquetas de apertura y cierre:

primera página

Este es un párrafo.

Este es otro párrafo.

Salto de línea individual Use la etiqueta 
 para agregar una sola línea de texto sin comenzar un nuevo párrafo:

primera página

Este es un párrafo.

Este es otro párrafo.

Esto es
un salto de línea

Nota: El elemento
es un elemento HTML vacío. No tiene etiqueta final.

Salto de línea individual Al abrir el archivo HTML en el navegador, se muestra que se ha agregado un solo salto de línea al párrafo: Nota: El elemento
no tiene etiqueta final.