Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
0% found this document useful (0 votes)
9 views

Random Computer Coding Idk Why

The document contains 15 code snippets showing different HTML and CSS coding examples. These include examples of adding headings, changing background color, fonts and images, creating lists, designing forms, inserting tables, adding audio/video, and using various CSS properties like border, outline, and fonts.
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
9 views

Random Computer Coding Idk Why

The document contains 15 code snippets showing different HTML and CSS coding examples. These include examples of adding headings, changing background color, fonts and images, creating lists, designing forms, inserting tables, adding audio/video, and using various CSS properties like border, outline, and fonts.
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 17

Coding 1

<html>

<head>

<title>my name in the heading</title>

</head>

<body>

<h1>Sameer</h1>

</body>

<html>

Output
Coding 2

<html>

<head>

<title>headings from 1 to 6</title>

</head>

<body>

<h1>Heading of level 1</h1>

<h2>Heading of level 2</h2>

<h3>Heading of level 3</h3>

<h4>Heading of level 4</h4>

<h5>Heading of level 5</h5>

<h6>Heading of level 6</h6>

</body>

</html>

Output
Coding 3

<html>

<head>

<title>HTML to show background color of webpage</title>

</head>

<body bgcolor="lime"><!--add yor desired color, like in this case i put lime-->

</body>

</html>

Output
Coding 4

<html>

<head>

<title>HTML code to show font face, size and color</title>

</head>

<body>

<font face="cambria" size="4" color="lime">This the font</font>

</body>

</html>

Output
Coding 5

<html>

<head>

<title></title>

</head>

<body>

<center>

<img src="C:\Users\smart\OneDrive\Pictures\wallpaper.jpg">

</center>

</body>

</html>

Output
Coding 6

<html>

<head>

<title>HTML code to show that (a+b)2=a2+b2+2ab</title>

</head>

<body>

(a+b)<sup>2</sup>=a<sup>2</sup>+b<sup>2</sup>+2ab

</body>

</html>

Output
Coding 7

<html>

<head>

<title>HTML code to create unordered list for fruits and vegetables</title>

</head>

<body>

<ul type="circle">

<li>fruits</li>

<li>vegetables</li>

</body>

</html>

Output
Coding 8

<html>

<head>

<title>HTML code to show ordered list of grocery items</title>

</head>

<body>

<ol>

<li>milk</li>

<li>eggs</li>

<li>white bread</li>

</body>

</html>

Output
Coding 9

<html>

<head>

<title>HTML code to design a form</title>

</head>

<body>

<h1><u><b><center>Application Form</center></b></u></h1>

<form>

User Name :&nbsp&nbsp&nbsp&nbsp<input type="textbox" value="Enter username" name="User


Name">

<br>

Password :&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<input type="password" name="password">

<br>

Gender :&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<input type="radio"


name="gender" value="male">Male <input type="radio" name="gender" value="female">Female

<br>

Hobbies :&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<input type="checkbox"


name="Hobbies" Value="Reading">Readnig

<br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&
nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<input type="checkbox" name="hobbies"
value="travelling">Travelling

<br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&
nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<input type="checkbox" name="hobbies"
value="playing games">Playing games

<br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&
nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<input type="checkbox" name="hobbies"
value="singing & dancing">Singing & dancing

<br>

Select Stream :&nbsp<select name="select stream" value="Science">

<option>Science
<option>Commerce

<option>arts

</select>

<br>

<input type="submit">

</form>

</body>

</html>

Output
Coding 10

<html>

<head>

<title>HTML code to show a table</title>

</head>

<body>

<table border="1">

<tr colspam="4">

<th>Players Detalis</th>

</tr>

<tr>

<td></td>

<td>First Name</td>

<td>Last name</td>

<td>DOB</td>

</tr>

<tr>

<td><img src="C:\Users\smart\OneDrive\Pictures\albert.png"></td>

<td>Albert</td>

<td>Pinto</td>

<td>8th July, 1976</td>

</tr>

<tr>

<td><img src="C:\Users\smart\OneDrive\Pictures\david.png"></td>

<td>David</td>

<td>Jacob</td>

<td>15th May, 1988</td>

</tr>

<tr>
<td><img src="C:\Users\smart\OneDrive\Pictures\michel.png"></td>

<td>Michel</td>

<td>Atherton</td>

<td>10th April, 1987</td>

</tr>

</table>

</body>

</html>

Output
Coding 11

<html>

<head>

<title>HTML code to put audio and video in a webpage</title>

</head>

<body>

<audio controls>

<source src="" type="">

</audio>

<video width="1920" height="1080" controls>

<source src="" type="">

</video>

</body>

</html>

Output
Coding 12

<html>

<head>

<title></title>

</head>

<body style="background-color:yellow;">

<h1 style="color:red;"> color yellow</h1>

</body>

</html>

Output
Coding 13

<html>

<head>

<title>HTML code to show the properties of border</title>

<style>

h1{border-style:double;border-color:yellow;border-width:120px;}

</style>

</head>

<body>

<h1>border</h1>

</body>

</html>

Output
Coding 14

<html>

<head>

<title>CSS code to show properties o foutline</title>

<link rel="external.css">

</head>

<body>

<h1>outline</h1>

</body>

</html>

Output
Coding 15

<html>

<head>

<title>CSS code for FONT properties</title>

<style>

h1{font-family:Courier; color:Blue; font-size: 20px;}

</style>

</head>

<body>

<h1>font</h1>

</body>

</html>

Output

You might also like