Write HTML code to display the following output:
DBMS :
A Database Management System refers to any software that
helps a user to create and manage a database effectively and
efficiently
Answers
Answer:
here is your answer
Explanation:
Step 1: Firstly, install a virtual server on your computer (eg Xampp, Wamp).
Xampp is a free and open-source cross-platform web server solution stack package developed by Apache Friends, consisting mainly of the Apache HTTP Server, MySQL database, and interpreters for scripts written in the PHP and Perl programming languages. XAMPP stands for Cross-Platform (X), Apache (A), MySQL (M), PHP (P), and Perl (P).
xampp server
Figure: Xampp Server
Step 2: Next we will require an editor where the HTML code has to be written. You can use any editor (such as Notepad++, Adobe Dreamweaver, NetBeans, etc). Here we will use Notepad ++.
Step 3: Install Notepad++. Here are the steps:
notepad plus plus
Figure: Notepad ++
Notepad++ is a source code editor used with Microsoft Windows. It supports editing in tabular form, which allows us to work with multiple open files in a single window.
Notepad++ is distributed as free software.
Click on the first link in the browser window. After clicking the first link the following window will appear.
download notepad
Figure: Download Notepad ++
Download the software by clicking the download button.
Step 4: Open the Notepad++ text editor and write the HTML code for designing the HTML Sign Up page.\
We will use various HTML tags to design the page.
You can include the fields according to your convenience (i.e whichever fields you require for the form).
Here I have included the fields according to my convenience.
Have a view of the code written in notepad++,
<html>
<head>
<title>Registration Form</title>
</head>
<body>
<link href = "registration.css" type = "text/css" rel = "stylesheet" />
<h2>Sign Up</h2>
<form name = "form1" action="modified.php" method = "post" enctype = "multipart/form-data" >
<div class = "container">
<div class = "form_group">
<label>First Name:</label>
<input type = "text" name = "fname" value = "" required/>
</div>
<div class = "form_group">
<label>Middle Name:</label>
<input type = "text" name = "mname" value = "" required />
</div>
<div class = "form_group">
<label>Last Name:</label>
<input type = "text" name = "lname" value = "" required/>
</div>
<div class = "form_group">
<label>Password:</label>
<input type = "password" name = "pwd" value = "" required/>
</div>
</div>
</form>
</body>
</html>
Here I have included the LINK tag to link the CSS file for this HTML page.
HTML or Hypertext Markup Language is the standard and most basic language in use to create web pages.
CSS stands for Cascading Style Sheets
This is used for styling purpose. HTML coding is just a structure and CSS is applied to dictate your website's look and feel. Font size, font color, font style styling of images, page layout, mouse-over effects and more are determined by CSS. The CSS applied over the above HTML coding is given below.
.container {
max-width: 1350px;
width: 100%;
margin: 50px;
height: auto;
display: block;
}
body {
color: #8A2BE2;
font-size: 20px;
font-family: Verdana, Arial, Helvetica, monospace;
background-color: #F0E8A0;
}
h2 {
text-align: center;
}
.form_group {
padding: 10px;
;
display: block;
}
label {
float: left;
padding-right: 50px;
line-height: 10%;
display: block;
width: 208px;
}
Here you would be wondering why I have used <div> in HTML. Let me explain to you the importance of using <div>.
The <div> element is often used as a layout tool.
We need to see how to use them later on in the body section of the page. To use your class, all you need to do is add the class=" " attribute to the tag you wish to have the style of your class. So, if you wanted a line of text to be read, you could add the class attribute to a <DIV> tag, like this:
<div class="form_group">. Here we have used this class because we can directly apply CSS on this class. The tags which has been opened should be closed also.
Now let us move further.
Step 5: Apply CSS on the HTML code. General rules for applying CSS are:
We use dot(.) beside any class to apply effects into it and ‘#’ tag before any ID. E.g.
.container {
// css attributes will be written here