Saturday, October 3, 2015

html beginner tutorial adding style

Assalam-o-alaikum

            how to add style in html

<html>
<title>
this is the title
</title>

<head>
<style>

body{color:red;font-size:80px; text-shadow:2px 2px yellow;background-color:black; }

</style>
</head>
<body>

my name is abdul wahab


<!-- if you want to apply some style like to change the background color or text color, text shadow and many thing you can change from the style you just have to put body{} and then enter the code for what you want to do with your body-->

</body>


</html> 

if i go ahead and run this so it will look like



So what we have done up here
1.put style tag in head portion start with<style>end with</style>
2.put the name of the thing you wanna apply a style to with flower braces like for the body put body{}
for the paragraph put 
p{}
for the h1 put h1{} and same as for the h2 ,3,4 etc..
3.give a spacific style in between flower braces..like for the text color put color:red; for the background put background-color ..etc.


So thank you for more information click on the link below and watch my videos tutorial



html beginner tutorial adding table

Assalam-o-alaikum


               how to put a table in html



<html>
<title>
</title>


<body>

<table>

<tr>

<td>1</td>
<td>2</td>

</tr>
</table>
</body>


</html>


if you run it will show like this



So the start tag for a table is <table>and the end  tag is</table>

tr mean table row 
a horizental line in a table is call table row
so the start tag for the table row is <tr> and the end tag is</tr>


td mean table data which express table coloum

a vertical line in a table is called table column

So the start tag of table data is <td> and it ends with</td>

i hope you found this more useful



To watch description about this click me

html begginner tutorial adding header text

     how to put a header in html programming

<html>
<title>
</title>

<body>
<!-- there are six different type of head text like h1,h2,h3,h4,h5,h6
you can use them in html programming.so in this tutorial we'll use all of them  -->

<h1> this is head 1 and the text of this is the biggest than the other</h1>
<h2>this is head 2 the text of this a little smaller than the head 1</h2>
<h3>this is head 3 the text of this a little smaller than the head 2</h3>
<h4>this is head 4 the text of this a little smaller than the head 3</h4>

 <body>



</html>




For further information watch my html tutorial

html begginner tutorial adding text format ..italic bold deleted mark super emphasize

   how to put specific style to a text individually


<html>
<title>
</title>

<body>

<p>
<i>italic text</i>
<em>emphasize text</em>
<strong>bold text</strong>
<sup>super</sup>
<small>small text</small>
<mark> mark text</mark>
<del> deleted text symbol</del>

</p>


<body>

</html>



there are bunch of more different text format use in html programming...so this is enough i think for today..



For further information check my channel

html begginner tutorial adding paragraph

             how to put paragraph in html


<html>
<title>
</title>


<body>
<p> So this is the paragraph now ...you can put many paragraph in a body how much you want
</p>


</body>


</html>

the paragraph tag starts with <p> and end with</p>


For further information this is the link to my channel

html beginner tutorial adding body in html


            how to put a body in html

<html>

<title>
</title>
<body>

this is the body tag what ever you put here will show on your website

</body>

</html>


So the body tag starts with<body> and end with</body>




html programming adding comment


                  how to put a comment in html programming



<title>
this is the title
</title>



<body>
<!-- this is a comment in a body you can put
comment any where you want in your website and only you will be able to see them..and this is now a multiple lines comment-->


//   and this is only one line comment ..if you will change the line it'll display then into your website..

</body>

</html>

there are two types of comment ..the first one called one line comment which can be start with these symbols // two forward slash ..
and the second one is called many line there are a head and a tail of this comment

the head starts with these symbols <!-- and end with --> so you can put any word in between them..and they are not gonna show in your website..you can see them only..




Friday, October 2, 2015

html programming adding break to a line

how to break a line in html


<html>
<title>
</title>
<body>


<p>this is gonna be a paragraph</br>
and in this paragraph i want to create two line so for the line there is a special tag which can be </br>
written as</br>


</p>


</body >

</html>


So if you wanna break your line just put </br> at the end of your line

html biggenner tutorial adding title

how to put a title in html 



<html>

<title>
these are title tags

</title>


</html>

title tag start with<title> and end with </title>