1° Periodo

Temática:Paginas web/lenguaje HTML 5

   Pagina web
Una página web es documento de información capaz de contener texto, vídeo, sonido, programas, enlaces e imágenes.Estas están codificadas en un lenguaje especifico conocido como HTML.

Las paginas web pueden estar almacenadas en un equipo local o un servidor remoto.
Una pagina web es un documento digital capaz de contener texto, imágenes, vídeos, enlaces y demás cosas.Esta puede ser accedida desde un navegador.

Las paginas se han usado a lo largo de los últimos años para presentar contenido de interés para el publico como también su uso empresarial y personal.


Fuentes:





Imagen 1:Paginas web
Significa "lenguaje de marcado de hipertexto" o en ingles "HyperText Markup Language" y nos sirve para describir la estructura básica de una pagina y organizar la forma en que se mostrará su contenido.

Este lenguaje a lo largo de sus versiones a cambiado alunas características para que su uso se mas eficiente y facilitar el desarrollo de páginas web compatibles con distintos navegadores y plataformas.

Fuentes:



Imagen 2:Html
Fuente:https://www.google.com.co


vídeo 1:¿Que es una pagina web?
 

vídeo 2:¿Que es HTML?




ETIQUETAS APRENDIDAS EN LA GUÍA 1



<!doctype html>
Indicamos que es un documento HTML5, es lo primero en escribirse
<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, Vínculos)
<h1>Texto</h1>
Para encabezados (Va de <h1> hasta <h6> siendo éste el más pequeño)
<p>Texto</p> 
Elemento que crea un párrafo
<hr>
Elemento que traza una línea horizontal



Experiencia guía 1:En esta guía vimos el diseño  el diseño e implementacion de sitios web o aplicaciones.

Creamos una carpeta en mis documentos con nuestro nombre, luego fuimos al bloc de notas donde pusimos las etiquetas aprendidas en la guía las cuales nos ayudaron a darle las características principales a la pagina web.

proseguimos a guardar en la carpeta creada anteriormente y por ultimo la abrimos con un navegador.


   Imagen 1. Compilación de la 1 guía:




Experiencia guía 2:En esta guía continuamos con el uso de las etiquetas aprendidas del lenguaje html o hypertext markup language.
Complementamos lo dejado en el bloc de notas con varias etiquetas mas. En si vemos tres etiquetas nuevas las cuales son:
<center>texto/center>: nos sirve para centrar los elementos que pongamos en la pagina web.
<br> :rompe a la siguiente linea
&nbsp:Nos da espacios laterales.
después de complementar el bloc de notas volvemos a guardar, y por ultimo volvemos a cargar la pagina que hemos creado

  

Imagen 2: compilación de la 2 guía

fuente:Juan andres alvarez vasquez

Expericia guia 3:
Continuando con lo dejado en la guía pasada en esta nueva vemos "Los Atributos" usados para dar información adicional a una etiqueta y poder modificarlo.

Las etiquetas que conocemos y usamos en esta guía son:

<i>Texto</i> Coloca el texto en cursiva
<em>Texto</em> Cursiva para marcar texto importante.
<b>Texto</b> Coloca el texto en negrilla
<strong>Texto</strong> Negrilla para marcar texto importante.
<u>Texto</u> Coloca texto subrayado
<ins>Texto</ins> coloca texto nsertado
<s>Texto</s> Coloca el texto tachado
<del>Texto</del> coloca el texto eliminado

Los atributos aprendidos en esta guía son:

tittle:"nuevo" Atributo que agrega un tooltip a los elmentos
color:"blue"Atributo que agrega un color al elemento
width:"400" Atributo que agrega un ancho a los elementos
size: "S" Atributo que agrega una talla a los elementos.


También añadimos códigos de las guías anteriores y adicional colocamos algunos atributos de color a la pagina,estos fueron rojo azul y amarillo.
para terminar la guía guardamos y volvemos a cargar la pagina.

fuente:Juan andres alvarez vasquez

No hay comentarios:

Publicar un comentario