Code

HTML code for creating form Name Email ID Mobile number enquiry message

Step 1) Add HTML <div class=”container”>  <form action=”action_page.php”>     <label for=”fname”>First Name</label>    <input type=”text” id=”fname” name=”firstname” placeholder=”Your name..”>     <label for=”lname”>Last Name</label>    <input type=”text” id=”lname” name=”lastname” placeholder=”Your last name..”>     <label for=”country”>Country</label>    <select id=”country” name=”country”>      <option value=”australia”>Australia</option>      <option value=”canada”>Canada</option>      <option value=”usa”>USA</option>    </select>     <label for=”subject”>Subject</label>    <textarea id=”subject” name=”subject” placeholder=”Write something..” style=”height:200px”></textarea>     <input type=”submit” value=”Submit”>   </form></div> Step 2) Add CSS: /* Style inputs with type=”text”, select elements and textareas */input[type=text], select, textarea {  width: 100%; /* Full width */  padding: 12px; /* Some padding */   border: 1px solid #ccc; /* Gray border */  border-radius: 4px; /* Rounded borders */  box-sizing: border-box; /* Make sure that padding and…

Code

How To Create a Responsive Pricing Table

Step 1 Add HTML: <div class=”columns”>  <ul class=”price”>    <li class=”header”>Basic</li>    <li class=”grey”>$ 9.99 / year</li>    <li>10GB Storage</li>    <li>10 Emails</li>    <li>10 Domains</li>    <li>1GB Bandwidth</li>    <li class=”grey”><a href=”#” class=”button”>Sign Up</a></li>  </ul></div> Step 2 Add CSS: * {  box-sizing: border-box;} /* Create three columns of equal width */.columns {  float: left;  width: 33.3%;  padding: 8px;} /* Style the list */.price {  list-style-type: none;  border: 1px solid #eee;  margin: 0;  padding: 0;  -webkit-transition: 0.3s;  transition: 0.3s;} /* Add shadows on hover */.price:hover {  box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)} /* Pricing header */.price .header { …

HTML

HTML Attributes

HTML attributes provide additional information about HTML elements. HTML Attributes All HTML elements can have attributes Attributes provide additional information about elements Attributes are always specified in the start tag Attributes usually come in name/value pairs like: name=”value” The href Attribute The <a> tag defines a hyperlink. The href attribute specifies the URL of the page the link goes to: Example <a href=”https://champarannow.com”>Visit champarannow</a> The…

HTML

HTML Elements

An HTML element is defined by a start tag, some content, and an end tag. HTML Elements The HTML element is everything from the start tag to the end tag: <tagname>Content goes here…</tagname> Examples of some HTML elements: <h1>My First Heading</h1> <p>My first paragraph.</p> Start tag Element content End tag <h1> My First Heading </h1> <p> My…

HTML

HTML Basic

In this chapter we will show some basic HTML examples. Don’t worry if we use tags you have not learned about yet. HTML Documents All HTML documents must start with a document type declaration: <!DOCTYPE html>. The HTML document itself begins with <html> and ends with </html>. The visible part of the HTML document is between <body> and </body>. Exp:- <!DOCTYPE html><html><body> <h1>My…

HTML

HTML Editors

A simple text editor is all you need to learn HTML. Learn HTML Using Notepad or TextEdit Web pages can be created and modified by using professional HTML editors. However, for learning HTML we recommend a simple text editor like Notepad visual studio code (PC) or TextEdit (Mac). We believe in that using a simple…

HTML

Introduction of HTML

Introduction of HTML In HTML we can create your own Web site and use HTML attributes with HTML tags. HTML stands for Hyper Text Markup Language, which is the most widely used language on Web to develop web pages. HTML is easy to learn – You will enjoy it. History of HTML In the late…