RI

HTML and others code

Scrolling Code and Example

Code:

<marquee behaviour=”scroll” direction=”left” SCROLLDELAY=2 SCROLLAMOUNT=8 WIDTH 400 HEIGHT=70> <h2>Scrolling Testing </h2> </marquee>

Scrolling Testing

Code with Link:

<marquee behaviour=”scroll” direction=”left” SCROLLDELAY=2 SCROLLAMOUNT=8 WIDTH 400 HEIGHT=60> <h2><a href=”https://www.google.com/” rel=”noopener noreferrer” target=”_blank”>Lets go to the google.com</a></h2> </marquee>

Lets go to the google.com

how to embed website in another website

Code:<embed src=”https://bangladesh.gov.bd/index.php” width=”700″ height=”300″ />

Add an HTML Button that Acts Like a Link

Example-1: Example of adding an onclick event to the <button> tag

অবশ্যই Html area তে গিয়ে কোডিং করতে হবে। বাটনের কালার চেঞ্জ করা যাবে না।

Title of the document

Code:

html> <html> <head> <title>Title of the document</title> </head> <body> <button onclick=“window.location.href=’https://w3docs.com’;”> Click Here </button> </body> </html>

বাটনের ভিতরের লিখাগুলোর কালার চেঞ্জ করা যাবে।

Title of the document Ordinary button
Button with red text
Button with increased font size

Code:

<!DOCTYPE html> <html> <head> <title>Title of the document</title> </head> <body> Ordinary button <button type=“button”>Add to the recycle bin</button> <hr /> Button with red text <button type=“button” style=“color: red;”><b>HTML Book </b></button> <hr /> Button with increased font size <button type=“button” style=“font: bold 14px Arial;”>Download the book </button><br /> </body> </html>

এই নির্দিষ্ট কালার দেখাবে

Example of creating a button acting as a link with the “action” attribute

Title of the document

Code:

html> <html> <head> <title>Title of the document</title> </head> <body> <form action=“http://rashedweb.com/”> <button type=“submit”>RashedWeb</button> </form> </body> </html>

Example of styling a link as a button with CSS:

Title of the document Click Here

Code: 

<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
.button {
background-color: #1c87c9;
border: none;
color: white;
padding: 20px 34px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}
</style>
</head>
<body>
<a href=”http://rashedweb.com/” class=”button”>Click Here</a>
</body>
</html>

Example of Round button

Title of the document HTML button tag

Code: 

<!DOCTYPE html> <html> <head> <title>Title of the document</title> <style> .button { display: inline-block; padding: 10px 20px; text-align: center; text-decoration: none; color: #ffffff; background-color: #7aa8b7; border-radius: 6px; outline: none; } </style> </head> <body> <a class=“button” href=“http://rashedweb.com/”>HTML button tag</a> </body> </html>

Code: