Foundation CSS Base Typography Code
Last Updated :
23 Mar, 2022
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 Code is used to add code content inside the web page. To add the code content, we will use <code> tag and to create angel brackets <>, we will use < and >.
Foundation CSS Base Typography Code Tag:
- <code> Tag: This tag is used to define the piece of computer code. The code tag is a specific type of text which represents computer output.
Syntax:
<code><h1> ... </h1></code>
Example 1: This example describes the uses of Foundation CSS Base Typography Code.
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<title>
Foundation CSS Base Typography Code
</title>
<link rel="stylesheet" href=
<script src=
</script>
<script src=
</script>
</head>
<body>
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h3>Foundation CSS Base Typography Code</h3>
<pre><code><h1>Welcome to GeeksforGeeks</h1>
<p>A computer science portal</p>
</code></pre>
</body>
</html>
|
Output:
Example 2: This example describes the uses of Foundation CSS Base Typography Code.
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<title>
Foundation CSS Base Typography Code
</title>
<link rel="stylesheet" href=
<script src=
</script>
<script src=
</script>
</head>
<body>
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h3>Foundation CSS Base Typography Code</h3>
<pre><code>
<body>
<h1 class="color: green;">
Welcome to GeeksforGeeks
</h1>
<p>A computer science portal</p>
</body>
</code></pre>
</body>
</html>
|
Output:
Reference: https://get.foundation/sites/docs/typography-base.html#code
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...