PRÁCTICAS HTML

Por
Durante las horas de práctica en la sala de cómputo utilizamos comandos en Visual Studio Code, que nos servían para ejecutar una página web a partir de HTMl, a continuación se mostrarán las prácticas realizadas:
 

 "PRÁCTICA_0"

En esta práctica fueron utilizados etiquetas como "<h1>", "<p>", "<h2>", "<ol>", "<ul>", "<img>", "<li>", para poder hacer una página sobre nosotros, sobre nuestros gustos, disgustos, un dibujo de como creemos que somos, datos personales, etc. 


¿CUÁL ES LA FUNCIÓN DE LAS ETIQUETAS?

  • La etiqueta "<h1>" es una etiqueta muy utilizada que sirve para crear títulos, es la más grande halando de tamaños.
  • La etiqueta "<h2>" es una etiqueta que sirve para crear subtítulos, es el segundo tamaño más grande.
  • La etiqueta "<p>", esta sirve para escribir textos largos o párrafos.
  • La etiqueta "<ol>" sirve para crear listas ordenadas.
  • La etiqueta "<ul>" sirve para crear listas NO ordenadas.
  • La etiqueta "<li>" es utilizada para identificar los elementos de las listas.
  • La etiqueta "<img>" sirve para añadir imágenes a tu página web.



RESULTADOS


"PRÁCTICA 00"

La siguiente práctica fue la "Práctica 00", en esta se vieron los módulos de la carrera técnico en ofimática, teniendo una página principal en donde hay links con la información de los módulos para que desde ahí puedas acceder con tan solo un clic. 

Las etiquetas utilizadas en esta práctica fueron, "<h1>", "<h2>", "<p>", "<a>", "<br>"

¿CUÁL ES LA FUNCIÓN DE LAS ETIQUETAS?

  • La función de la etiqueta "<a>", es crear un enlace o hipervínculo con otras páginas.
  • La función de la etiqueta "<br>", es crear saltos de líneas. 




RESULTADOS



"PRÁCTICA 1"

En esta práctica se realizó el típico "hola mundo", no se utilizaron muchas etiquetas ya que es de lo más fácil, la única etiqueta que se utilizó fue  "<p>" que como anteriormente se dijo sirve para escribir párrafos o textos largos.




RESULTADOS




"PRÁCTICA 2"

Para esta práctica fueron utilizadas gran variedad de etiquetas, ya que su objetivo era ver cual era su función y como se veían ya en una página., las diferentes etiquetas utilizadas son: "<p>", "<h1", "<b>", "<i>", "<u>", "<del>".


¿CUÁL ES LA FUNCIÓN DE LAS ETIQUETAS?

  • La función de la etiqueta "<b>" es que el texto se ponga en negritas, es decir resalte más o tenga más color. 
  • La función de la etiqueta "<i>"  es que el texto se ponga en cursiva o italica.
  • La función de la etiqueta "<u>" es que el texto sea subrayado.
  • La función de la etiqueta "<del>" es que el texto se ponga tachado. 



RESULTADOS



También vimos los diferentes tamaños de títulos, estos son 6: "<h1>", "<h2>", "<h3>", "<h4>", "<h5>", "<h6>", entre más grande sea el número que está al lado de la h, más pequeño es el título. 



RESULTADOS



Por último, las etiquetas antes vistas fueron utilizadas en esta página sobre un municipio del estado de San Luis Potosí, Tamuín.


RESULTADOS



"PRÁCTICA 3"

En está práctica fueron vistos los enlaces locales e hipervínculos externos de las páginas de Pokemón, los enlaces locales son aquellos que te llevan a otra página presionando un link pero del mismo sitio, en el caso de los hipervínculos externos, son fuera del sitio, como por ejemplo en el caso del sitio de Pokemón puedes acceder a su perfil de Twitter dando clic a un link, el hipervínculo externo seria el perfil de Twitter ya que está fuera del sitio,  las etiquetas utilizadas fueron "<a>", "<h1>", "<p>", "<br>", "<b>".

ENLACES LOCALES 1



ENLACES LOCALES 2


HIPERVÍNCULOS EXTERNOS (POKEMÓN)



RESULTADOS

ENLACES LOCALES 1


ENLACES LOCALES 2



HIPERVÍNCULOS EXTERNOS



"PRÁCTICA 4"

En esta práctica el objetivo fue añadir imágenes a una página, utilizando la etiqueta "<img>" pero también se utilizaron las etiquetas "<h1>" y "<p>".




RESULTADOS


"PRÁCTICA 5"

Esta práctica fue hecha con el fin de poner a prueba las etiquetas que anteriormente fueron utilizadas y que se supo su función, se realizó una practica de listas ordenadas y ahí se utilizaron las etiquetas "<ol>", "<li>", "<p>", la segunda práctica fue de listas no ordenadas la principal etiqueta aquí fue "<ul>" y por último la práctica de una receta ahí fueron aplicadas las etiquetas para hacer listas ordenadas y no ordenadas, así como la etiqueta de párrafo, negrita, título 1 y "<li>". 


LISTAS ORDENADAS 


LISTAS NO ORDENADAS 




MI RECETA





RESULTADOS

LISTA ORDENADA



LISTA NO ORDENADA



MI RECETA





ARCHIVOS EN GOOGLE DRIVE. 


                                      By: Soledad Reséndiz Guzmán 

Comentarios

Publicar un comentario