Tematica: Paginas web / Lenguaje de marcado HTML5
imagen 1:
Fuente: Google
Imagen 2:
Fuente: Google
¿Que es una pagina web?
Vídeo 1:
Fuente: https://www.youtube.com/watch?v=fgQu8KV0q8w
¿Que es HTML?
Vídeo 2:
Fuente: https://www.youtube.com/watch?v=10GHKjgQIR0
Imagen 3:
Fuente: Yo xd
En las 2 guías aprendidas y escritas durante la clase, quedo evidenciado el proceso de aprendizaje que llevamos acerca de Blog, Y paginas web, en estas guías se daba a mostrar diversas etiquetas las cuales nos pueden llegar a servir como: encabezado, párrafo, negrita, cursiva, etc
Guía 1:
En las 2 guías aprendidas y escritas durante la clase, quedo evidenciado el proceso de aprendizaje que llevamos acerca de Blog, Y paginas web, en estas guías se daba a mostrar diversas etiquetas las cuales nos pueden llegar a servir como: encabezado, párrafo, negrita, cursiva, etc
Guía 1:
Fuente: Adrian Araque
Etiquetas Aprendidas
<!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:
En esta guía vimos el diseño que se le puede dar a una pagina web con diversas etiquetas.
¿Como se trabajo? Creamos en nuestro ordenador una carpeta con nuestro nombre, luego de ello fuimos hasta el bloc de notas donde colocamos las etiquetas aprendidas para así darle forma a la pagina web.
Finalmente, guardamos la carpeta creada para finalmente darle clic para que nos dirija hacia la pagina web
Guía 2:
Fuente: Adrian Araque
Experiencia:
En esta guía continuamos con las etiquetas aprendidas de Html o hypertext Markup Language.
En esta guía quedaron evidenciadas 3 nuevas etiquetas, estas son:
<center>texto/center>
<br>
 
Finalmente guardamos esto en un nuevo bloc de notas para luego cargar la pagina que hemos creado.
Guia 3:
----------------------------------------------------------------------------------------------------------------
Fuente: Adrian Araque
Experiencia:
En esta nueva guía, quedo evidenciado los nuevos atributos los cuales complementan a una etiqueta.
Las etiquetas usadas fueron:
Etiquetas nuevas:
Experiencia:
En esta guía continuamos con las etiquetas aprendidas de Html o hypertext Markup Language.
En esta guía quedaron evidenciadas 3 nuevas etiquetas, estas son:
<center>texto/center>
<br>
 
Finalmente guardamos esto en un nuevo bloc de notas para luego cargar la pagina que hemos creado.
Guia 3:
----------------------------------------------------------------------------------------------------------------
Fuente: Adrian Araque
Experiencia:
En esta nueva guía, quedo evidenciado los nuevos atributos los cuales complementan a una etiqueta.
Las etiquetas usadas fueron:
<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
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.
No hay comentarios.:
Publicar un comentario