Create a webpage that demonstrates the following using the anchor tag.
Link to an external website in a new tab.
Link to a different section on the same webpage.
Open both links in a new tab.
Link to a downloadable PDF file.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Demonstrates the Anchor Tag | DEEPAKRAJTech</title>
</head>
<body>
<section id="home">
<h1>This is My Home Page</h1>
<a href="#conatct" target="_blank">Go to Contact Page</a>
</section>
<hr>
<section>
<h1>Importents Links</h1>
<a href="https://deepakrajtech.com/" target="_blank">Open Website in New Tab</a>
<br><br>
<a href="mypdf.pdf" download>Download PDF File</a>
</section>
<hr>
<section id="conatct">
<h1>This is My Contact Page</h1>
<a href="#home" target="_blank">Go to Home Page</a>
</section>
</body>
</html>
Write a JavaScript program to calculate and display the number of days remaining until a given future date.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JavaScript Program to Calculate Days | DEEPAKRAJTech</title>
</head>
<body>
<script>
var futureDate = new Date(prompt("Enter Future Date (YYYY-MM-DD):"));
var today = new Date();
var difference = futureDate - today;
var days = Math.ceil(difference / (1000 * 60 * 60 * 24));
document.write(days + " Days Remaining");
</script>
</body>
</html>
Create a webpage on “My Dream Vacation”
Show the vacation destination name in blue, bold, and italic text.
List five places you would like to visit there, each in a different style.
Add a scrolling text like “Let’s Travel the World!”
Include a background image.
Design a form to collect student admission data, including.
Full name, gender (radio button), stream (dropdown), hobbies (checkboxes), email, and password.
Add a submit button at the end.
Write a JavaScript program that accepts the user’s name and age using prompt, and displays a greeting message accordingly.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Greeting Message Using | JavaScript DEEPAKRAJTech</title>
</head>
<body>
<script>
var name = prompt("Enter your name:");
var age = prompt("Enter your age:");
document.write("Hello " + name + " ! You are " + age + " Years old.");
</script>
</body>
</html>
Create a webpage titled “My Favorite Festival”:
Display the name of the festival in large red text centered at the top.
Mention three traditions followed during the festival, each in a different font size and color.
Add a blinking message at the bottom: “Happy [Festival Name]!”
Add a scrolling marquee with a greeting.
Create an HTML form with the following form validation features:
(a) A text input for the email address with the type=\email\ attribute.
(b) A number input for age with the type=\number\ attribute.
(c) A date input for birthdate using type=\date\.
(d) A range input for selecting a range (e.g., 1 to 10).
(e) A required field with the required attribute.
(f) Add a submit button and set autofocus on the first input.
Create a webpage named welcome.html that includes.
A large title “Welcome to My Webpage”
Two paragraphs describing yourself.
Use bold, italic, and underline formatting within the text.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Webpage | DEEPAKRAJTech</title>
</head>
<body>
<h1 align="center">Welcome to My Webpage</h1>
<hr>
<p>
My name is <b>Deepak Raj</b>.
I am a <i>Student</i> and I <u>Love Coding.</u>
</p>
<p>
I am learning <b>HTML</b> and <b>CSS</b>
to create <i>Webpage</i>.
</p>
</body>
</html>
Write an HTML code to generate the following layout:
A webpage with a 2-row, 3-column grid layout displaying:
Top Row:
Column 1: "Header: Student Profile" (highlighted in bold, orange background)
(spans across all 3 columns)
Second Row (3 Columns):
Column 1: "Personal Details"
Name, Age, Address
Column 2: "Academic Information"
Table showing subjects and grades
Column 3: "Hobbies"
List at least 3 hobbies
Create an HTML document with the following lists:
(a) An ordered list of your top 3 favorite books.
(b) An unordered list of your hobbies.
(c) A definition list for some common HTML tags (like <h1>, <p>, etc.).
Write HTML code to demonstrate the following anchor tag behaviors. Create a hyperlink that opens a .pdf file in a new tab. Create a hyperlink that opens a downloadable .docx file in the same window. Jump from the top of the page to a specific section titled “Contact Us”. Jump from “Contact Us” back to the top.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Anchor Tag Behaviors</title>
</head>
<body>
<body>
<h1 id="top">Home</h1>
<hr>
<a href="#Contact">Go to Contact Us</a>
<hr><br>
<a href="mypdf.pdf" target="_blank">Opens PDF New Tab</a>
<hr><br>
<a href="mydoc.docx" download>Downloadable Docx File</a>
<hr>
<h1 id="Contact">Contact Us</h1>
<hr>
<a href="#top">Go To Top</a>
</body>
</body>
</html>
Create an HTML file with three buttons. When each button is clicked, it displays a different quote using JavaScript.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Displays a different Quote using JavaScript</title>
</head>
<body>
<center>
<button onclick="document.getElementById('demo').innerHTML='Small steps every day lead to big success'">
Show Quote 1
</button>
<button onclick="document.getElementById('demo').innerHTML='Learn today, lead tomorrow'">
Show Quote 2
</button>
<button onclick="document.getElementById('demo').innerHTML='Consistency beats talent'">
Show Quote 3
</button>
<h1 id="demo"></h1>
</center>
</body>
</html>
Create an html page with following
specifications Title should be about my City. Place your City name at the top of the page in large text
and in blue color. Add names of landmarks in your city each in a different color, style and typeface. One
of the landmark, your college name should be blinking. Add scrolling text with a message of your choice
Write HTML Code to demonstrate the use of
Anchor Tag for the Following: -
1. Creating a web link that opens in a new window.
2. Creating a web link that opens in the same window.
3. C Reference within the same html document.
4. Reference to some image.
5. Making an image a hyperlink to display second image
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>Anchor Tag Demo | DEEPAKRAJTech</title>
</head>
<body>
<h1 id="top">HTML Anchor Tag Examples</h1>
<hr>
<!-- 1. Web link that opens in a new window -->
<p><strong>1. Link that opens in a new tab/window:</strong><br>
<a href="https://www.google.com" target="_blank">Open Google in New Window</a></p>
<!-- 2. Web link that opens in the same window -->
<p><strong>2. Link that opens in the same window:</strong><br>
<a href="https://www.google.com" target="_self">Open Google in Same Window</a></p>
<!-- 3. C Reference within the same document -->
<p><strong>3. Jump to top of the same page:</strong><br>
<a href="#top">Go to Top C</a></p>
<!-- 4. Reference to some image -->
<p><strong>4. Clickable link to an image:</strong><br>
<a href="krishna_2.jpg" target="_blank">Click here to view image1.jpg</a></p>
<!-- 5. Making an image a hyperlink to display second image -->
<p><strong>5. Clickable image that opens another image:</strong><br>
<a href="krishna_2.jpg" target="_blank">
<img src="krishna_1.jpg" alt="Click to view another image" width="200">
</a></p>
</body>
</html>
Write a HTML program to design a form which
should allow to enter your personal data (
Hint: make use of text field, password field, e-mail, lists, radio buttons, checkboxes, submit button)
Create an HTML file (e.g. first_page.html)
that specifies a page that contains a heading
and two paragraphs of text. As the texts in the heading and paragraphs you can use any texts you like
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>DEEPAKRAJTech | My First Web Page</title>
</head>
<body>
<h1>Welcome to My First Web Page</h1>
<p>This is my very first paragraph in HTML. I'm learning how to create web
pages using HTML and it's really exciting!</p>
<p>HTML stands for HyperText Markup Language and it's used to design the
structure of web pages on the internet.</p>
</body>
</html>
