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

Smart contract code for Anyone can send coins to each other without a need for registering with a username and password with help of Ethereum keypair

Smart contract code for Anyone can send coins to each other without a need for registering with a username and password with help of Ethereum keypair The contract allows only its creator to create new coins (different issuance schemes are possible). Anyone can send coins to each other without a need for registering with a username and password, all you need is an Ethereum keypair.  // SPDX-License-Identifier: GPL-3.0 pragma solidity ^0.8.4; contract Coin {     // The keyword "public" makes variables     // accessible from other contracts     address public minter;     mapping (address => uint) public balances;     // Events allow clients to react to specific     // contract changes you declare     event Sent(address from, address to, uint amount);     // Constructor code is only run when the contract     // is created     constructor() {         minter = msg.se...
Read more

Tag is used to create inline frame ?

 Tag is used to create inline frame ? The <iframe> creates an inline frame, which embeds an  independent HTML document into the current document. <html> <iframe width="720" height="420"  src="https://www.thinkforu.org"  frameborder="0" allowfullscreen> </iframe> </html>
Read more

How to use referrerpolicy Attribute value (strict-origin ) with < iframe > tag in HTML ? with example

 How to use referrerpolicy Attribute value (strict-origin ) with < iframe > tag in HTML ? with example  Referrerpolicy Attribute value (strict-origin )  Only send referrer info if the security level is the same (e.g. HTTPS to HTTPS). Do not send to a less secure destination (e.g. HTTPS to HTTP). Example <html> <body> <h1>The iframe referrerpolicy attribute Example</h1> <iframe src ="https://tech.thinkforu.org"  referrerpolicy=" strict-origin "> </iframe> </body> </html>
Read more

Difference between Public vs Internal vs Private state variables in solidity programming langauge with example ?

 Difference between Public vs Internal vs Private state variables in solidity programming langauge with example ? Public state variables can be accessed internally as well as via messages. For a public state variable, an automatic getter function is generated.  Internal state variables can be accessed only internally from the current contract or contract deriving from it without using this.  Private state variables can be accessed only internally from the current contract they are defined not in the derived contract from it. Example of   Public vs Internal vs Private state variables pragma solidity ^0.5.0; contract C {    uint public data = 30;    uint internal iData= 10;        function x() public returns (uint) {       data = 3; // internal access       return data;    } } contract Caller {    C c = new C();    function f() public view returns (uint) {  ...
Read more

How to use < img > tag with ismap attribute in HTML ? with Example

 How to use < img > tag with ismap attribute in HTML ? with Example The ismap attribute is a boolean attribute .  Specifies an image as a server-side image map  When present, it specifies that the image is part of a server-side image map (an image map is an image with clickable areas) Example of ismap attribute of <img> tag in HTML <html> <body> <h1>The img ismap attribute</h1> <a href="/respond.php">   <img src="thinkforu.png" alt="thinkforu.org"  width="112" height="122" ismap> </a> <p>Click the image, and the click coordinates will be sent to the server as a URL query string.</p> </body> </html> O/p :Example after clicking on image [ 100,23 ] this is the string value we got after clicking on Image which is present on front end .
Read more