HTML: Hypertext Markup Language and HTML | Calculator
HTML (Hypertext Markup Language) is the most basic building block of the Web. It defines the meaning and structure of web content. Other technologies besides HTML are generally used to describe a web page's appearance/presentation (CSS) or functionality/behavior (JavaScript).
"Hypertext" refers to links that connect web pages to one another, either within a single website or between websites. Links are a fundamental aspect of the Web. By uploading content to the Internet and linking it to pages created by other people, you become an active participant in the World Wide Web.
HTML uses "markup" to annotate text, images, and other content for display in a Web browser. HTML markup includes special "elements" such as <head>, <title>, <body>,<p>,<h1> to <h6>, <i>,<u>,<b>,<table>,<tr>,<th>,<td>,<input type=”submit”>,<input type=”text”>,<ul>,<ol>,<li>,…..
An HTML element is set off from other text in a document by "tags", which consist of the element name surrounded by "<" and ">". The name of an element inside a tag is case insensitive. That is, it can be written in uppercase, lowercase, or a mixture.
Beginner's tutorials
Our HTML Learning Area features multiple modules that teach HTML from the ground up — no previous knowledge required.
HTML Table
Representing tabular data on a webpage in an understandable, accessible way can be a challenge. This module covers basic table markup, along with more complex features such as implementing captions and summaries.
HTML forms
Forms are a very important part of the Web — these provide much of the functionality you need for interacting with websites, e.g. registering and logging in, sending feedback, buying products, and more. This module gets you started with creating the client-side/front-end parts of forms.
Here a Calculator is going to be formed with HTML code.
Calculator Title: This is the title at the top of our application, “Knowledge Education Cambodia
HTML Code
<html>
<head>
<title> Knowledge Education Cambodia </title>
<style>
*{
margin:1px;
padding:1px;
}
.button{
width:50px;
height:50px;
font-size:25px;
margin:1px;
cursor:pointer;
}
.textview{
width:278px;
height:50px;
font-size:25px;
margin:1px;
}
h1{
color:blue;
padding:0px;
margin:0px;
}
body{
background-image:url("Capture1.png")
}
</style>
</head>
<body>
<h1>Knowledge Education Cambodia </h1>
<form>
<input type="textview" class="textview">
</form>
<table>
<tr>
<td><input type="button" value="GT" class="button"> </td>
<td><input type="button" value="MRC" class="button"> </td>
<td><input type="button" value="M-" class="button"> </td>
<td><input type="button" value="M+" class="button"> </td>
<td><input type="button" value="/" class="button"> </td>
</tr>
<tr>
<td><input type="button" value="->" class="button"> </td>
<td><input type="button" value="7" class="button" > </td>
<td><input type="button" value="7" class="button"> </td>
<td><input type="button" value="9" class="button"> </td>
<td><input type="button" value="*" class="button" > </td>
</tr>
<tr>
<td><input type="button" value="AC" class="button"> </td>
<td><input type="button" value="4" class="button"> </td>
<td><input type="button" value="5" class="button"> </td>
<td><input type="button" value="6" class="button"> </td>
<td><input type="button" value="-" class="button"> </td>
</tr>
<tr>
<td><input type="button" value="on" class="button"> </td>
<td><input type="button" value="1" class="button"> </td>
<td><input type="button" value="2" class="button"> </td>
<td><input type="button" value="3" class="button"> </td>
<td rowspan="6"><input type="button" value="+" class="button" style="height:106px"> </td>
</tr>
<tr>
<tdd><input type="button" value="0" class="button"d> </td>
<tdd><input type="button" value="00"class="button"d> </td>
<tdd><input type="button" value="." class="button"d> </td>
<tdd><input type="button" value="=" class="button"d> </td>
</tr>
</table>
</body>
</html>
Please Watching My Video is Below
Good lesion for me
ReplyDelete