1ER PERIODO

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

VÍDEO 1. ¿Que es una página Web?

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

VÍDEO 2. ¿Que es HTML?

Tabla 1. Ejemplo de las Etiquetas aprendidas en la primera guía
<!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


MI EXPERIENCIA CON LA 1RA ACTIVIDAD
COMO SE VE PRESENTE EL PROGRAMA Y LOS CÓDIGOS FUNCIONARON A LA PERFECCIÓN,PORQUE LOS CÓDIGOS REPRESENTAN CADA PARTE DE EL PROGRAMA

Tabla 2.Ejemplo de las etiquetas aprendidas en la primera guia
<center>Texto</center> Elemento para centrar
<br> Rompe a la siguiente linea,no se necesita cerrarse con </br>
&nbsq; Espacios laterales,como si pulsara la barra espaciadora


MI EXPERIENCIA CON LA 2DA ACTIVIDAD

EN ESTA ULTIMA ACTIVIDAD SE PRESENTA UN GRAN CAMBIO COMPARADO CON EL PRIMERO,YA QUE EN ESTE HAY MUCHA MAS INFORMACIÓN RESPECTO
AL TRABAJO

Tabla 3.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 marcartexto importante, los buscadores lo toman mas en cuenta
<u>texto</u>Coloca el texto subrayado
<ins>texto</ins>Coloca el texto insertado(subrayado)
<s>texto</s>Coloca el texto tachado
<del>texto</del>Coloca el texto eliminado
 ATRIBUTOS
Title="Nuevo"Agrega un tooltip al elemento
Color="Blue" Agrega  un color al elemento 
 Wiath="400" Agrega un ancho elemento
 Size="50" Agrega una talla al elemento

MI EXPERIENCIA CON LA 3RA ACTIVIDAD
En esta ultima esta completada al 100%
se ha completado la pagina

No hay comentarios:

Publicar un comentario