COMO USAR EL HTML

En este post hablaré sobre qué es el código html y lo principal que hay que conocer.

 ¿QUÉ ES EL HTML?

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 HyperText 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 etiquetas conocidas en inglés como tags.

Las etiquetas 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>


Resultado de imagen de CODIGO HTML



Comentarios

Entradas populares