Thursday, December 27, 2018

How to Insert an Inline Span

Learning the intricacies of HTML and CSS will give you a world of possibilities. A simple, but yet, an important code such as inserting an inline span will give depth and meaning to a blog or any surfing endeavor. Join me and learn how to insert the Inline Span...


1.) Open NOTEPAD

2.) In the head section of your document, insert an internal style sheet.Type the following code below:
     <style type="text/css">
                    .emphasis{font-style:italic;font-weight:bold;}
     </style>

3.) Insert <span class="emphasis"> to every word indicated below, and enclose it with a </span> tag.

4.) Save your documents as inline span.html.

5.) Test the document in a browser.

Example code:

<head>
<style stype="text/css">
          .emphasis{font-style:italic;font-weight:bold;}
</style>
</head>
<body>
<p><span class="emphasis">Climate Change</span> is a long term shift in the climate of a specific
location, region or planet.</p>
<p><span class="emphasis">Climate Change</span> occurs when the climate of a specific
area or planet is altered between two different periods of time.</p>
</body>

     Example output: