ICT 100%


What is HTML (Hyper Text Markup Language)?

Web browser reads HTML which is just a text file filled with tags, html is not a programming language and the tags are just words or individual characters and angle brackets to tell the browser what text needs emphasis, what is a paragraph, where to get images, how to take a visitor to another page if they should click on the tag. Therefore, HTML is considered as a standard markup language for creating web pages as well as web applications. There about 90 total tags but for the most part you’re only going to use about 23 tags and to start off any HTML document you have to define what version of HTML you’re using.

HTML Elements

All HTML documents contain HTML pairs of tags html opening and closing tags These tags identify the document contents as HTML to the browser. HTML documents are structured into two parts HEAD and BODY and both of these are contained within HTML tags. Head contains information about the document that is not genuinely displayed such as its title. Meta and link elements all are contained in the head section. Meta tag the character encoding tells the web browser which characters the web page uses.



<!DOCTYPE HTML> <!--www.ict100.com--> <html> <head> <title>Example of HTML file structure with tags</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name ="description" content ="Sample"> <meta name="keywords" content=""> <link rel="test" href="#" type="text/css"> <link rel="shortcut icon" href="images/favicon.ico?v=2" type="image/x-icon" /> </head>

HTML Elements

All HTML documents contain HTML pairs of tags html opening and closing tags These tags identify the document contents as HTML to the browser. HTML documents are structured into two parts HEAD and BODY and both of these are contained within HTML tags. Head contains information about the document that is not genuinely displayed such as its title. Meta and link elements all are contained in the head section. Meta tag the character encoding tells the web browser which characters the web page uses.

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

Within our head we can add links to link our stylesheets and JavaScript’s files

How to link external stylesheet file

Within current directory of your css

<link rel="stylesheet" type="text/css" href="./styles.css" />

How to link external javascript file

<script type = "text/javascript" src = "./js.js"></script> <body> <div id="wrapper"> <div id="maincontent"> <div id="header"> <div id="logo" class="left"> <!--www.ict100.com--> <a href="#"><img src="#logohere" alt="www.ict100.com"/></a> </div> <div class="right xx"> <b> <a href="#" >Login</a> |<a href="#" >Our Members</a> |<a href="#" >Buy</a> </b> </div> <!--www.ict100.com--> <ul class="topmenu"> <li><a href="#">About you</a></li> <li><a href="#">yourservice</a></li> <li><a href="#">location</a></li> <li><a href="#">ContactMe</a></li> </ul> <br> <div class="banner"><p></p></div> <br class="clear"/> </div> <div class="content"> <!--put your content here--> </div> </body> <div id="footer"> <div class="footer"> <a href="#">AboutYOU</a>|<a href="">user1</a>|<a href="#">xx </a>|<a href="#">xx</a><br/> <span class="contact">Tel: 00 &nbsp; Fax: 00&nbsp; Email:us@ict100%.com</span> <!--www.ict100.com--> </div> </div> </div> </body> </html>