Search code examples
htmlhyperlinkmarkdownpre

A link (href) inside a pre-formatted block <pre> in a markdown file

I'm new to md and html and have been struggling with the following issue, How do I embed a link inside of a <pre> "data as per the example below" *<pre> block?

Example, I'm trying to do the following:

Folder Strcture & Content

    ├── t_databases  
    │   └── MongoDB-Go.md
    └── t_webdev
        ├── editor-Swagger.md
        └── pacenter code herekages-Go.md

and inside of the "tree" structure, I would like to embed the links to those particular directories/files. I've tried using <href> as well as the standard []() with little success.

Any help / insight will be greatly appreciated, thanks in advance 😊

Solution

  • Thanks @Calculuswhiz for your help,

    In order to do what was intended perform the following:

    <pre>
    ├── <a href="https://stackoverflow.com/">t_databases</a>  
    │   └── <a href="https://stackoverflow.com/">MongoDB-Go.md</a>
    └── <a href="https://stackoverflow.com/">t_webdev</a>  
        ├── <a href="https://stackoverflow.com/">editor-Swagger.md</a>  
        └── <a href="https://stackoverflow.com/">packages-Go.md</a>  
</pre>

    P.S. ensure that your inverted commas are correct " and not ”