viernes, 16 de octubre de 2020

ESTRUCTURA DE UN HTML

 Siempre hemos querido poder armar la estructura de un HTML, pero pensamos que es demasiado dificíl, el dia de hoy les voy a enseñar como hacer una desde un bloc de notas sencillo, espero que les guste y disfrutenlo 👍 




 

 La meta es llegar a hacer esto 👇


 PRIMER PASO: Abrimos un bloc de notas y colocamos las etiquetas que se muestran en la imagen.

  


 
SEGUNDO PASO: Ya despues de haber colocado , en medio de las etiquetas <title> y </title> clocamos el nombre de nuestra página web, en mi caso hare la biografia de un cantante pero tu puedes hacerlo de lo que tu quieras  . IMPORTANTE: TODAS LAS ETIQUETAS SE CIERRAN SI NO NO SE GUARDAN LOS CAMBIOS.


  TERCER PASO:  Para colocar un color de fondo se necesita saber los codigos de cada color si no los saben aqui les dejo un link https://htmlcolorcodes.com/es/   

Ya que sabemos el color que deseamos de fondo copiamos el codigo que seria el primero que aparece con # .

 



  CUARTO PASO: Ya que copiamos el color del código lo pegamos asi como se muestra en la imagen , entre la etiqueta  <body bgcolor="(código del color que eligieron)" >


    QUINTO PASO: Para los que vayan a utilizar color en el texto se pone <FONT color="
(código del color que eligieron)" >


  SEXTO PASO: Tip: todas las etiquetas sirven para diversas cosas pero algunas etiquetas que ayudan a mejorar la vista de su parrafo son :

</h3><h3>------------para tamaño

<b></b>-------para negrita 

https://www.iebschool.com/blog/que-es-etiqueta-html-analitica-usabilidad/ 

para mas etiquetas 👆 

  Para insertar una imagen se necesita la etiqueta 

<img src="(nombre de la carpeta donde se encuentra la imagen deseada)/(nombre de la imagen).(jpg o png depende el formato de la imagen)"width="200px" height="200px">   width y height esto es el tamaño.

  SEPTIMO PASO: rellenamos nuestra pagina de informacion con la que querramos y las etiquetas que querramos ponerle, ojo  con cuidado.

  Para inserta audio se utiliza la etiqueta

<audio src="(nombre de el audio).mp3"></audio>
 

OCTAVO PASO: Para finalizar el insertar un video de youtube se hace muy facil se va a youtube se abre el video deseado y se le da compartir y en la opcion de incoorporar se le da click se copia lo que salga y se pega en el block de nota, ya hecho eso si no se va a poner nada mas se pone </html>

 

 

 

y con eso terminariamos cualquier sugerencia o comentario escribirlo abajo porfavor . gracias 
 

No hay comentarios.:

Publicar un comentario

ESTRUCTURA DE UN HTML

 Siempre hemos querido poder armar la estructura de un HTML, pero pensamos que es demasiado dificíl, el dia de hoy les voy a enseñar como ha...