PRIMER PERIODO

TEMÁTICA:    Página web / Lenguaje de marcado HTML5

HTML es un lenguaje de programación que se utiliza para el desarrollo de páginas de Internet. Se trata de la siglas que corresponden a HyperText Markup Language, es decir, Lenguaje de Marcas de Hipertexto, sólo sirve para indicar como va ordenado el contenido de una página web. Esto lo hace por medio de las marcas de hipertexto las cuales son etiquetas conocidas en inglés como tags.

El lenguaje bajo el cual funcionan las ciber páginas se llama HTML, un formato de programación que permite tener acceso a diferentes páginas web a través de enlaces de hipertexto, los cuales también son conocidos como links.


Imagen 1: HTML
Fuente. La web

 Video 1: ¿Qué es una página web?
 

Video 2: ¿Qué es HTML?
                                         

 ETIQUETAS BÁSICAS DEL HTML        Resultado de imagen para html etiquetasFuente: Blog de tecnología

EXPERIENCIA 1: Aprendimos sobre el diseño web el cual consiste en la planificación, diseño e implementación de sitios o aplicaciones web. Aprendimos el lenguaje de etiqueta de HTML

<!DOCTYPE html>: indicamos que es un documento HTML5, es lo primero que escribes.
<html></html>: esta es la raíz de una pagina web, va al principio y al final.
<head></head>:  contiene información del encabezado y las metas del documento.
<title>texto</title>: contiene el titulo de la pagina.
<body>texto</body>: aquí va el contenido de la pagina. 
<h1>texto</h1>: para encabezados.
<p>texto</p>: elemento que crea un párrafo.
 <hr>: elemento que trata una linea horizontal.

                                             IMAGEN 2: Compilación de guía 1 de HTML
                                      Fuente: Maury Alejandra Rico Sarmiento

EXPERIENCIA 2: Aprendimos el lenguaje en ingles por Hyper Text Markup que hace referencia al lenguaje de marcado para la elaboración de las páginas web

<center>texto</center> :elemento para centrar.
<br> :rompe a la siguiente linea, no necesita cerrarse con </br>.
&nbsp; :espacios laterales, como si pulsara la barra espaciadora.
<i> texto </i> : coloca el texto en cursiva
<em> texto </em> :cursiva para marcar textos importantes, los buscadores lo toman más en cuenta
<b> tecto </b> : coloca el texto en negrilla
<strong> texto </strong>

                                            IMAGEN 3: Compilación de la guía 2 de HTML
                                          Fuente: Maury Alejandra Rico
EXPERIENCIA 3: Aprendimos  a que los atributos se usan para darle información adicional a una etiqueta y modificarlo
                                       IMAGEN 4: Compilación de la guía 3 de ATRIBUTOS

No hay comentarios.:

Publicar un comentario