Páginas web.
Una página web 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 y que puede ser accedida mediante un navegador web.
Una página web es un canal económico de comunicación al que tiene acceso un gran número de personas en cualquier momento. Estas nacen siendo estáticas pero cada vez se idean formas para hacerlas más dinámicas.
Una página web 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 y que puede ser accedida mediante un navegador web.
Una página web es un canal económico de comunicación al que tiene acceso un gran número de personas en cualquier momento. Estas nacen siendo estáticas pero cada vez se idean formas para hacerlas más dinámicas.
VIDEO 1.¿Qué es una página web?
fuente. https://youtu.be/fgQu8KV0q8w
HTML.
HTML (HyperText Markup Language) hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que sirve de referencia del software que conecta con la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, vídeos, juegos, entre otros.
VIDEO 2.¿Qué es HTML?
fuente. https://youtu.be/10GHKjgQIR0
EXPERIENCIA. En la actividad 1 sobre el diseño de una página con HTML5 aprendimos acerca de los códigos que se deben escribir para así llevar a cabo la realización de nuestra página web.
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
|
Fuente. Docente María Teresa Ardila Yáñez
y siguiendo el proceso de creación indicado pude crear con éxito mi primera página web con el apoyo del código en la actividad de la guía 1
Imagen 1.
Fuente. María Angélica Arias Pintor
EXPERIENCIA 2. Continuando lo que aprendimos con base a la guía 2.
Recibimos un nuevo tipo de códigos para llevar a cabo y desarrollo nuestra página web.
<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.
y con esto el segundo pantallazo después de llevado a cabo el procedimiento
Imagen 2.
Fuente. María Angélica Arias Pintor
Imagen 3.
Fuente. María Angélica Arias Pintor
EXPERIENCIA 3. En la tercera guía descubrimos algunos códigos capaces de subrayar, tachar o agregar color.
Los atributos se usan para darle información adicional a un elemento (etiqueta) y así modificarlo.
<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.
<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.
No hay comentarios:
Publicar un comentario