HTML RUPH CODE
OUTPUT LIVE
 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<strong>
</strong>
</head>
<body>
<form action="google">
name : <input name="name"size="10"><br>
<form action="email"> Email : <input type="email"></form>
<hr>
<br>
<hr width="100%" color="red" size="100%" align="left">
<i>Embed means to integrate external content into another website or page. You embed something when you place a block of code — called an embed code — into the HTML editor of another website. When you hit 'Save' or 'Publish,' the media then renders on the published page. Embedded content is referenced with HTML.</i>
<img src="amazonlogo.png.png" alt="logo">
<br>
<input type="rakesh" size="10" maxlength="30">
<input type="submit" value="submit"></form>
<br>
<textarea wrap="vertual" name="comments" id="" cols="20" rows="3" maxlength="100"></textarea>
<br>
<br>
<input type="submit" value="submit">
<input type="reset" value="clear">
<br>
<br>
<input type="example" size="10" maxlength="30">
<input type="submit" value="submit">
<hr width="100" size="40" color="red">
<br>
<center>
<select>
<option value="choratiya">select</option>
<option value="bishrampur">a</option>
<option value="kauriya">b</option>
<option value="gharatiya">c</option>
</select>
<br>
<input type="submit" value="submit">
</center>
<br>
<br>
choose in this :
<br>
<input type="radio" name="option"> rakesh
<input type="radio" name="option" >dheeraj
<input type="radio" name="option" >pankaj
<br>
chek in given :
<br>
<input type="checkbox" name="chek" >ram
<input type="checkbox" name="chek">mohan
<input type="checkbox" name="chek">shyam
<menu>
<li type="disk">list item</li>
<li type="circle">list item</li>
<li type="square">list item</li>
<li type="choose">list item</li>
</menu>
<ol type="i">
<li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores eveniet, consequatur repellendus laudantium dicta, accusantium, quasi assumenda sint nihil odio sequi quam vitae voluptatem adipisci beatae modi totam aliquam sunt!</li>
<li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores eveniet, consequatur repellendus laudantium dicta, accusantium, quasi assumenda sint nihil odio sequi quam vitae voluptatem adipisci beatae modi totam aliquam sunt!</li>
<li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores eveniet, consequatur repellendus laudantium dicta, accusantium, quasi assumenda sint nihil odio sequi quam vitae voluptatem adipisci beatae modi totam aliquam sunt</li>
</ol>
<br>
<br>
<marquee bgcolor ="red" loop = "-10" scrollamount="20" width ="100%" height="50px" > Rakesh Gupta </marquee>
<br>
<center>
select an option :
<select>
<option>rakesh 1</option>
<option>rakesh 2</option>
<option>rakesh 3</option>
<option>rakesh 4</option>
<option>rakesh 5</option>
</select>
</center>
<br>
<br>
<p align = "right"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Ratione quo id eaque facere optio repudiandae quam explicabo dolorum corporis in officiis laudantium eum distinctio, totam quidem? Accusamus at corrupti facere.</p>
<br>
<p align = "left"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Ratione quo id eaque facere optio repudiandae quam explicabo dolorum corporis in officiis laudantium eum distinctio, totam quidem? Accusamus at corrupti facere.</p>
<br> <p align = "center"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Ratione quo id eaque facere optio repudiandae quam explicabo dolorum corporis in officiis laudantium eum distinctio, totam quidem? Accusamus at corrupti facere.</p>
<br>
<br>
<br>
<small>rakesh</small>
<br>
<br>
<br>
<strike>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum atque corrupti quos accusantium perferendis! Autem adipisci aperiam reprehenderit voluptas, quisquam doloribus mollitia, sunt nisi modi consequuntur unde temporibus sit numquam.</strike>
<br>
<br>
<strong>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et natus, quibusdam suscipit quo alias consequatur minima dicta ex placeat quia dolore ad animi fugit ut sit optio facere libero. Dolorem.</strong>
<br>
<br>
<br>
<table border="5" cellpadding = "2" cellspacing = "2" width = "100%" bordercolor="#336699">
<tr>
<td bgcolor="#cccccc">coloumn 1</td>
<td bgcolor="#cccccc">coloumn 2</td>
<td bgcolor="#cccccc">coloumn 3</td>
<td bgcolor="#cccccc">coloumn 4</td>
</tr>
<tr>
<td>row2</td>
<td>row3</td>
<td>row4</td>
<td>row5</td>
</tr>
<tr>
<td>row2</td>
<td>row3</td>
<td>row4</td>
<td>row5</td>
</tr>
<tr>
<td> row2</td>
<td>row3</td>
<td>row4</td>
<td>row5</td>
</tr>
</table>
<br>
<br>
<br>
<tt>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ducimus incidunt consequatur facilis voluptatibus harum repellat nihil molestias tenetur iure dolor deleniti illum, culpa accusantium dicta, quaerat dolores animi et blanditiis!</tt>
<br>
<br>
<br>
<u>Lorem ipsum dolor sit amet consectetur adipisicing elit. Suscipit, in enim unde dolore soluta, repellat hic autem beatae earum, reprehenderit temporibus tempore ut fugit? Totam temporibus recusandae corrupti repudiandae! Unde?</u>
example :
<br>
<br>
<ul type = "disc">
<li>number 1</li>
<li>number 2</li>
<ul type = "square">
<li>number 1</li>
<li>number 2</li>
</ul>
</ul>
</body>
</html>
