Hyper text markup language(html)
Tags: html
Published: 2017-08-24 11:44:39

---
title: Hyper text markup language(html)
published: true
description: 
tags: html
---

WHAT IS HTML

HTMLstands for hyper text markup language for creating webpages and web applications.With Cascading StyleSheets(CSS) and javascript it forms a triad of coenerstone technologies for World Wide Web.
Web browsers recive HTML documents from a WEB SERVERor from local storage and render them into multimedia web pages.it also describes the structure of a web page semantically and originally included cues for the apperance of the document

With the heip of html we can construct images and other objects such as interactive forms may be embeded into the rendered page.it provides a means to create structured documents by denoting structural semantics for textsuch as headings ,paragraphs, lists,links, quotes and other items.Html elements are delineated by tags,written using ancgel brackets.
Tags such as <img /> and <input /> intriduce content into pages directly.Others such as <p>...</p> surround  and provide information about document text and may include other tagsas sub-elements. Browsers do not display the HTML tags,but use them to interpret the content of the page.

 ## Here are some examples of html code:


***Arrival Time***
See @[codepen](https://codepen.io/) by Bristi Bal-->[Arrival Time](https://codepen.io/bristi123/pen/prZyPq)


```html

<html>
<body>
<table border="1">
<tr><th>Source</th><th>Destination</th><th>Arrival Time</th></tr>
<tr><td>Howrah</td><td>Ranchi</td><td>19:00</td></tr>
</table>
</body>
</html>
```
***Arrival Time***
See @[codepen](https://codepen.io/) by Bristi Bal-->[ArrivalTime](https://codepen.io/bristi123/pen/vJaGgg)


```html
<html>
<body>
<table border="1">
<tr><th>Source</th><th>Destination</th><th>Arrival Time</th></tr>
<tr><td>Ranchi</td><td>Howrah</td><td>3:00</td></tr>
</table>
</body>
</html>
```
***Thank You page***
See @[codepen](https://codepen.io/) by Bristi Bal-->[Thank you](https://codepen.io/bristi123/pen/ZJjWOP)

```html
<!DOCTYPE>
<html>
<head>
<title>cancel page</title>
<size="12">
</head>
<body>
<p>Thank You.</p>
</body>
</html>


```
***a simple login page:***
see @[codepen](https://codepen.io)by Bristi Bal-->[loginpage](https://codepen.io/bristi123/pen/BdPjgZ)

```html
<!DOCTYPE>
<html>
<body>
<label for ="email">Email-Id:<br/><input type="email" value""name="emailid"size="30"
placeholder="Enter a valid email address"><br/><br/>
<label for="password">Password:<br/><input type="text" value="" name="pswrd"size="30"
maxlength="10"placeholder="Enter a valid password" pattern="[0-9]{10}">
<button><a href="cancel.html">Cancel</a></button>
<button><a href="submit.html">Submit</a></button>
<br/><br/>
</body>
</html> 
```
***To Show Train schedule:***
see @[codepen](https://codepen.io)by Bristi Bal-->[Train schedule](https://codepen.io/bristi123/pen/QMBNwr)


```html
<!DOCTYPE>
<html>
<body>
<table border="1">
<tr><th>Train no.</th><th>Train name</th><th>Source</th><th>Destination</th></tr>
<tr><td><a href="18628.html"><18628/a></td>
<td>RcHw</td><td>Ranchi</td><td>Howrah</td></tr>
<tr><td><a href="18627.html"><18627/a></td>
<td>HwRc</td><td>Howrah</td><td>Ranchi</td></tr>
</table>
</body>
</html>
```