Creating a Welcoming Display for Exam Hall

Prasandeep
0
Write HTML Code To Display Welcome To Exam Hall Having Font Size 36 Font Color As Green In Using

Have you ever wondered why HTML stands as a cornerstone of web development? In this article, we're unveiling a simple program that showcases a "Welcome To Exam Hall" message in vibrant green text. If you're a college student, this quick guide could prove invaluable for your academic journey.

Before diving into our program, let's briefly understand the significance of HTML and CSS. HTML, a markup language conceptualized by Sir Tim Berners-Lee in 1993, empowers us to craft webpages. It's the backbone of web development, driving user interfaces across browsers.

CSS, short for Cascading Style Sheet, is another essential facet. Developed by HΓ₯kon Wium Lie Bert Bos in 1996, CSS adds aesthetics to web content. While HTML shapes structure, CSS enhances visual appeal. It facilitates stylish and colorful layouts for your webpages.

Three CSS application methods exist: Inline CSS for direct HTML tagging, Internal CSS for head-tag styling, and External CSS with separate .css files. Our small webpage project – displaying "Welcome To Exam Hall" in 36 font size and green color – demonstrates these approaches:


1. Using Inline CSS:

<h1 style="color: green; font-size: 36px;">Welcome To Exam Hall</h1>


2. Internal CSS:

<!DOCTYPE html>
<html>
<head>
<title>Welcome to the Exam Hall</title>
<style>
h1 {
color: green;
font-size: 36px;
}
</style>
</head>
<body>
<h1>Welcome To Exam Hall</h1>
</body>
</html>


3. External CSS:

Create a 'style.css' file and link it in the HTML:

<!DOCTYPE html>
<html>
<head>
<title>Welcome to the Exam Hall</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>Welcome To Exam Hall</h1>
</body>
</html>

Conclusion

In conclusion, HTML and CSS are essential tools for every web developer's arsenal. The showcased program merely scratches the surface of their capabilities. If you encounter challenges while implementing these techniques or face technical issues, don't hesitate to drop your questions in the comments below. We're here to help you succeed on your coding journey.

Post a Comment

0Comments

We welcome your feedback and thoughts – please share your comments!

Post a Comment (0)