In this post we are going to code the Webpage Image in HTML. See the image below. The name of image is Pizza 🍕 Shop 🏪 2.0. We will code this image from scrach.
Here is the code
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td
{
border: 0.5px solid black;
}
</style>
</head>
<body>
<table >
<tr>
<td colspan="2" align="center"><b>Pizza Shop 2.0</b></td>
</tr>
<tr>
<td>Name</td>
<td><input type="input"></br>
</tr>
<tr>
<td >Pizza Topping</td>
<td><input type="radio">Supreme</br>
<input type="radio">Vegetarian</br>
<input type="radio">Hawaiian
</th>
</tr>
<tr>
<td>Pizza Sauce</td>
<td><select >
<option>Tomato</option>
<tr>
<td>Optional Extras</td>
<td><input type="checkbox" name="extras" value="extra_cheese">Extra Cheese</input>
<input type="checkbox" name="extras" value="gluten_free">Gluten Free Base</input></td>
</table>
<table>
<td>
Delivery Instructions:
<br>
<textarea rows = "4" cols = "45"></textarea><br></td>
<tr><td>
<input type="submit" value="Send my Order">
</td></tr>
<tr><td>
<a href="https://codingwithanmol.blogspot.com">Code By Anmol Garg</a>