TEMATICA. PAGINAS WEB / HTML 5
Una Página Web es un documento electrónico adaptado particularmente para el Web, que contiene información específica de un tema en particular y que es almacenado en algún sistema de cómputo que se encuentre conectado a la red mundial de información denominada Internet, de tal forma que este documento pueda ser consultado por cualesquier persona que se conecte a esta red mundial de comunicaciones.
Fuente: Click aquí para más información.
 |
| Documento HTML |
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: Más información aquí
HTML es un lenguaje de programación que se utiliza para el desarrollo de páginas de Internet. Se trata de la siglas que corresponden a HyperText Markup Language, es decir, Lenguaje de Marcas de Hipertexto, sólo sirve para indicar como va ordenado el contenido de una página web. Esto lo hace por medio de las marcas de hipertexto las cuales son etiquetas conocidas en inglés como tags.
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.
Etiquetas básicas de HTML
 |
| Fuente: Blog de Tecnología HTML VÍDEO 1. ¿Qué es una página Web?
VÍDEO 2. ¿Qué es 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 pra 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.
Experiencia 2. En esta actividad vemos nuevas etiquetas , 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.
<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: Sofia Vanegas |
<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.
Fuente: Sofia Vanegas
Experiencia 3. En esta guía vemos nuevas etiquetas y los famosos ATRIBUTOS, los cuales sirven pára personalizar nuestro texto. Se usan para darle información adicional a una etiqueta y así modificarlo. Estas son las etiquetas:
<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: Sofia Vanegas
No hay comentarios:
Publicar un comentario