Web Designing PPT contains basic html codes

Html and CSS
An HTML document has a
basic structure with two main
sections: the head and
the body
01
THE HEAD CONTAINS
METADATA ABOUT THE
DOCUMENT, SUCH AS
THE TITLE AND
CHARACTER SET, WHILE
THE BODY CONTAINS
THE VISIBLE CONTENT
OF THE WEBPAGE.
02
CSS, or Cascading Style
Sheets, has three main
types: Inline, Internal (or
Embedded), and
External. Each method
provides a different way to
apply styles to HTML
documents.
03

SAMPLE HTML CODES:
TABLES AND FORMS
<html>
<head>
</head>
<body>
<table border = "2">
<tr>
<td rowspan=2 > Heading </td>
<td colspan=1 > Students </td>
<td colspan=4 > <center>Details</center></td>
</tr>
<tr>
<th>Id </th>
<th> Name</th>
<th> Department</th>
<th> Roll Number</th>
</tr>
<tr>
<th rowspan=4>student list </th>
<td> 1</td>
<td> Victor</td>
<td> Computer Science</td>
<td> 12345</td>
</tr>
<tr>
<td>2 </td>
<td> Williams</td>
<td> Electronics</td>
<td> 23456</td>
</tr>
<tr>
<td>3</td>
<td> Harry</td>
<td> Electrical</td>
<td> 34567</td>
</tr>
<tr>
<td>4 </td>
<td> Rick</td>
<td> Civil</td>
<td> 45678</td>
</tr>
</table>
</body>
</html>

html>
<head>
<title>Application Form</title>
<style>
body{ background-color:lightseagreen;
}</style>
</head>
<body>
<form>
<h1><center> Application Form</center></h1>
<table>
<tr>
<td align=left>First name:</td>
<td><input type="text"Name="name"></td>
<td align=right>Last name:</td>
<td><input type="text"Name="name"></td>
</tr>
<tr>
<td align=left>Date of Birth:</td>
<td><input type="text"dob="date"></td>
<td align=right>Age:</td>
<td><input type="text"age="age"></td>
</tr>
<tr>
<td align=left>Gender:</td>
<td>
<select name="dropdown">
<option value=1>Male</option>
<option value=2>Female</option>
</td>

<td align=right>Email id:</td>
<td><input type="text"email id="email id"></td>
</tr>
<td align=left>Positions Available:</td>
<td><input type=Radio name=gen value="Junior
Developer">Junior developer</td>
<td><input type=Radio name=gen value="Mid-Level
Developer">Mid-level developer</td>
<td><input type=Radio name=gen value="Senior
Developer">Senior developer</td>
</tr>
<tr>
<td align=left>Programming Language:</td>
<td>
<input type="checkbox" id="languuage1" name="java"
value="java">
<label for="language1"> Java</label><br>
<input type="checkbox" id="languuage2" name="javascript"
value="javascript">
<label for="language2"> JavaScript</label><br>
<input type="checkbox" id="languuage3" name="python"
value="python">
<label for="language3"> Python</label><br>
</td>
<tr>
<tr>
<td align=left>Password:</td>
<td><input type="text"Password="pass"></td>
<td align=right>Confirm Password:</td>
<td><input type="text"Password="pass"></td>
</tr>
<td><input type="submit"value="submit"></td>

<td><input
type="reset"value="reset"></td>
</tr>
</table>
</form>
</body>
</html>
OUTPUT

Web Designing PPT contains basic html codes

More Related Content

Similar to Web Designing PPT contains basic html codes

Recently uploaded

Web Designing PPT contains basic html codes