Forem: Angie Walls

My existential problem as a beginner "nav" = "a"?

Angie Walls — Tue, 17 Nov 2020 00:40:38 +0000

When I heard that the "nav" element was used to navigate and previously I have learned that the "a" element was used to navigate between pages I was confused, I thought that they both served the same purpose or had the same function, then I investigated in FreeCampCode and MND and I could see that they are definitely not the same.
Nav is used to allocate a space or section on your web page to navigate and nested within nav is an "a" which is the link that makes the jump. You can find more information nav

e.g.

<nav>       
   <ul>
       <li><a href="Https://mytoping">menu toping </a></li>           
       <li><a href="Https://mycupon">menu coupon </a></li>              
   </ul>
</nav>

The structure of the "a" element should at least have the "href" attribute, they always go in the opening tag followed by the "=" sign and the assigned value.
The value can be a URL for external links or an id of another html element to create internal links

e.g.

<a href="http://AnyLink">any page</a>

Basically "nav" is the box that nests the element "a" which are the internal or external links that make the jump to somewhere

Exploring "freeCodeCamp"

Angie Walls — Wed, 28 Oct 2020 20:21:53 +0000

Photo by AltumCode on Unsplash

This time, I wanted to practice some HTML and someone recommended freeCodeCamp, it has interesting topics about Basic HTML for beginner and I learned three of them

Comments This is a very important topic to reference sections making notes without affecting output.

The HTML is  and the used this way:

<!--This note is not seen in the output--><h1>Some title</h1>

This is the link I used to learn these HTML elements
freeCodeCamp>Basic>Uncomment

Descriptive HTML tags The HTML elements that help your code to be more descriptive and at the same time they help to better sectioning are: nav, section, article, aside, h1..h6, header, footer, address, main
e.g. "main"

<main>
  <h1>Nice Title</h1>
  <p>Some pretty text ❤ </p>
<main/>

This is the link I used to learn these HTML elements
freeCodeCamp>Basic>Elements

Add Images to your website
One of the HTML elements I studied to add images from URLs and from local folder is:

<img scr="URL" Alt="image's description"/>

This is the link I used to learn these HTML elements
freeCodeCamp>Basic>Add Images

Any feedback is welcomed

Desde Cero

Angie Walls — Mon, 26 Oct 2020 00:49:53 +0000

Soy totalmente nueva en estos temas, mi carrera es Administrador Financiero y me dedico al análisis comercial.
A raíz de ver todo lo que se puede hacer solo con HTML decidí comenzar a aprender sobre esto.

Entiendo que HTML es un lenguaje que estructura el contenido de las páginas por medio de etiquetas y atributos.
Las etiquetas están divididas por su funcionalidad, existe una semántica y hay un orden específico para estructurar un esqueleto

Aquí mi primer intento de estructura

Este primer intento fue muy sencillo, aun así, si hubiera tenido la idea de cómo quería que se viera antes de comenzar la estructura, sería más fácil.
Pude observar que es importante que las líneas sean claras para que se pueda apreciar fácilmente el orden del esqueleto y tener menos complicaciones a la hora de revisar si las etiquetas estaban cerradas o bien colocadas.

Cualquier comentario es bienvenido! 😊

Nota: Imagen de portada tomada de: deustoformacion