PERIODO I

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

Una página web, o página electrónica, página digital, o ciberpágina​​ es un documento o información electrónica capaz de contener texto, sonido, vídeo, programas, enlaces, imágenes y muchas otras cosas, adaptada para la llamada World Wide Web (WWW) y que puede ser accedida mediante un navegador web. Esta información se encuentra generalmente en formato HTML o XHTML, y puede proporcionar acceso a otras páginas web mediante enlaces de hipertexto. 

Frecuentemente también incluyen otros recursos como pueden ser hojas de estilo en cascada, guiones (scripts), imágenes digitales, entre otros.

Las páginas web pueden estar almacenadas en un equipo local o en un servidor web remoto. El servidor web puede restringir el acceso únicamente a redes privadas, por ejemplo, en una intranet corporativa, o puede publicar las páginas en la World Wide Web. El acceso a las páginas web es realizado mediante una transferencia desde servidores, utilizando el protocolo de transferencia de hipertexto (HTTP). Clic para seguir leyendo

VÍDEO 1. Página Web

Fuente. https://www.youtube.com/watch?v=fgQu8KV0q8w

VÍDEO 2. Concepto de HTML

Fuente. https://www.youtube.com/watch?v=10GHKjgQIR0

HTML es un lenguaje de marcado que se utiliza para el desarrollo de páginas de Internet. Se trata de la sigla que corresponde a HyperText Markup Language, es decir, Lenguaje de Marcas de Hipertexto, que podría ser traducido como Lenguaje de Formato de Documentos para Hipertexto

Imagen 1. Mapa conceptual de HTML

Fuente. La web

ACTIVIDAD 1: Compilación de la guía 1 de HTML

En la guía 1 (DISEÑO WEB) de HTML se nos dan etiquetas para comprender desde cero las etiquetas básicas  para crear una pagina web las etiquetas son las siguientes:

<!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

el siguiente es el proceso tratado en la guía 1 en el cual, se nos explica paso a paso y de forma clara como crear una pagina web por medio del lenguaje marcado de hipertexto o HTML 

Fuente. Autora del presente Blog

ACTIVIDAD 2: Compilación de la guía 2 de HTML 

En la guía 2 de HTML se nos enseñan nuevas etiquetas para mejorar el aspecto de nuestra pagina web y su estructura 

los siguientes son los códigos:

<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.

y el siguiente es la practica de lo explicado en la guía 2 siguiendo con el mismo proceso de actividad 1 : 

Fuente. Autora del presente Blog.

ACTIVIDAD 3: compilación de la guía 3 HTML

en la guía 3 nombrada "ATRIBUTOS" se nos dan como dice el titulo algunos atributos y etiquetas para lo que viene siendo la estética y redacción de la pagina web, que  son los siguientes:

ETIQUETAS:
<i>texto<i>: coloca el texto en cursiva.

<em>texto</em>: cursiva para marcar texto importante,los buscadores lo toman mas en cuenta.

<b>texto</b>: coloca el texto en negrilla.

<strong>texto</strong>: negrilla para marcar texto importante, los buscadores lo toman en cuenta.

<u>texto</u>: coloca el texto subrayado.

<ins>texto</s>: coloca el texto insertado (subrayado).

<s>texto</s>: coloca el texto techado.

<del>texto</del>: coloca el texto eliminado (tachado).

ATRIBUTOS: v

tittle="nuevo": atributo que agrega un tooltip al elemento.

color="blue": atributo que agrega un color al elemento (los colores van en ingles).
width="400": atributo que agrega un ancho al elemento.
size="50": atributo que agrega una talla al elemento.

seguido de esto tenemos el código para continuar con la respectiva pagina web aquí la compilación de esta tercera y ultima guía:

Fuente. Autora del presente Blog.