Embedded Files
What is HTML
HTML stands for HyperText Markup Language. It is used to design web pages using the markup language. HTML is the combination of Hypertext and Markup language. Hypertext defines the link between the web pages and markup language defines the text document within the tag that define the structure of web pages.
RELATIONSHIP BETWEEN HTML AND CSS
HTML is like a man without clothes (a naked man) and CSS is the cloth of that man, CSS beautifies him and covers him.
CSS = Cascading Style Sheet
basic parts of HTML
<DOCTYPE! html> – A doctype or document type declaration is an instruction that tells the web browser about the markup language in which the current page is written. It is not an element or tag. The doctype declaration is not case-sensitive.
<html> – This tag is used to define the root element of HTML document. This tag tells the browser that it is an HTML document. It is the second outer container element that contains all other elements within it.
<head> – This tag is used to define the head portion of the HTML document that contains information related to the document. Elements within the head tag are not visible on the front-end of a webpage.
<body> – The body tag is used to enclose all the visible content of a webpage. In other words, the body content is what the browser will show on the front end.
Basic form design using HTML
<!DOCTYPE html>
<html lang="en">
<!-- Head Section Content -->
<head>
<!-- Page title -->
<title>Basic form design using HTML</title>
</head>
<!-- Body Section Content -->
<body>
<!-- Heading Content -->
<h1>joetech.com</h1>
<h3>Basic form design using HTML</h3>
<!-- Creating a from -->
<form action="#">
<fieldset>
<legend>Personal Details</legend>
<!-- Label and input field -->
<p>
<label>First name : <input name="firstName" /></label>
</p>
<p>
<label>Last name : <input name="lastName" /></label>
</p>
<!-- Label and radio button field -->
<p>
Gender :
<label><input type="radio" name="gender"
value="male" /> Male</label>
<label><input type="radio" name="gender"
value="female" /> Female</label>
</p>
<p>
<label>Email : <input type="email"
name="email" /></label>
</p>
<p>
<label>Date of Birth : <input type="date"
name="birthDate"></label>
</p>
<!-- Label and textarea field -->
<p>
<label>Address :
<br />
<textarea name="address" cols="30"
rows="3"></textarea>
</label>
</p>
<a href="https://sites.google.com/view/joetech10">Go to my website.</a>
</fieldset>
</form>
</body>
</html>
Page updated
Google Sites
Report abuse