HTML
HTML - Hyper text markup languagehtml is used to create electronic documents that are displayed on the www
each page contain a series of connection to other pages called "hyperlinks"
every web page you see on the internet is written using one version of html code or another
HTML means Hyper Text Markup Language.
which is using for markup a web page. and the elements are the building blocks of html pages. and the elements makes tags. tags like ( <p> <head> <body> )
every html tags have been content for example <p> p means a paragraph
HTML flow
<html>
<head>
<title> </title>
</head>
<body>
<h1> </h1>
<p> </p>
</body>
</html>
This is the html for create a heading and then create a paragraph .
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>MY SELF</h1>
<p>I am vithurasan</p>
</body>
</html>
and the web page's output
MY SELF
I am vithurasan- Links define with the <a> tag which link is specified by href attribute
Example-
we just add a link which is google.com and title it
<html>
<body>
<h2>TO GET GOOGLE</h2>
<a href="https://www.Google.com">go to google</a>
</body>
</html>
and the web page's output
TO GET GOOGLE
go to google
- How to add a image in our web page?
Example-
we want to add a image which is Uki logo
<html>
<body>we want to add a image which is Uki logo
<html>
<h2>UKI</h2>
<img src="ukilogo.jpg" alt="logo of uki" width="460" height="345">
</body>
</html>
and the web page's output
UKI
How to add a table in html
Example-
we want to add a table which is details of having vehicles
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
th, td {
padding: 5px;
text-align: left;
}
</style>
</head>
<body>
<h2>vehicle details</h2>
<table style="width:100%">
<tr>
<th>Name:</th>
<td>meino</td>
</tr>
<tr>
<th rowspan="2">number of vehicles :</th>
<td>bike -2</td>
</tr>
<tr>
<td>cycle -3</td>
</tr>
</table>
</body>
</html>
and the web page's output
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
th, td {
padding: 5px;
text-align: left;
}
</style>
</head>
<body>
<h2>vehicle details</h2>
<table style="width:100%">
<tr>
<th>Name:</th>
<td>meino</td>
</tr>
<tr>
<th rowspan="2">number of vehicles :</th>
<td>bike -2</td>
</tr>
<tr>
<td>cycle -3</td>
</tr>
</table>
</body>
</html>
and the web page's output
 |
Example-
we want to create a form like a email login process
<html>
<body>
<h2>login here</h2>
<form>
E-mail:<br>
<input type="text" name="mail">
<br>
Password:<br>
<input type="password" name="password"> <br>
<input type="submit" name="submit">
</form>
</body>
</html>
and the web page's output
 |
we want to select a option which is you are male or female so we used radio button to give options.
<!DOCTYPE html>
<html>
<body>
<h2>Sex</h2>
<form>
<input type="radio" name="gender" value="male" checked> Male<br>
<input type="radio" name="gender" value="female"> Female<br>
</form>
</body>
</html>
Star Wars Casino Review (2021) - Shootercasino.com
ReplyDeleteStar Wars Casino reviewed. Play the slots and earn real money 제왕카지노 지급정지 prizes. Join Star Wars Casino now and get the chance to win over 5000000 Slots