Sections

How a Card is Made

This is how a card is constructed with header, paragraph, and a sample code. This paragraph is in a paragraph tag. A <p> tag makes it a paragraph.

<div class="card" id="section_sample_formatting">
  <div class="card-header">
    <h3>How a Card is Made</h3>
  </div>
  <div class="card-content">
    <p>This is how a card is constructed with header, paragraph, and a sample code.
       This paragraph is in a paragraph tag.
       A <code>&lt;p&gt;</code> tag makes it a paragraph.</p>
<pre>
This pre tag is for writing code such as HTML, CSS, JavaScript, C#, ASP.net, etc.
</pre>
  </div>
</div>

Unordered/Ordered Lists and HTML Encoding

Notice how HTML tags can be encoded. The next tag below is an unordered list.

Here is a set of steps to perform. The <ol> tag is numbered.

  1. Write a web page in HTML.
  2. Save the file as index.html.
  3. Open the index.html file in a web browser.
<p>Notice how HTML tags can be encoded. The next tag below is an unordered list.</p>
<ul>
  <li><code>&amp;lt;</code> converts to <code>&lt;</code>.</li>
  <li><code>&amp;gt;</code> converts to <code>&gt;</code>.</li>
</ul>
<p>Here is a set of steps to perform. The <code><ol></code> tag is numbered.</p>
<ol>
  <li>Write a web page in HTML.</li>
  <li>Save the file as <code>index.html</code>.</li>
  <li>Open the <code>index.html</code> file in a web browser.</li>
</ol>