this is html basic
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.table-heading{
color:green;
}
#main-heading{
color:saddlebrown;
}
.headings{
background-color:black;
color:aliceblue;
}
.span{
background-color: red;
}
</style>
</head>
<body>
<div class="headings">
<h1 id="main-heading">this is heading</h1>
<h2>hello </h2>
<h2>hello</h2>
<h3>basant</h3>
<h4>yadav</h4>
</div>
<p>
Lorem <strong>ipsum</strong> dolor sit amet, <em>Lorem ipsum dolor sit amet consectetur adipisicing <span class="span">elit</span>. Consectetur, quaerat!</em>consectetur adipisicing elit. Ipsum, eligendi. Culpa consequatur corporis cumque, sit nobis ab illum eaque corrupti minus. Asperiores ipsam alias ipsum cumque eaque totam temporibus maxime pariatur magni, ullam minima iure quod, nihil provident ut? Minus sint vitae quod beatae, id magni sequi quas vel, nobis officia reiciendis assumenda. Voluptatem blanditiis quae accusamus mollitia ab impedit nam eum, dolore amet libero quibusdam? Consequuntur, modi illo ipsum quas soluta cumque assumenda earum iusto quasi ea a molestias exercitationem mollitia? Voluptate ea nulla quis magnam asperiores eveniet, harum ratione, velit itaque reiciendis quos architecto deleniti inventore laboriosam voluptatem?
<p>this is less <</p>
<p>this is greater ></p>
<p>this is cpyright ©</p>
</p>
<hr>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste aspernatur mollitia, id eos quas voluptatibus inventore ipsa voluptatum delectus voluptatem?
</p>
<a href="https://google.co.in" target="_blank">google link </a>
<img src="logo.png" alt="logo">
<h2 class="table-heading">table</h2>
<table border="1">
<thead>
<th>first name</th>
<th>last name</th>
</thead>
<tbody>
<tr>
<td>bashant</td>
<td>kumar</td>
</tr>
</tbody>
</table>
<h2>html forms</h2>
<form><label for="username">username</label>
<input type="text" name="" id="username" placeholder="username"><br><br>
<label for="password">password</label>
<input type="password" name="" id=""
placeholder="password">
<p>select your gender</p>
<label for="male">male</label>
<input type="radio" name="gender" id="male"><br>
<label for="female">female</label>
<input type="radio" name="gender" id="female">
<br><br>
<p>choose your country</p>
<select name="" id="country">
<option value="india">india</option>
<option value="nepal">nepal</option>
</select>
<p>type below</p>
<textarea name="" id="" cols="30" rows="10" placeholder="write about yourself"></textarea>
<br><br>
<input type="submit" value="sign in">
</form>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem repellendus, perspiciatis suscipit nostrum illo labore vitae quae accusantium deleniti! Sed aliquam illo voluptates mollitia ad, nisi eveniet, iste numquam esse ex cumque? Mollitia repellendus enim fugit consectetur nulla vero eaque dolore pariatur labore voluptate, explicabo fugiat ea reiciendis sapiente facere porro. Quos aliquam quisquam laborum veniam eius quam nostrum odio reiciendis voluptates! Doloremque quam repellat maiores eaque nam in fugiat reprehenderit accusantium facere sunt aliquid qui possimus hic, animi modi reiciendis natus sequi dolorem debitis fugit! Voluptate odio earum incidunt voluptates nemo expedita velit, repellendus dignissimos sequi iste quis inventore?</p>
</body>
</html>
Comments
Post a Comment