Important HTML

1. How to protect your blogger post or page with the password

<!-- Begin

var password = 'password'

password=prompt('Please enter the password to enter this post:','');

if (password != 'password') {

location.href='URL';

}

// End -->

</SCRIPT>

2. objictive 4option

<p class="question"><span style="color: red;"> Question 15.If two plane mirrors are inclined at an angle of 40°, number of images formed will be </span></p>

</ul>

<style>

#q15more {display: none;}

</style>

Answer= </span><span>(B) 8 <br /></span><span style="color: #15aa1515f;">

Explain:-</span>

 </span><br />

<button id="q15mybtn" onclick="q15function()" style="background-color: #fcff01;">Check Answer </button>

function q15function() {

var q15dots = document.getElementById("q15dots");

var q15moreText = document.getElementById("q15more");

var q15btnText = document.getElementById("q15mybtn");

if (q15dots.style.display === "none") {

q15dots.style.display = "inline";

q15btnText.innerHTML = "Check Answer";

q15moreText.style.display = "none";

}

else {

q15dots.style.display = "none";

q15btnText.innerHTML = "Hide Answer";

q15moreText.style.display = "inline";

}

</script>

3. Box creat HTML

Search code

]]></b:template-skin>

</b:template-skin>

Code 1st CSS Code

<style>

table {border: 1px solid #000000;border-collapse: collapse; margin: 0 auto; padding: 0px;table-layout: fixed;min-width: 100%;}table th {text-align: center;padding: 8px;border: 1px solid #000000;background:#093b09;color:#FFFFFF;font-weight:bold;text-align:center}table td{padding: 8px;border: 1px solid #000000;}table tr{background-color: #dddddd;color:#000000;text-align:center;}

</style>

Code 2nd Table

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

4. Photo Slideshow Code

Slideshow 1(arrow prees):-

<style>

.mySlides {display:none;}

</style>

<body>

<h2>Slideshow Caption</h2>

<p>Add a caption text for each image slide with the w3-display-* classes (topleft, topmiddle, topright, bottomleft, bottommiddle, bottomright or middle).</p>

</div>

French Alps

</div>

Northern Lights

</div>

Beautiful Mountains

</div>

The Rain Forest

</div>

Mountains!

</div>

</div>

var slideIndex = 1;

showDivs(slideIndex);

function plusDivs(n) {

showDivs(slideIndex += n);

}

function showDivs(n) {

var i;

var x = document.getElementsByClassName("mySlides");

if (n > x.length) {slideIndex = 1}

if (n < 1) {slideIndex = x.length}

for (i = 0; i < x.length; i++) {

x[i].style.display = "none";

}

x[slideIndex-1].style.display = "block";

}

</script>

Slideshow 2 (timer change):-

<style>

.mySlides {display:none;}

</style>

<body>

<h2 class="w3-center">HTML Slides</h2>

<h1><i>We plan to sell trips to the moon in the 2020s</i></h1>

</div>

<p>6 Crystal Glasses</p>

</div>

</div>

var slideIndex = 0;

carousel();

function carousel() {

var i;

var x = document.getElementsByClassName("mySlides");

for (i = 0; i < x.length; i++) {

x[i].style.display = "none";

}

slideIndex++;

if (slideIndex > x.length) {slideIndex = 1}

x[slideIndex-1].style.display = "block";

setTimeout(carousel, 2000);

}

</script>

Slideshow 3 (next press):-

<style>

.mySlides {display:none}

</style>

<body>

<h2>Slideshow Indicators</h2>

<p>An example of using buttons to indicate how many slides there are in the slideshow, and which slide the user is currently viewing.</p>

</div>

</div>

</div>

</div>

var slideIndex = 1;

showDivs(slideIndex);

function plusDivs(n) {

showDivs(slideIndex += n);

}

function currentDiv(n) {

showDivs(slideIndex = n);

}

function showDivs(n) {

var i;

var x = document.getElementsByClassName("mySlides");

var dots = document.getElementsByClassName("demo");

if (n > x.length) {slideIndex = 1}

if (n < 1) {slideIndex = x.length}

for (i = 0; i < x.length; i++) {

x[i].style.display = "none";

}

for (i = 0; i < dots.length; i++) {

dots[i].className = dots[i].className.replace(" w3-red", "");

}

x[slideIndex-1].style.display = "block";

dots[slideIndex-1].className += " w3-red";

}

</script>

Slideshow 4 (timer):-

<body>

<p>The w3-animate-fading class animates an element in and out (takes about 5 seconds).</p>

</div>

var myIndex = 0;

carousel();

function carousel() {

var i;

var x = document.getElementsByClassName("mySlides");

for (i = 0; i < x.length; i++) {

x[i].style.display = "none";

}

myIndex++;

if (myIndex > x.length) {myIndex = 1}

x[myIndex-1].style.display = "block";

setTimeout(carousel, 5000);

}

</script>

5. Text running code

Without Link Scrolling Text html code

.GeneratedMarquee {

font-family:'Arial Black', sans-serif;

font-size:1em;

font-weight:bold;

line-height:1.3em;

color:#330099;

background-color:#CCFFFF;

padding:1.0em;

margin:auto;

}

</style>

<marquee class="GeneratedMarquee" direction="left" scrollamount="2" behavior="scroll">Types Scrolling Text</marquee>

1- Link Scrolling Text html code

.GeneratedMarquee {

font-family:'Arial Black', sans-serif;

font-size:1em;

font-weight:bold;

line-height:1.3em;

color:#330099;

background-color:#CCFFFF;

padding:1.0em;

margin:auto;

}

</style>

<marquee class="GeneratedMarquee" direction="left" scrollamount="2" behavior="scroll"><p> <a href="https://www.instagram.com/amitofficial.786/" target="_blank">Instagram</a></p></marquee>

2- Link Scrolling Text html code

.GeneratedMarquee {

font-family:'Arial Black', sans-serif;

font-size:1em;

font-weight:bold;

line-height:1.3em;

color:#330099;

background-color:#CCFFFF;

padding:1.0em;

margin:auto;

}

</style>

<marquee class="GeneratedMarquee" direction="left" scrollamount="2" behavior="scroll"><p> <a href="https://www.instagram.com/amitofficial.786/" target="_blank">Instagram</a>  <a href="https://www.facebook.com/AmitOfficial786" target="_blank">Facebook</a></p></marquee>

3- Link Scrolling Text html code

.GeneratedMarquee {

font-family:'Arial Black', sans-serif;

font-size:1em;

font-weight:bold;

line-height:1.3em;

color:#330099;

background-color:#CCFFFF;

padding:1.0em;

margin:auto;

}

</style>

4- Link scrolling Text html Code

.GeneratedMarquee {

font-family:'Arial Black', sans-serif;

font-size:1em;

font-weight:bold;

line-height:1.3em;

color:#330099;

background-color:#CCFFFF;

padding:1.0em;

margin:auto;

}

</style>

<marquee class="GeneratedMarquee" direction="left" scrollamount="2" behavior="scroll"><a href="https://www.facebook.com/AmitOfficial786" target="_blank">(1) My Facebook Page </a>         <a href="https://www.youtube.com/channel/UClTTVzIwqbmQwz8tVffKdwA" target="_blank">(2) My YouTube Channel </a>       <a href="https://twitter.com/AmitOfficial786">(3) My Twitter Account</a>  <a href="https://www.instagram.com/amitofficial.786/"> (4) Instagram Account</a></marquee>

Search your problem

Dear Asif Sir

Important HTML

-----

Page 17 class 10 MCQs अध्याय 1 रासायनिक प्रतिक्रियाएँ और समीकरण

Page 375 Class 10th Physics MCQs प्रकाश -परावर्तन एवं अपवर्तन

Page 140 class 10th Biology MCQs जीवन प्रक्रिया : पोषण

Page 230 - Class 10 History MCQs अध्याय 1 यूरोप में राष्ट्रवाद

Page - 400 12th Home Science MCQs Chapter 1 शिशु को जानिए

Page 406 Class 12th Home Science MCQs Chapter 2 शैशवकाल के निवारणात्मक रोगों से बचाव

Page 405 Class 12th Home Science NCERT Book Solution Chapter 1 शिशु को जानें

Page 104 - Class 9th Chemistry Chapter Matter around us note

Page 105 - कक्षा 9 वीं रसायन विज्ञान नोट्स अध्याय हमारे आसपास के पदार्थ

Page 403 Class 12th Notes Home Science Chapter 1 शिशु को जानें