PERIODO I

TEMATICA: Paginas web / Lenguaje de marcado HTML5


 pagina web: es una colección de páginas web relacionadas y comunes a un dominio de internet o subdominio en la World Wide Web dentro de Internet.​
Todos los sitios web públicamente accesibles constituyen una gigantesca World Wide Web de información; un gigantesco entramado de recursos de alcance mundial.
A las páginas de un sitio web se accede frecuentemente a través de un URL raíz común llamado portada, que normalmente reside en el mismo servidor físico. Los URL organizan las páginas en una jerarquía, aunque los hiperenlaces entre ellas controlan más particularmente cómo el lector percibe la estructura general y cómo el tráfico web fluye entre las diferentes partes de los sitios.
Algunos sitios web requieren una subscripción para acceder a algunos o todos sus contenidos. Ejemplos de sitios con subscripción incluyen algunos sitios de noticias, sitios de juegos, foros, servicios de correo electrónico basados en web, sitios que proporcionan datos de bolsa de valores e información económica en tiempo real, etc.
FUENTE:https://es.wikipedia.org/wiki/Sitio_web
Lenguaje de marcado HTML5:
es una forma de codificar un documento que, junto con el texto, incorpora etiquetas o marcas que contienen información adicional acerca de la estructura del texto o su presentación.
El lenguaje de marcas más extendido es el HTML (HyperText Markup Language, lenguaje de marcado de hipertexto), fundamento del World Wide Web (entramado de comunicación de alcance mundial).
Los lenguajes de marcado suelen confundirse con lenguajes de programación. Sin embargo, no son lo mismo, ya que el lenguaje de marcado no tiene funciones aritméticas o variables, como poseen los lenguajes de programación.
FUENTE:https://es.wikipedia.org/wiki/Lenguaje_de_marcado


                                                           https://youtu.be/fgQu8KV0q8w

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

https://youtu.be/10GHKjgQIR0
FUENTE:  Sergio  Andrés  Duarte  García

Experiencia de la imagen 1:
 En esta actividad se aprenderá el diseño de una página web, su planificación, diseño e implementación de sitios o aplicaciones web.  También podrá aprender el lenguaje de etiqueta HTML5.


Etiquetas aprendidas en esta actividad:
<!doctype html>        Con ésto indicamos que es un documento HTML5, es lo primero que se escribe.

<html></html>           Esta es la raíz de una página web, va al principio y al final.

<head></head>          Contiene información del encabezado y las metas del documento.

<title> Texto</title>   Contiene el título de la página, debe estar entre el <head></head>.

<body><texto<body>  Aquí va el contenido de la página  (texto, imágenes, tablas, virculas).

<h1> texto </h1>        Para  encabezados va de <h1>hasta<hg> siendo éste el más pequeño.

<p> texto </p>            Elemento que crea un párrafo.

<hr>                             Elemento que traza una línea horizontal

FUENTE: Sergio  Andrés  Duarte  García

EXPERIENCIA DE LA IMAGEN 2:  HTML

HTML, sigla en inglés de Hiper Text Markup Languaje  (Lenguaje de marcas de hipertexto),  hace referencia al lenguaje de marcado para la elaboración de páginas web.

ETIQUETAS DE ESTA ACTIVIDAD:

<center> Texto-/center>          Elementos para centrar  (textos, imágenes, tablas, vínculos, etc)

<br>                                         Rompe la siguiente línea, no necesita cerrarse con <lbr>

&nbsp;                                     Espacios laterales, como si pulsara la barra espaciadora




                                                          Fuente:Sergio Andres Duarte
Experiencia de la imagen 3:

En esta imagen aprenderemos nuevas etiquetas y atributos, para la continuación de la guía 2 y crear nuestra pagina web, aun faltan mas. Estas son las etiquetas que utilizamos:
<i>texto<i>: coloca el texto en cursiva.
<em>texto</em>: cursiva para marcar texto importante,los buscadores lo toman más 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 inglés).
width="400": atributo que agrega un ancho al elemento.
size="50": atributo que agrega una talla al elemento.



                                                                                                  
                       

No hay comentarios.:

Publicar un comentario