Comments in a webpage, Html second tutorial, HTML tutorial,

Assalam o alaikum Friends how are you all?

I am here with next part of HTML. and hope you people Like our previous work.

Comments in a webpage.

when you are write some code in html text editor and you want to explain that chunk of code are you want to add  reminder with that code. but you people doesnt want to show that explanation/reminder text on your webpage For that  purpose HTML provide some spacial code with use of that spacial code your remarks not shown with your webpage. and stored in your Html notepad file.

That coding is below.

<!-- Navigation starts here -->

example: 

onlineComputercafe.blogspot.com <!-- Tutorials blog -->

The red text in between  <!-- and --> is the comments text.

Ok Friends this was the html tutorial hope you people like it. stay with us for next tutorial. you can contact me through email: computercafe92@gmail.com

Dear Readers if you have any query/question feel free to ask me via comment box given below. Also Follow us on social media site and share that post with your friends. - See more at: http://onlinecomputercafe.blogspot.com

MARK LINE ON A WEBPAGE, Html eightth tutorial, HTML tutorial,

Assalam o alaikum Friends how are you all?

how is going html. This is html eightth tutorial. hope you people like this tutorial. in prevoius tutorials we learn about text formatting now we are going to design our webpage.

MARK LINE ON A WEBPAGE:



   _______________________________________________________________________

Friends watch the line above. you can mark line like this every where on your webpage. it increases the beauty of your webpage. for Line you can use <hr> tag. this tag does not want closing tag. when you write this tag its draw a line on webpage. OK friends lets check the sub-codes of the <hr> tag.

Fixing the size of the line:

yes friends you can set manualy the size of the line. if you want to set the width of the line then you can use the below code.

<hr width="width size">

Example:

<hr width="15">

in the width field how much width you fix the line width will also the same. you can increase  or decrease the width size. remember that the size is count in pixels. friends you can also set the wisth in percent.

example:
<hr width="80%">

ok friends you can increase the height of the line or can make a box from a line.

For above example use below coding.

<hr size="100">
<hr size="Size">

OK Friends this was the html tutorial hope you people like it. stay with us for next tutorial. you can contact me through email: computercafe92@gmail.com

Dear Readers if you have any query/question feel free to ask me via comment box given below. Also Follow us on social media site and share that post with your friends. - See more at: http://onlinecomputercafe.blogspot.com

Html seventh tutorial, HTML tutorial,

Assalam o alaikum Friends. How are you all?
Friends our prevoius tutorial was about Formating. our this tutorial is about FONT Size and colors.

FONT SIZE:

Friends you can set any size of your Font. There are seven fix sizes of font in HTML. starts from one to seven. the smaller size is one and the bigger size is seven. For font size we can use FONT SIZE tag in the following format.

<font size="font size from 1 to 7">Text</font>
Example:
<font size="7">Onlinecomputercafe.blogspot.com</font>

Note: Friends you can change the font size this is the bigger size you can select smaller than seven.

FONT COLOR:

Font color means that you can set different colors of your text. in HTML there are uses color codes for font color. but you can change the font color by the name of that color. we use FONT COLOR tag in html.

Following is the format of font color.

<font color="color code or name">TEXT</font>
Example:
<font color="red">Onlinecomputercafe.blogspot.com</font>

Result:
Onlinecomputercafe.blogspot.com
Onlinecomputercafe.blogspot.com
Onlinecomputercafe.blogspot.com
Onlinecomputercafe.blogspot.com

ok Friends this was the html tutorial hope you people like it. stay with us for next tutorial.

Dear Readers if you have any query/question feel free to ask me via comment box given below. Also Follow us on social media site and share that post with your friends. - See more at: http://onlinecomputercafe.blogspot.com

Subscript and Superscript, Html sixth tutorial, HTML tutorial,

Assalam o alaikum Friends. How are you all?
our this tutorial is about Subscript and Superscript.

Subscript and Superscript:

Friends when you want to write 2 to power 3 or water formula then you have to use Subscript and Superscript.

Subscript:

Subscript are those values in which the power is below the text. below is HTML coding.

Text or value<SUB> Subtext or Value </SUB> Text or Value
H<SUB>2</SUB>O

Superscript:
Superscript are those values in which the power is up the text. below is HTML coding.

Text or value<SUP> Supertext or Value </SUP> Text or Value
H<SUP>2</SUP>O

Blockquote: 

If you want to show a quote on your webpage then use this blockquote tag is show clearly your quote.

Example:
<BLOCKQUOTE>This is Quote</BLOCKQUOTE>

DEL:

If you write some text wrong in your webpage and you want to correct that text and write again correct text. For this work use DEL tag.

Example:
<DEL>Wrong text</DEL>Correct text
<DEL>computercafe</DEL>onlinecomputercafe

When you write this code in your notepad and check the result you see the computercafe cutted with a line and then onlinecomputercafe so here computercafe is wrong text and onlinecomputercafe is correct text.

ADDRESS:

If we want to write address in our webpage. we can use ADDRESS TAG in HTML. it solve our problem to set the format of text.

Example:
<ADDRESS> YOUR ADDRESS</ADDRESS>
<ADDRESS> Lahore pakistan.</ADDRESS>

Ok friends this is tutorial about formating. i hope you people like it. our next tutorial is about FONT.

Dear Readers if you have any query/question feel free to ask me via comment box given below. Also Follow us on social media site and share that post with your friends. - See more at: http://onlinecomputercafe.blogspot.com

Tag attributes, Html Fifth tutorial, HTML tutorial,

Assalam o alaikum Friends How are you?

Friends our Fifth tutorial is about Tag Attributes. Tag Attributes is very important for webpage designing. To use tag attributes you can set your text in center, left or in right of your webpage. 

General code of tag attribute is below: 
<tag attribute="value">Affected Text</tag>

Friends this is the general code o tag attributes. this format will be used in every attribute.

Ok Friends lets study about types and use of attributes.

Text in center of webpage?
To write text in center of webpage use center tag. The formula for that tag is:
<p align="center">Centered text</p>
<p align="center">onlinecomputercafe.blogspot.com</p>

In this code p align define paragraph alignment and tells to the HTML Code that you want to align the text. In this code center tells to the HTML Code that you want to align the text in center. In this code center text tells to the HTML Code that you want this text to align in center.

Text in Right of webpage?
To write text in right of webpage use right tag. The formula for that tag is:
<p align="right">Rightsided text</p>
<p align="right">onlinecomputercafe.blogspot.com</p>

In this code p align define paragraph alignment and tells to the HTML Code that you want to align the text. In this code right tells to the HTML Code that you want to align the text in right side. In this code Rightsided text tells to the HTML Code that you want this text to align in right side.

Text in Left of webpage?
To write text in Left of webpage use Left tag. The formula for that tag is:
<p align="left">Leftsided text</p>
<p align="left">onlinecomputercafe.blogspot.com</p>

In this code p align define paragraph alignment and tells to the HTML Code that you want to align the text. In this code left tells to the HTML Code that you want to align the text in left side. In this code Leftsided text tells to the HTML Code that you want this text to align in left side.

Ok Friends its enough for Fourth Tutorial. in next tutorial we discuss Fonts. for more tutorials onlinecomputercafe.blogspot.com

Dear Readers if you have any query/question feel free to ask me via comment box given below. Also Follow us on social media site and share that post with your friends. - See more at: http://onlinecomputercafe.blogspot.com

paragraph and attributes, Html Fourth tutorial, HTML tutorial,

Assalam o alaikum Friends how are you?
Welcome in HTML Fourth Tutorial. This is very important tutorial.

Starting a new paragraph?

If you have a lot of text in one webpage and you want to manage it in some paragraphs then use for each paragraph <p> tag. <p> is opening tag for a paragraph and closing tag is </p>.

Example
<p> this is paragrahp1.this is paragrahp1.this is paragrahp1.this is paragrahp1.this is paragrahp1.this is paragrahp1.this is paragrahp1.this is paragrahp1.this is paragrahp1.this is paragrahp1.this is paragrahp1.</p>
<p> this is paragrahp2.this is paragrahp2.this is paragrahp2.this is paragrahp2.this is paragrahp2.this is paragrahp2.this is paragrahp2.this is paragrahp2.this is paragrahp2.this is paragrahp2.this is paragrahp2.</p>

Starting new Line?

For starting new Line there is a tag which is used on pressing enter new line does not start. The tag for starting new Line is <br> and there is no closing tag for this tag.

Example:
This is line 1 <br> This is line 2

Reselt:
This is line 1
This is line 2

Heading Tags?
Heading is most important part of webpage. When we want to write an article first we write heading. There are six types of headings in HTML. which are below
<h1><h2><h3><h4><h5><h6>
and there are closing tags for each of it.
</h1></h2></h3></h4></h5></h6>

Example:
<h1>onlinecomputercafe.blogspot.com</h1>
<h2>onlinecomputercafe.blogspot.com</h2>
<h3>onlinecomputercafe.blogspot.com</h3>
<h4>onlinecomputercafe.blogspot.com</h4>
<h5>onlinecomputercafe.blogspot.com</h5>
<h6>onlinecomputercafe.blogspot.com</h6>

Result:
onlinecomputercafe.blogspot.com
onlinecomputercafe.blogspot.com
onlinecomputercafe.blogspot.com
onlinecomputercafe.blogspot.com
onlinecomputercafe.blogspot.com

Dear Readers if you have any query/question feel free to ask me via comment box given below. Also Follow us on social media site and share that post with your friends. - See more at: http://onlinecomputercafe.blogspot.com

Fonts styles and attributes, Html third tutorial, HTML tutorial,

Assalam o alaikum Friends Welcome in HTML third tutorial. 

Note : Dear Readers if you have any query/question feel free to ask me via comment box given below. Also Follow us on social media site and share that post with your friends.

In this tutorial i am going to told you about text styles.

How to Underline Text?

This tag is very important when you have to show some important text clearly in a paragraph then you underline that part of text.

<U> is tag for underlining. and closing tag is </U>.

Example:
<body>
Welcome on <u>onlinecomputercafe</u>.blogspot.com
</body>

It shows the below result.
Welcome on onlinecomputercafe.blogspot.com

Note: Always remember on which text you want to apply changes write that text in between the opening and closing tags.

How to Write text in Typewriter Form?

If you want to write the text in typewriter form then you have to use <tt> tag. closing tag is </tt>

<body>
Welcome on <tt>onlinecomputercafe</tt>.blogspot.com
</body>

It shows the below result.
Welcome on onlinecomputercafe.blogspot.com

Note: Always remember on which text you want to apply changes write that text in between the opening and closing tags.

Ok Friends i think its enough for today see you in next tutorial. For more tutorials www.onlinecomputercafe.blogspot.com

Dear Readers if you have any query/question feel free to ask me via comment box given below. Also Follow us on social media site and share that post with your friends. - See more at: http://onlinecomputercafe.blogspot.com