TEMÁTICA. Páginas Web - Lenguaje de Marcado HTML5
Una página web, o página electrónica, página digital, o ciberpágina12 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ÍDEO1. ¿QUE ES UNA PAGINA 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. ¿QUÉS 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
|
ACTIVIDAD 1. GUÍA 1 DE HTML
Experiencia 1. Actualmente hemos trabajado las guías 1 y 2 de HTML, en la primera actividad la cual se llama DISEÑO WEB, trabajamos lo qué es como crear, podría decirse paso a paso nuestra página web. Aquí la ing. Maria Teresa nos da las etiquetas para poder hacer nuestra página web por medio del lenguaje de HTML. Las etiquetas son estas:
<!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.
y este fue el resultado!!!
ACTIVIDAD 2. GUÍA 2 DE HTML
Experiencia 2.En esta actividad vemos nuevas etiquetas en donde complementamos o seguimos de lo que quedamos en la guia 1 , los cuales hacen que nuestra página web sea más elaborada, y mejor presentada. Estas son las etiquetas :
<center>texto</center> :elemento para centrar.
<br> :rompe a la siguiente linea, no necesita cerrarse con </br>.
:espacios laterales, como si pulsara la barra espaciadora.
<center>texto</center> :elemento para centrar.
<br> :rompe a la siguiente linea, no necesita cerrarse con </br>.
:espacios laterales, como si pulsara la barra espaciadora.
ACTIVIDAD 3. GUÍA 3 DE HTML
Experiencia 3. En esta guía vemos nuevas etiquetas y los famosos ATRIBUTOS, los cuales sirven para personalizar nuestro texto.En donde complementamos la guia 2 en lo que usamos para darle información adicional a una etiqueta y así modificarlo. Estas son las 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.
<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.
.
No hay comentarios:
Publicar un comentario