PERIODO I

temática: paginas web/ lenguaje de marcado HTML5.

Una Página Web es conocida como un documento de tipo electrónico, el cual contiene información digital, la cual puede venir dada por datos visuales y/o sonoros, o una mezcla de ambos, a través de textos, imágenes, gráficos, audio o vídeos y otros tantos materiales dinámicos o estáticos. Toda esta información se ha configurado para adaptarse a la red informática mundial, también conocida como World Wide Web.

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, es decir, dentro de un documento electrónico puede estar contenido otro, que de acceso bien sea a otra parte de la misma página web o simplemente a otra página, su objetivo básico es facilitar la investigación por medio de la navegación de distintos contenidos. El formato HTML está compuesto por códigos, pero para el usuario común no se manifiesta de este modo, debido a que los navegadores leen los documentos en HTML posteriormente lo traducen en las imágenes, textos y sonidos que mencionamos anteriormente y los muestra al usuario en esas presentaciones para que pueda ser mejor interpretado.

Las páginas web presentan variados y atractivos diseños para los distintos usuarios que pueda tener, para que de este modo sea un medio entretenido, funcional, educativo, ilustrativo, productivo y divertido.
                                          fuente. http://conceptodefinicion.de/pagina-web/

                              ejemplo de como crear una pagina HTML

HTML HyperText Markup Language
HTML o HyperText Markup Language es el lenguaje de la web. Casi todas las páginas web están escritas en HTML. HTML define la forma en que las imágenes, multimedia y texto se muestran en los navegadores web. Incluye elementos para conectar los documentos (hipertexto) y hacer que los documentos web sean interactivos.

HTML es un lenguaje de marcado definido como estándar. Esta norma fue desarrollada por el World Wide Web Consortium (W3C). Se basa en SGML (Standard Generalized Markup Language). Es un lenguaje que utiliza etiquetas para definir la estructura de un texto. Elementos y etiquetas son definidas por los caracteres ‹ y ›.

Pero HTML no es el único estándar para el desarrollo web. Cuando HTML fue desarrollándose se puso más y más complicado y las etiquetas de estilo y contenido se combinaron en un solo lenguaje. Finalmente, el W3C decidió que no había necesidad de una separación entre el estilo de una página web y el contenido. Una etiqueta que define el contenido por sí solo, como H1, se mantendría en HTML, las etiquetas que definen el estilo, como la fuente, han quedado obsoletas a partir de HTML 4.01 a favor de las hojas de estilo.

La nueva versión de HTML es HTML5. HTML5 añade más funciones en HTML y elimina parte de la rigidez que le fue impuesta por XHTML. Sin embargo, HTML5 aún es un lenguaje de marcas.

fuente. http://www.um.es/docencia/barzana/DIVULGACION/INFORMATICA/Que-son-lenguajes-marcado.html

ejemplos de comandos HTML

vídeo 1. ¿que es una pagina web?

fuente: https://youtu.be/fgQu8KV0q8w

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.

vídeo 2. ¿Que es HTML?

fuente: https://youtu.be/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.

EXPERIENCIA 1.hasta el momento hemos copiado las guías 1 y 2, en la primera guía llamada diseño web donde en base a esta guía podemos aprender a crear nuestra pagina web, nos dan los códigos necesarios para crear dicha pagina, también aprendimos a reconocer las etiquetas de HTML.

En la primera guía vimos las siguientes etiquetas:

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

                                               fuente: nicoll tatiana castro.
Experiencia 2. En la segunda guía vimos nuevas etiquetas para crear nuestra pagina web, con mas estructura, esto hace referencia al lenguaje de marcado para la elaboración de paginas web.
En la segunda guía vimos las siguientes etiquetas:
<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.

                                             fuente: nicoll tatiana castro.   
Experiencia 3. En la tercera guía conocimos nuevas etiquetas llamadas atributos,estos se usan para darle información adicional a una etiqueta y así modificarlo.  
En la tercera guia vimos las 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.
tittle="nuevo": atributo que agrega un tooltip al elemento.
color="blue": atributo que agrega un color al elemento (los colores son en ingles).
width="400": atributo que agrega un ancho al elemento.
size="50": atributo que agrega una talla al elemento.

                                                                    fuente.nicoll castro.