Syntax of writing a different font style in HTML

Syntax of writing a different font style in HTML 


 <!DOCTYPE html>

<html>

<head>

<style> 

p.normal {

  font-style: normal;

}


p.italic {

  font-style: italic;

}


p.oblique {

  font-style: oblique;

}

p.bold

{

font-style: bold;

}

p.arial

{

font-style: arial;

}

p.courier

{

font-style: Courier;

}

p.helvetica

{

font-style:helvetica;

}

p.times

{

font-style:times;

}

p.trebuchet

{

font-style:trebuchet;

}

p.verdana

{

font-style:verdana;

}


</style>

</head>

<body>


<h1>The font-style property</h1>


<p class="bold">This sentence is in bold style.</p>

<p class="normal">This sentence is in normal style.</p>

<p class="italic">This sentence is  in italic style.</p>

<p class="oblique">This sentence is in oblique style.</p>

<p class="Arial ">This sentence is in Arial  style.</p>

<p class=" Courier ">This sentence is in Courier style.</p>

<p class=" Georgia ">This sentence is in Georgia style.</p>

<p class=" Helvetica ">This sentence is in Helvetica style.</p>

<p class=" Trebuchet ">This sentence is in Trebuchet style.</p>

<p class=" Verdana ">This sentence is in Verdana style.</p>


</body>

</html>



Output Syntax of writing a different font style in HTML 


This sentence is in bold style

This sentence is in normal style

This sentence is  in italic style

This sentence is in oblique style

This sentence is in Arial  style

This sentence is in Courier style

This sentence is in Georgia style

This sentence is in Helvetica style

This sentence is in Times style

This sentence is in Trebuchet style

This sentence is in Verdana style

Comments

Post a Comment

Last 7 Days

How to use referrerpolicy Attribute value ( no-referrer-when-downgrade ) with < iframe > tag in HTML ? with example

How to use referrerpolicy Attribute value ( no-referrer-when-downgrade ) with < iframe > tag in HTML ? with example Referrerpolicy Attribute value ( no-referrer-when-downgrade )    in iframe Default. The referrer header will not be sent to origins without HTTPS. Example <html> <body> <h1>The iframe referrerpolicy attribute Example</h1> <iframe src="https://www.tech.thinkforu.org/"   referrerpolicy="  no-referrer-when-downgrade  "> </iframe> </body> </html>
Read more

How to use autoplay and mute attribute with < video > tag in HTML for youtube ? with example

 How to use autoplay and mute attribute with < video > tag in HTML for youtube ? with example  When you add or use autoplay attribute for your website development by adding value autoplay =1 to the YouTube URL.then video is automatically started when any unknown or unique visitor are visiting in your website . However, automatically starting a video is annoying for your visitors <html> <body> <iframe width="420" height="315" src="https://www.youtube.com/embed/tgbNymZ7vqY? autoplay=1&mute=1 "> </iframe> </body> </html> When you apply both attribute with YouTube URL then Here is the effect after giving value to both of the attribute mute and Autoplay . Add mute =1 after autoplay =1 to let your video start playing automatically (but muted). Example  <iframe width="560" height="315"  src="https://www.youtube.com/embed/2jg1bJQaYjg" autoplay=1 & mute=1 "   title="You...
Read more

How to use Local Variable for whose values are present till function is executing in solidity ?

  How to use Local Variable for whose values are present till function is executing in solidity ? pragma solidity ^0.5.0; contract SolidityTest {    uint storedData; // State variable    constructor() public  {       storedData = 10;       }    function getResult() public view returns(uint) {       uint a = 1; // local variable       uint b = 2;       uint result = a + b;       return result; //access the local variable    } }
Read more

How to add Amazon website inside iframe?

 How to add Amazon website inside iframe? <!DOCTYPE html> <html> <body> <h1>HTML Iframes</h1> <p>You can use the height and width attributes to specify the size of the iframe:</p> <iframe src="https://www.amazon.com/" height="220" width="320" title="Iframe Example"></iframe> </body> </html>
Read more

How to use comments in Solidity programming language ?

 How to use comments in Solidity programming language ?  function getResult() public view returns(uint) {    // This is a comment. It is similar to comments in C++    /*       * This is a multi-line comment in solidity       * It is very similar to comments in C Programming    */    uint a = 1;    uint b = 2;    uint result = a + b;    return result; }
Read more

How to use string in Solidity programming language ?

How to use string in Solidity programming language ?  pragma solidity ^0.5.0; contract SolidityTest {       constructor() public{           }    function getResult() public view returns(string memory){       uint a = 1;        uint b = 2;       uint result = a + b;       return integerToString(result);     }    function integerToString(uint _i) internal pure        returns (string memory) {              if (_i == 0) {          return "0";       }       uint j = _i;       uint len;              while (j != 0) {          len++;          j /= 10;       }       bytes memory bstr = new bytes(len);  ...
Read more

How to use arrays in Solidity programming language ?

How to use arrays in Solidity programming language ?  How to use arrays i.e  static array,dynamic array  in Solidity programming language   pragma solidity ^0.5.0; contract test {    function testArray() public pure{       uint len = 7;               //dynamic array       uint[] memory a = new uint[](7);              //bytes is same as byte[]       bytes memory b = new bytes(len);              assert(a.length == 7);       assert(b.length == len);              //access array variable       a[6] = 8;              //test array variable       assert(a[6] == 8);              //static array       uint[3] memory c = [uint(1) , 2, 3];   ...
Read more