Monday, 7 January 2019

Inline Span

Learning 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 type="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>

2 comments: