HTML tutorial - I

-

So guys let's start the very first post on HTML. This one is specially focused to beginner so if you have the normal knowledge on html then you dont need read this one. You can directly move on to my next tutorial after it's posted. Please follow me on facebook/instagram to get updated with my newer posts. If you need to contact me please visit my page here and fill contact form.
HTML is a markup language that is used in webpage development. Use of HTML can only be used in development of static webpage. If a developer wants to develop and design dynamic and interactive webpage he/she needs to learn other scripting languages like js, php, css, jquery and so on. I will be uploading tutorials about them in my other post. 

HTML is normally a english language and in this tutorial we will just learn how to make a first page on html. So the method of writing html code is shown below.
  • Open any text editor in your pc.Some common text editors are notepad, notepad++, sublime and so on. Please be informed that msword is a document editor. So this cant be used to write HTML codes
  • Write "<html>" and break the line and write "</html>"
  • Then write following code inside html tags
    • <head> <title>My First Page</title> </head>
  • Now open body tag using <body> and close it using </body>
  • All the contents goes inside the body tag.
The list of basic tags with their use is given in the table below:
SN Tags use
Closing tags
1. h1,h2..h6 -Used for heading.
-h1 for biggest heading and h6 for smallest heading		 yes
2. p -used for creating paragraph yes
3. i -writing italics text yes
4. u -writing underlined text yes
5. b -writing bold text yes
6. sub,sup,strike -writing formatted text yes
7. img -inserting image no

A normal html layout...
<html>
<head>
<title>Title of page</title>
</head>
<body>
<h1>My heading</h1>
<p>My paragraph</p>
<img src="" />
</body>
</html>.


Check this new video to learn html easily

Please smash the button below to keep updated with my newer blogs


Facebook Instagram Github Wordpress Twitter

Comments

Post a Comment

Popular posts from this blog

Frameset In HTML explained

-
Image
Coming up with the new blog, here we have a simple blog to explain about frameset and it's use. Hi learners. This is Maneesh with a new blog tutorial and explanation. As you guys know that we are learning HTML and we have learnt to open HTML, insert image, create a table, create a navbar and link a certain text to certain page. Today we are going to learn about the frameset tag.  Before starting our tutorial, there are certain things that you should know about frameset. Frameset tags are used link and display certain webpage in other page. It has both opening and a closing tag It has attribute "rows" to specify the height of every frame. "Cols" is used to specify the width of every frame. The frame tag is used inside frameset in order to display and link the pages The number of frame tag is equal to the number of rows in the frameset tag Here's one example:  <frameset rows="20%,80%"> <frame src="https://www.faceboo...
Read more

Inserting Image in HTML

-
Image
HTML PART II We have already discussed about HTML language and it's usage. As told before HTML is used to develop a static webpage. A static webpage is a page that contains text and image which cannot be changed according to the will of user. In explanation Pages made up of HTML will contain a image and text which a viewer without source code and access to admin page cannot change.  So guys we all need to insert image in our webpage but a beginner dont have any knowledge to it. Inserting text is very easy in html but for inserting image a developer needs to give a source of image. It uses the tag " Img "   and attribute " src ". For example if I will to insert a image i just write a tag as in the following line: <img src="source of image" /> In src="" I give the source of image (This may be either downloaded image or either from the online server..) For example lets make a situation that I am designing a webpage on html and...
Read more