Showing posts with label basic html. Show all posts
Showing posts with label basic html. Show all posts

Sunday, December 27, 2015

HTML Tag

An HTML tag is composed of the name of the element, surrounded by angle brackets. An end tag also has a slash after the opening angle bracket, to distinguish it from the start tag. (wikipedia). 
example
HTML tag could be :
<openingTag> </closingTag>
<openingandclosingTag />

here some HTML tag with its description
<HTML> </HTML> = it is an element to define HTML document
example of use
<HTML>
.
..
....
.....
</HTML>

<HEAD> </HEAD> = it is an element to define document title, styles, links, scripts, and other meta information.
example of use
<HTML>
 <HEAD>
 ..links
 ....metadata
 ..... title
 </HEAD>

</HTML>
 .
<BODY> </BODY> = it is an element that contains all the contents of an HTML document, such as text, hyperlinks, images, tables, lists etc.
example of use

<HTML>
 <HEAD>
 ..links
 ....metadata
 ..... title
 </HEAD>
 <BODY>
 ..texts
 ...images
 .....list
 ......hyperlinks
 </BODY>

</HTML>
0

How to Create HTML basic page

This short tutorial will make you an instant web developer. 
HTML stand for Hyper Text Markup Language. The markup tells the Web browser how to display a Web page's words and images for the user.
let's start from scratch

Requirements :
1. Make sure you have installed browser (Internet Explorer, Google Chrome, Safari, Firefox etc)
2. Notepad (pre-installed program on windows) 

Steps :
1. Open Notepad (how to open Notepad?)
2. Type some basic HTML tag to show on browser : (what is HTML Tag?) what is HTML Tag?

<HTML>
 <HEAD>
  <TITLE>Your Informatics My Title</TITLE>
 </HEAD>

 <BODY>
 This content will be displayed on your browser 
 </BODY>

</HTML>

3. Now save your work with Ctrl+S or click File->Save
4. Type your HTML file name with myweb.html, or just named it as you desire.


5. Your new webpage is ready. Right click on your new HTML->open with->choose your browser

6. Your webpage should be shown like this

your webpage not shown like that? you may have some problem here. some problem here

That's IT!

0