Saturday, July 14, 2018

1) Downloading text editor





Hello everybody, welcome to our website..,

This is the first tutorial which includes How to download text editor.

Why text editor?

Just because, there is no need for you to use professional software as you can simply use notepad or you can say notepad++.

In this video, you will get to know which text editor you can use, how you can use that for our learning i.e, HTML or XHTML

Actually, we are learning free right?

So we require simple and easy to use software which is easily used by anyone.

And that software is notepad which is inbuilt in your computer but Notepad is not very much useful just because you cannot predict where your tags end or where your tags open.

So we recommend you to use Notepad++ and a great news is: Notepad++ is also free and open source software you can easily download form internet.

So just, see the video and you will get it how to download Notepad++, How to use it exactly etc.

2) Basic introduction of HTML





Hello everybody, welcome to our website.

This is our second tutorial of html and it includes about information about what is HTML and what does it includes.

For learning HTML, you need to learn about it basic and that’s why we have brought this video for you.

In this tutorial you will get to know what does each (no each.., but majorly used) tags mean and that’s why you need to know about it.

So, just see the video and you will get to know about it.

3) Creating our first webpage





Hello everybody, welcome to our website..,

This is our third tutorial of HTML which includes how to create our first webpage.

This is very basic video which gives you some basic understanding of how to make a simple webpage by using HTML tags.

In this video you will get to know very basic understanding of HTML tags and how to save it with which extension and how to open it in browser..etc you get to know here.

Just see the video and you will know about it.

4) Meta tags in html





Hello everybody, welcome to our website..,

This is our fourth tutorial of HTML which includes basic information about Meta tags.

In this tutorial you will get to know about how you can add keywords for search engines to be able to find our web pages on internet. You will also learn how to automatically refresh pages and how to redirect users to other site after given amount of time.

What is Meta tag, where it is placed, how it is useful, for what it is useful is very important to know when making our website by html.

So that’s why we have brought this video for you guys.

5) Headings tags in html





Hello everybody, welcome to our website..,

This is our fifth HTML tutorial which includes basic understanding of Headings.

In this tutorial, you will get to know about types of headings..,

There are total six headings and when to use these headings and where to use which headings is very important to know.

Suppose, you want to make a header and you don’t want to apply any styles to it.., at that time this already styled tags which is called heading tag is used.

Or, to differentiate one heading from other, these tags are used.

6) Paragraphs and line breaks





Hello everybody, welcome to our website..,

This is our sixth HTML tutorial which includes how to add paragraphs and line break in a html page/ webpage.

When making a professional websites like: Magazine website, NEWS website, you need to add paragraph which you do by using paragraph tag i.e, <p>


And after making paragraph, if you want to give a line break, you need to use line break tag i.e, <br/>


Hence, to understand it properly, just see the video and you will get it.

7) The center tag and Non-breaking spaces





Hello everybody, welcome to our website..,

This is our seventh HTML tutorial which includes how to apply center tag and how to apply space in sentences.

When you give an attractive heading to your work, you would give it header in center right?

But exactly, how would you apply the center tag?

For center tag: <center> is used

But when it comes to space, you can never apply space to your work by giving space in html document.., but if you want to apply space then you need to use one tag/ word:   this tag is used for giving space between two words or sentence. 

8) Pre tag and horizontal rule





Hello everybody, welcome to our website..,

This is our seventh HTML tutorial which includes how to apply 'pre' tag..,

Actually, what is 'pre' tag used for?

When you want to write a poem, you would prefer to give stanza but it is not possible or very hardly possible to give stanza by just using <p>

So there is one more tag used for giving stanza to your poem, so don’t worry, be hapy..!!! (just kidding..!!!)

Now what is horizontal rules..,

It is nothing but a horizontal line which separates you upper and lower work (i.e, paragraph or any data) 

The tag used for giving horizontal rule is: <hr/>

Just see the video, and you will get to know about this.

9) Bold, italic and underline text





Hello everybody, welcome to our website..,

This is our seventh HTML tutorial which includes how to make your text bold, Italic or underline. Or all: this text is bold, italic and underlined. If you want to create an attractive look of your webpage, you would prefer to give style to your text but it is applied in CSS which you will see in our CSS tutorials.

But still if you want to create such text, you can use this tags.

Just see the video ad you will get to know about tags.

10) SuperScript, SubScript





Hello everybody, welcome to our website..,

This is our seventh HTML tutorial which includes how to make text or number subscript and superscript.

Just like you have seen before: this is superscriptand this text is subscript right?

Similarly you can use superscript and subscript in html by using tags: <sup> for superscript and <sub> for subscript.

Just see the video, and you will get to know about how to make text superscript and subscript.   

11) The big and small tags





Hello everybody, welcome to our website..,

This is the eleventh HTML tutorial..,

In this video, you will get to know about what is big tags and small tags.

Means, if you want to not specify the exact value size of font/text.., and if you just want t make your text just small and/ just big.., you can in html.

Let me give you example so that you can understand it well:


This is the example of normal text
This is the example of big text
This is the example of small text

So, I hope you understand what I am talking about.

For more clarification, you should see the video.

12) The emphasize and strong tags





Hello everybody, welcome to our website..,

This is the twelfth tutorial which includes how to make a text emphasized and how to make a text strong.

Actually it is just similar to italic and bold.

Just a basic difference between these two things i.e, italic and emphasis is emphasis means the text is important and similarly it is applied for strong and bold text.

For better clarification, you must see the video because it is a fact that you can understand better with practical than theory.

13) Block Quote and Quote tags





Hello everybody, welcome to our website..,
This is our thirteenth tutorial of HTML which includes basic information regarding two important tags: Block Quote and Quote.

If you don’t know about what is quote then I must recommend you to visit our service on YourQuote which is having amazing quotes.

Or simply, quotes means any text written between “ ” or any text which is having depth meaning in brief lines and it is written in a way so that it can easily pulls your attention towards itself.

So how to make a block quote or simple quote is important for you to know..,

Just see the video ad you will get it. 

14) Comments in html





Hello everybody, welcome to our website.., This is our fourteenth tutorial of HTML and it includes information about how to write comments in html page/ webpage.

Do you know what Comment is?

Comment is just a text which is used to write in html page for suggesting something or to indicate any element’s importance etc..,

But it is not read by browsers.

Suppose you have created an element in html and you want to write additional information about that particular element.., at that time you just have one option and that is: use comment. There is no tag for showing comments in html..,

Comments are expressed in between: <!--This is a comment--> anything written between that symbols, is considered as comment by any browse.

For better clarification, just see the video and you will get it.

15) Font tag in html





Hello everybody, welcome to our website.., This is our fifteenth tutorial of HTML and it includes information about how to use font tag? If you want to decorate your font like: color, increase size.., etc you can do with this tag.

This is the example of changed color of text by using font tag and color property.

This is the example of increased font size of text by using font tag and size property.

Hey, you can also do it.., just see the whole video for better clarification. This video contains some extra information like what is property and how you can use that along with your tag.

Now, you are climbing the steps to advance levels so be careful and practice whatever you have learned till yet.

16) Inserting images


  

Hello everybody, welcome to our website.., This is our sixteenth tutorial of HTML which includes basic understanding of how to insert images in our html page/ webpage.

I think you have visited so many website where you might have found images in that right? Similarly you can add/ insert images in your html page or simply your webpage.

 The tag used for it is: <img> by using it, you can make any kind of website like: Picture website, Gallery, portfolio, Cards, everything. Not only that, but if you want to add a background image to your webpage, By using this tag, you can do that also. For better clarification, just see the video and you will get it.

17) External link



 

Hello everybody, welcome to our website.., This is our seventeenth tutorial of HTML which includes the basic understanding of how to add/ apply External link to your webpage. 

External link means.., there will be your simple text/word/sentence which is assigned a link and if you click that particular text/word/sentence, you will be directed to that particular link in your web browser. 

Let me give an example:
 This is a sentence, if you click on it you will be directed to our site because it is assigned a link of HTML.  Similarly, you can assign any external link to your webpage.., by using anchor tag which is expressed as: and in that, we have to write link. 

For better clarification, you must see the video.

18) Relative Linking





Hello everybody, welcome to our website.., This is our eighteenth tutorial of HTML and it includes how to add relative links to your html page.

 Do you know if you want to make your website/ webpage having number of pages.., at that time, it is difficult for you to directly go to your desired topic right?

 So, for making it easy, there is a special tag which is very easy to understand if you have understood how to add links to your html page. 

You just have to use href in anchor tag and name that’s it. For proper understanding you need to see the video.., and you will get it.

19) Embedding links under images





Hello everybody, welcome to our website.., This is our nineteenth tutorial of HTML and in this you will get to know about how to add links to images. 

You would say, “What is the need of learning it?”, but dear friend, you might have seen that most of the attractive website uses this technique. 

Hey click this left side image and you will be directed to our Home page of yags academy. Similarly, you can also do it by your own by using just tag with href before tag…, and that’s it.

20) Email Links





Hello everybody, welcome to our website.., This is our twentieth tutorial of HTML and here you will get to know about Email Links.


 Suppose if you want to email someone directly.., or in simple mean, if you want your audience to mail directly to your email without filling forms and all that…, at that time, you need to know about this. 

MTl Here you have to use one new tag/ name i.e, “mail to” after writing anchor tag. This is not widely used bu if you want something creative that no one has done, you should learn it. 

For better clarification, you just have to see the video and you will get it.

21) Ordered list





Hello everybody, welcome to our website.., This is our twenty first tutorial of html which includes how to make ordered list just like below:

  1. Abc 
  2. Def 
  3. Ghi 
  4. Jkl 

This is called ordered list and if you want to write it in your HTMl page, you need to understand about one tag:
    For better clarification, see the video and you will get it.

22) Unordered list






Hello everybody, welcome to our website…, This is our twenty second tutorial of HTML which includes how to make unordered list in html page. 

Here you will get to know about new tag:which simply means: unordered list. 

In most of every website, the navigation bar is composed of unordered list. Just see the below: 

  • ABC
  • DEF 
  • GHI 
  • JKL 

Just like that, you can make unordered list of your content in your html page and website. For better clarification, just see the video.

23) Definition list





Hello everybody, welcome to our website.., This is our twenty third tutorial of HTML which includes how to make definition list in html page.

 Before knowing about that, what does definition list means? 
Definition list means: you can write any term with its description is proper way. 

Let me give you example of it: 
ABC
     DEFGHIJKLDFHSH 
CBA
     JKSFSDJKFJKHXFGB 

Here, ABC is a term and the text below it is its description. You can write them in proper format by using Definition list tag. For understanding it, you should see the video.

24) Embedding audio in webpages


 Hello everybody, welcome to our website.., This is our twenty fourth tutorial of HTML and in this you will get to know about How to embed Audio in your webpage/html page. 



You might have visited those websites where you can play/listen songs online and you might have wondered how it works..!!

 Don’t worry, you will get it here.., say thanks to me..!!! (Just kidding…( () Here in this video, you will get to know about some new tags which is related to embedding audio files in html page. For better clarification, just see the video and you will get it.

25) Embedding video clips in webpage


 Hello everybody, welcome to our website.., This is our twenty fifth tutorial of HTML which includes basic understanding of how to embed any video in our webpage. 



You might have seen in people’s website, That there is a background video at the main page of site.., you can also add video in background if you know about this how to add video in html page/ webpage.

 Just like you have seen how to embed audio file in html page.., likewise, you can add video also.., with different formats. You just need is to understand which tags are used for it. 

For knowing it, just see the video and you will get to know about it.

26) Tables in html


Hello everybody, welcome to our website.., This is our twenty sixth tutorial of HTML in which you will get to know how to make tables in html. 



It is very easy to make tables in html but however it is very hard to understand how does exactly table tags work? Here you will know that.

27) Changing the background color in html


 Hello everybody, welcome to our website…, This is our twenty seventh tutorial and in this, you will get to know how to change background color in html. 



Hey, we all hate just simple text but if it is with proper formatting, we love it to read right? 

And hence, we thought to show you this video so that you can understand it properly and you can use it wherever you want.

 It has no limits.., just you have to do is to watch this video and learn how to apply that in html page.

 No, you will not use CSS here.., we will just showing you html so don’t worry.., When you will be able to grasp all html tags, you can move on next tutorial i.e, CSS Just see the video and you will get it. 

28) How to make form in html (part-1)


 Hello everybody, welcome to our website.., 

This is our twenty eighth tutorial of HTML and in this tutorial, you will get to know how to make forms in html page. 

This is part-1 of how to make forms and don’t take it lightly, it is very important to know about this if you want to make contact forms in html page/ webpage. 



There is a use of form tag which is for indicating that it is a form. In most of the websites, you will find contact us from, and that is made with this html
tag only (including CSS and all that).

 For better clarification, just see the video and you will get it. 

29) How to make form in html (part-2)





Hello everybody, welcome to our website.., 
This is our twenty nineth tutorial of HTML and in this tutorial, you will get to know how to make forms in html page. 

This is the second part of How to make form in html.
 In this video, you will get to know about how to add options and dropdown option for selecting any choice. 

You will also get to know how to add text-area which you might have seen in feedback part of form of any website. 

The advantage of using text area is that it is flexible with the text means, whatever amount of text you want to add, you can.., there is no limit for it. This is the last video of html tutorial and you should watch it.