martes, 3 de diciembre de 2019

Como usar el HTML

HTML

En este post os contaré acerca de del código html y lo principal que hay que conocer.



Primeramente, el HTML es un lenguaje de marcado que se utiliza para el desarrollo de páginas de Internet. Se trata de la siglas que corresponden a Hyper Text Markup Language, es decir, Lenguaje de Marcas de Hipertexto.

Algunas personas al leer esto, piensan que HTML incluye el diseño gráfico de las páginas web, sin embargo, eso no es cierto ya que HTML sólo sirve para indicar como va ordenado el contenido de una página web. Esto lo hace por medio de las marcas de hipertexto las cuales son conocidas en inglés como "tags".


Los "tags" se caracterizan porque van dentro de los caracteres menor que "< " y mayor que ">", como en este ejemplo:" <Aquí dentro va el nombre de la etiqueta>". El inicio de una etiqueta es normal, sin embargo, existe una diferencia para el fin de la etiqueta ya que antes de escribir el nombre de la etiqueta debemos escribir una diagonal /.


¿CÓMO USAR HTML?


Para utilizar este código, necesitaremos un editor de textos simple/sin formato, como el bloc de notas de Windows o el Gedit de Linux.


Una estructura HTML se empieza con la etiqueta <html> y acaba con </html>. Todo lo que esté en medio será la página web. Dentro de <html></html> se encuentran 2 partes diferenciadas.La primera <head></head> es la cabecera de la página. Aquí irán cierta información que no es directamente el contenido de la página. Aquí se pone el título de la página, los metadatos, estilos, código javascript . La primera que se suele estudiar es <title></title>, que indica el título de la página (lo que el navegador pone en la parte superior izquierda).


La segunda parte es <body></body>. Aquí va propiamente el contenido de la página: fotos, párrafos, formularios, etc. Por ejemplo, siguiendo con el ejemplo de la página anterior, el siguiente código, podemos cambiar el título de la página.




<html>



<head>



<title>Esto es el titulo de la página.</title>



</head>



<body>Aquí va donde escribes lo que quieras poner en la página</body>



</html>



Para poder ver esto en tipo página web necesitamos guardar el bloc de notas en .html para poder abrirlo. Y para seguir editandolo, deberemos guardar el documento en .txt

OTROS CARACTERES DEL HTML

IMAGEN: para insertar una imagen en html, debemos insertar la etiqueta <SRC img="..."> Dentro de las comillas deberemos poner el nombre de la foto que pusimos en la carpeta y añadirle .img

FONDO DE LA PÁGINA: añades a la etiqueta <body> lo siguiente: <body bgcolor= "El color"> el número del color que tú quieras lo puedes encontrar en este enlace. https://htmlcolorcodes.com/es/

ENUMERACIÓN:

<ul>

<li> texto </li>
<li> texto </li>

</ul>

Como subir una página web



Subir una página a Internet


Resultado de imagen de 000webhost




Para subir una página, es necesario usar un tipo determinado de programa que nos permita hacerlo. En este caso, he elegido utilizar 000webhost.com.


Lo primero que debéis hacer es crearos una cuenta. Una vez lo hayáis hecho, os dejará hacer múltiples acciones, como crear y subir una página web. En este caso, elegiremos subir una página o archivo.


Una vez estéis dentro, lo primero será darle un nombre a la página que subáis. A continuación, os dará la opción de subir archivos, imágenes... básicamente cualquier cosa. Sin embargo, si simplemente subís todos los archivos con cualquier nombre, al publicarla no se verá más que una lista desordenada con archivos e imágenes. Lo que debéis hacer es publicar vuestra página principal con el nombre de "index.html". Al hacer esto, 000webhost lo reconocerá y al entrar en la página, aparecerá directamente, y no aparecerá una lista con todo desordenado.



Más tarde, si queréis que los enlaces o fotos os funcionen para ver las otras imágenes o documentos, podréis añadirlos sin problema, siempre y cuando vuestra página principal siga con el nombre de "index html".