What are the steps to create my family Web page using Hyperlink image tags in HTML?

 What are the steps to create my family Web page using Hyperlink image tags in HTML?


What are the steps to create my family Web page using Hyperlink image tags in HTML Here I'm not sharing steps but sharing free Source code for making family web page using Hyperlink image tags in html We have to use css for styling creating family web page and html tags .you can take idea from this source code. 

<html>

<style>

@import url("https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&family=Fruktur&display=swap");

body {

  font-family: "Dancing Script", cursive;

  font-family: "Fruktur", cursive;

  background-image: url("https://media.istockphoto.com/yourfamily/=");

  background-size: 100% 100%;

  color: white;

}


h1 {

  font-size: 500%;

}


h2,

h3 {

  font-size: 300%;

}


p {

  font-size: 150%;

}

div {

  background: black;

  padding: 3%;

  margin: 10%;

  text-align: center;

  border-radius: 10px;

}


img {

  width: 100%;

}


img,

div {

  border-radius: 10px;

}


a {

  color: tomato;

}


img:hover {

  cursor: pointer;

  transform: scale("1.05");

  box-shadow: 0px 0px 5px 5px aquablue;

}


h3:hover {

  cursor: pointer;

  animation: mymove 10s infinite;

}


@keyframes mymove {

  from {

    color: aliceblue;

  }

  to {

    color: dorgerblue;

    font-size: 300%;

  }

}

</style>

<div>

  <h1> My family </h1>

  <h2>Your Family Name Mr .Ram and Mrs Sita </h2>

<a href = "Lovely family " >  <img src="family.png" width=1000 height=1000> </a>

<a href = "Cute family " >  <img src="Your family.png" width=1000 height=1000> </a>

  <hr>

  <p> What are the steps to create my family Web page using Hyperlink image tags in HTML?</p>

  <h3>I love my family❤️</h3>

</div>


</html>

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