Skip to content
Related Articles

Related Articles

Foundation CSS Base Typography Links

Improve Article
Save Article
  • Last Updated : 14 Mar, 2022
Improve Article
Save Article

Foundation CSS is an open-source & responsive front-end framework built by ZURB foundation in September 2011, that makes it easy to design beautiful responsive websites, apps, and emails to look amazing & can be accessible to any device. It is used by many companies such as Facebook, eBay, Mozilla, Adobe, and even Disney. The framework is built on Saas-like bootstrap. It is more sophisticated, flexible, and easily customizable. It also comes with CLI, so it’s easy to use it with module bundlers. It offers the Fastclick.js tool for faster rendering on mobile devices.

Foundation CSS Base Typography is used to add the default styles to make the elements more attractive. The base typography makes life easier by providing simple and attractive elements and classes to build an attractive web page.

Foundation CSS Base Typography Link is used to add connections from one Web resource to another. The Base Typography Link is used to add Foundation primary color to make the standard link.

Foundation CSS Base Typography Link Tag:

  • <a> Tag: This tag is used to create links and add primary color in Foundation CSS.

Syntax:

<a href=""> Content... </a>

Example 1: In this example, we will describe the use of Foundation CSS Base Typography Link.

HTML




<!DOCTYPE html>
<html lang="en">
  
<head>
    <title>
        Foundation CSS Base Typography Links
    </title>
  
    <!-- Compressed CSS -->
    <link rel="stylesheet" href=
  
    <!-- Compressed JavaScript -->
    <script src=
    </script>
    <script src=
    </script>
</head>
  
<body>
    <h1 style="color: green;">
        GeeksforGeeks
    </h1>
  
    <h2>
        Foundation CSS Base Typography Links
    </h2>
  
    Welcome to 
    <a href="https://www.geeksforgeeks.org/">
        GeeksforGeeks
    </a>
  
    <script>
        $(document).foundation();
    </script>
</body>
  
</html>


Output:

Example 2: In this example, we will describe the use of Foundation CSS Base Typography Link.

HTML




<!DOCTYPE html>
<html lang="en">
  
<head>
    <title>
        Foundation CSS Base Typography Links
    </title>
  
    <!-- Compressed CSS -->
    <link rel="stylesheet" href=
  
    <!-- Compressed JavaScript -->
    <script src=
    </script>
    <script src=
    </script>
</head>
  
<body>
    <h1 style="color: green;">
        GeeksforGeeks
    </h1>
  
    <h2>
        Foundation CSS Base Typography Links
    </h2>
  
    <div class="callout success">
        <h1><a href="https://www.geeksforgeeks.org/">
            GeeksforGeeks
        </a></h1>
        <p>
            A Computer Science portal for geeks. 
            It contains well written, well thought 
            and well-explained computer science 
            and programming articles...
        </p>
  
        <h3><a href="https://www.geeksforgeeks.org/html/">
            HTML
        </a></h3>
        <p>
            HTML stands for HyperText Markup 
            Language. It is used to design web 
            pages using a markup language. It 
            is the combination of Hypertext 
            and Markup language.
        </p>
  
        <h5><a href="https://www.geeksforgeeks.org/javascript/">
            JavaScript
        </a></h5>
        <p>
            JavaScript is the world most popular 
            lightweight, interpreted compiled 
            programming language. It is also 
            known as scripting language for web 
            pages.
        </p>
    </div>
    
      <script>
        $(document).foundation();
    </script>
</body>
  
</html>


Output:

Reference: https://get.foundation/sites/docs/typography-base.html#links


My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!