DEV Community

bristi
bristi

Posted on

Hyper text markup language(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 and intriduce content into pages directly.Others such as

...

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 by Bristi Bal-->Arrival Time


<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>
Enter fullscreen mode Exit fullscreen mode

Arrival Time
See @codepen by Bristi Bal-->ArrivalTime

<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>
Enter fullscreen mode Exit fullscreen mode

Thank You page
See @codepen by Bristi Bal-->Thank you

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


Enter fullscreen mode Exit fullscreen mode

a simple login page:
see @codepenby Bristi Bal-->loginpage

<!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> 
Enter fullscreen mode Exit fullscreen mode

To Show Train schedule:
see @codepenby Bristi Bal-->Train schedule

<!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>
Enter fullscreen mode Exit fullscreen mode

Top comments (0)