"MI AUTOBIOGRAFIA"La historia de mi vida..
Mi nombre es juan francisco hernandez, soy originario del municipio de calnali de una localidad llamada San Andres.

Naci el 12 de Abril del 2003 en el seguro medico de zacualtipan


MIS PRIMEROS AÑOS DE VIDA

El 12 de abril del 2003 naci en zacualtipan de angeles mis papas me cuentan siempre que el dia de mi nacimiento no estaba definido, ese dia mi papa estaba en un contrato con la banda y mi mama se quedo sola en casa ella recuerda que mis abuelitos la llevaron a zacualtipan por que sus contracciones estaban comenzando, fue una sorpresa para mi papa saber que su hijo ya habia nacido y fue a ver a mi mama asta el seguro de zacualtipan ahi comienza mi vida

pase los primeros años de mi vida ahi y recuerdo que era una persona muy inquieta, tanto llego mi inquietud que un dia que mi papa se habia comprado un estereo de 3000 pesos me dejaron solo a jugar y yo le meti arena dentro de la casetera y se descompuzo...
gracias a Dios estaba pequeño y no me fue tan mal...
recuerdo que la malloria de mi tiempo me la pase jugando hasta que al siguiente año de mi nacimiento nacio mi hermanita Yuli, con ella hice muchas tonterias juntos, juntos heramos un caso perdido

MIS PRIMEROS 3 AÑOS EN EL KINDER

Cuando cumpli los 3 años de mi vida mis papas me inscribieron al kinder. Al principio como cada niño tenia miedo de estar ahi... ya que era algo nuevo para mi...jsjsjs me la pasaba escapandome del salon con mis compañeros y llegaba a mi casa con el pretexto de querer almorzar ya jsjsjsjsj... k tiempos aquellos y poco a poco me fui acostumbrando y ya me la pasaba jugando con mis amigos dentro del receso... Recuerdo que tenia un maestro que hera muy buena onda ya que casi la mayoria del tiempo la pasabamos jugando en clases. Llego el segundo año y me toco una maestra muy estricta.. yo creo que no le gustaba su trabajo...pero nos maltrataba bn feo jsjsjsjs a mis compañeros siempre los hacia llorar, el ultimo año fue el mas raro por que recuerdo que la maestra que tuve fue la directora y con ella siempre heran cosas de locos ya que cada rato cambiaba de humor.. Lo mas triste de esa etapa de mi vida fue que no tuve clausura... No tuve un programa donde diera el fin de lo cursado por cosas de la viruela. Ese mismo año mi papa se fue a estados unidos y nos dejo a mi y a mi hermana con mi mama en la casa de mi abuelita... esa noche fue muy triste para mi ya que no queria perder a mis papa, y pzz toda la noche me la pase llorando por que no queria que se fuera pero tenia que hirce y con el tiempo me acostumbre


LA PRIMARIA LA SEGUNDA ETAPA DE MI HISTORIA

Cuando termine el kinder a los 6 años comenzo la siguiente etapa de mi vida:

"La Primaria"

Al principio todo era lindo conoci a muchas personas nuevas y empeze a hacer lindas amistades y todome hiba bien pero llego el dia que pase al tercer grado y ahi todo cambio, tenia un docente que a los alumnos mal portados los pasaba enfrente y les ponia barios libros en cada mano extendida.. Fue el peor grado que pase en la primaria... al docente lo corrieron por su forma de comportarse con los alumnos...

pasaron 3 años despues y mi papa llego alfin tuvimos que ir por el a la ciudad de mexico y nos fuimos con mis 2 abuelitas... fue una linda experiencia para todos ya que no saliamos mucho de casa y pzz fue lindo conocer partes de la ciudad de mexico pero si es algo muy peligroso ya que es un lugar muy grande fue la primera vez que sali de mi casa a conocer un lugar diferente

Me la pase super bien en mi primaria despues de ahi comenze la secundaria... fue un momento inolvidable ya que fue una nueva experiencia para mi...


MIS MEJORES MOMENTOS

  1. Un momento inolvidable fue la vez que comenze a tocar un istrumento ahi conosi a muchas personas, lugares, y bandas una de ellas fue:
  2. La blue banda de monterrey
  3. La atractiva de monterrey

CONOCI A MUCHOS AMIGOS QUE TOCABAN EN LA BANDA, PERSONAS QUE ME ENSEÑARON A TOCAR MI INSTRUMENTO,COMO:


MEJORES MOMENTOS DE MI VIDA
MI NIÑES MI ADOLECENCIA MI JUVENTUD
mis dias en el kinder la grabadora nueva que descompuse mi vida como musico
cuando mi papa se fue a estados unidos
mi primera vez que conoci otro lugar mi trauma con un docente mi primera pelea

MIS RECUERDOS EN IMAGENES

mi instrumento mi banda

MUSICA QUE ME GUSTA

VIDEOS CHIDOS QUE ME GUSTAN

actividad 1

titulo de la pagina
<Header>
<Section>
<Article>
<Section>

actividad 3

practica3

actividad 4

elementos web

ETIQUETAS PARA LA AGRUPACIO DE CONTENIDO/h2>
la etiqueta <div> es util para crear un contenedor generico

la etiqueta <p>;es utilizada para escribir parrafos de texto


etiquetas semanticas para estructurar la pagina web

la etiqueta <main> es utilizada para definir el contenido principal del documento web
etiqueta <section> es utilizada para definir una seccion del documento web
etiqueta <article> es usada para definir contenido independiente de un documento we
la etiqueta <header> especifica la cabecera de un sitio web

ETIQUETAS HEDING

este es un encabezado con la etiqueta <h1>

este es un encabezado con la etiqueta <h2>

este es un encabezado con la etiqueta <h3>

este es un encabezado con la etiqueta <h4>

este es un encabezado con la etiqueta <h5>
este es un encabezado con la etiqueta <h6>

ETIQUETAS SEMANTICAS PARA TEXTO

la etiqueta <p>es utilizada para escribir parrafos de texto

etiqueta <b> es para poner un texto en negrita

etiqueta <strong> es para poner una palabra o texto en negrita que es importante para una pagina web

etiqueta <small> es usada para poner un comentario o contenido no escencial para la comprencion del documento web

la etiqueta <cite> es usada para indicar el titulo de una obra o contenido de texto

la etiqueta <sub>es utilizada para representar un subindice

la etiqueta <sup>es utilizada para reperesentar un superindice

la etiqueta <mark> es utilizada para resaltar un texto

la etiqueta <span> utilizada para definir una seccion en el documento

la etiqueta <br>
es utilizada para dar un salto de linea


ETIQUETAS PARA DAR ESTILO AL TEXTO

es un parrafo normal con la etiqueta<br>

la etiqueta<b>es para poner en negritas un texto

la etiqueta<em>es para dar enfasis a las partes importantes de un texto

la etiqueta<i>es para poner un texto con estilo en cursuva o italica

la etiqueta<pre>

es para poner un texto con preformato


ENLACES WEB

este es un parrafo este es un enlace

enlace a un correo electronico

enlace a un numero de telefono

enlace a un elemento de la pagina web: ejemplo etiquetas heading


LISTAS WEB

Listas Ordenadas

  1. elemento 1
  2. elemento 2
  3. elemento 3
  1. yo
  2. de nuevo yo
  3. por ultimo yo
  1. yo
  2. de nuevo yo
  3. por ultimo yo

Listas no Ordenadas


TABLAS WEB

ESTE ES EL TITULO DE LA TABLA
columna 1 columna 2 columna 3
celda 1 celda 2 celda 3
celda 4
celda 5 celda 6 celda 7
columna 1 columna 2 columna 3

IMAGENES

un atardecer en un faro creativo

AUDIOS WEB

VIDEOS WEB

actividad 5

Pagina JavaScript

hola!!

actividad 5.2

Document imagen1 HOLA HOLA

actividad 6

pagina web con javascript rojo amarillo verde azul

actividad 7

boostrap 5

actividad1

elemento 1
elemento 2
elemento 3
elemento 4
elemento 5
i
elemento 6
elemnto 7

3 columnas
6 columnas
3 columnas
3 columnas
3 columnas

elemento 1
3 columnas
6columnas
3 columnas

primer nivel con 12 columnas
segundo nivel con 8 columnas
tercer nivel con 4 columnas
tercer nivel con 6 columnas
cuarto nivel con 3 columnas
cuarto nivel con 5 columnas
segundo nivel con 4 columnas

actividad 8

Extra small (<-576px)

Small (>=576px)

Medium (>=768px)

Large (>=992px)

Extra large (>=1200px)

Extra extra large (>=1400px)

Col 1

Col 2

Col 3

actividad 8.1

MOBILE

tablet

laptop

desktop

header(12 columnas)

main(8 columnas)

main(12 columnas)

article(4 columnas)

article(6 columnas)

article(12 columnas)

article(4 columnas)

article(6 columnas)

article(12 columnas)

footer(12 columnas

actividad 8.2

actividad 8.2

tamaños de sm en adelante

tamaño xs

actividad 8.3

actividad 8.3

tamaños md,lg y xl

tamaño sm

tamaño xs

Header

Header

Header

1

1

1

2

2

2

3

3

3

footer 1

footer 1

footer 2

footer 1

actividad 12

pagina web con bootstrap

This is the first item's accordion body. It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

This is the second item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

This is the third item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

actividad 13

alert con bootstrap

actividad 14

cards con bootstrap
titulo de la tarjeta
subtutulo de la tarjeta

este parrafo esta dentro del cuerpo de una tarjeta

titulo de la tarjeta dos
subtutulo de la tarjeta dos

este parrafo esta dentro del cuerpo de una tarjeta dos

cabecera de la tarjeta
titulo de la tarjeta tres
subtutulo de la tarjeta tree

este parrafo esta dentro del cuerpo de una tarjeta tres

enlace
titulo de la tarjeta

Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe, architecto? Maiores doloremque voluptas libero porro dolor suscipit hic a reprehenderit. Consectetur minus ipsam, aliquam soluta unde sequi neque eaque amet.

enlace