Showing posts with label Web. Show all posts
Showing posts with label Web. Show all posts

Sunday, March 22, 2015

0 HTML Table Create Example.

Hello Viewer, 

In This tutorial i representation the How to create HTML table example. This Content is very easy way only way for Viewer . Table create is a very informant thinks of each of every one knowing for web design and developers. Table create this themes on some row and some columns. This row row and columns on meddle square box name for sell. This is sell used for any options. Viewers no problems on learn for lesson. This lesson I representation of Step By Step. I am no longer of my told. So lets go of this content tutorials. So lets done………………

1,  Open Your Editor Practical try on this code.

2, Apply those code your Works.

3, Table Create Codes---------------------



<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="basic html" />
<title>This is Table Title</title>
</head>

<body>
<table border="2" width="500" height="30" align="center">
            <tr>
            <th>Name</th>
        <th>Roll No</th>
        <th>English</th>
        <th>Math</th>
        <th>Economic</th>
    </tr>
    <tr>
            <td align="center">test 1</td>
        <td>01</td>
        <td>85</td>
        <td>95</td>
        <td>88</td>
    </tr>
   
   
    <tr>
            <td align="center">test 2</td>
        <td>02</td>
        <td>85</td>
        <td>65</td>
        <td>75</td>
    </tr>
   
   
    <tr>
            <td align="center">test 3</td>
        <td>03</td>
        <td>45</td>
        <td>85</td>
        <td>80</td>
    </tr>
   
   
    <tr>
            <td align="center">test 4</td>
        <td>04</td>
        <td>61</td>
        <td>78</td>
        <td>88</td>
    </tr>
   
   
    <tr>
            <td align="center">test 5</td>
        <td>05</td>
        <td>66</td>
        <td>95</td>
        <td>75</td>
    </tr>


</table>
</body>
</html>      

4. This Tutorials Preview Here.

4. That’s done its. In this tutorials is The End.

So Viewer that's it. This tutorial is very long. By By see you next post , please take care your body language and mind . just one more thinks remember thats.

Remember  All  Time :-
[Information, knowledge and technology together to get up towards the tune.] 



Published By:
Chum Anwar Mahmud
on 3/22/2015 11:23:00 PM

Read More ...

Thursday, March 19, 2015

0 HTML Styles Tag Attribute Example .

Hello Viewers,
 How are you . I also believed your mind pleaser very fine and goods. I appearance  to HTML  Styles Tag Attribute Example. I believed my instruction follow and apply your work so that a funny lesson. Just follow My instruction step by step . lets go done get its simple. Both Tag understand to this code . Your editor just apply and preview just bring its. Viewer no longer my told just work done.


1. This step follow the Instruction - style="property : value"   

2.This code here -


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="basic html" />
<title>This is Table Title</title>
</head>

 <body>

 <table>

 <!--HTML style-->

 <h2 style="color:green";>This is Green Color</h2>
<h2 style="color:red";>This is Red Color</h2>

 <!--HTML Text Color styling-->

 <h1 style="color:green">This is a Heading Title.</h1>
<p style="color:violet">This is a Paragraph Title.</p>

 <!--HTML Fonts styling-->

 <h1 style="font-family:Times New Roman,">This is a Heading Font Title.</h1>
<p style="font-family:Arial Black">This is a Paragraph Font Title.</p>

 <!--HTML Text Size styling-->

 <h1 style="font-size:350%">This is a Heading Font-Size Title</h1>
<p style="font-size:200%">This is a Paragraph Font-Size Title.</p>

 <!--HTML Text Alignment styling-->

 <h1 style="text-align:center">Center Heading Title.</h1>
<h1 style="text-align:left">Center Heading Title.</h1>
<h1 style="text-align:right">Center Heading Title.</h1>
<h1 style="text-align:justify">Center Heading Title.</h1>
<h1 style="text-align:start">Center Heading Title.</h1>
<p style="text-align:center">This is a Paragraph Title.</p>
<p style="text-align:left">This is a Paragraph Title.</p>
<p style="text-align:right">This is a Paragraph Title.</p>
<p style="text-align:justify">This is a Paragraph Title.</p>
<p style="text-align:start">This is a Paragraph Title.</p>
</body>
</html>

 3. This work Preview 


Viewers My headline relented post the END. So,  I am happy this code apply your work .Fruition of to  my  Tutorials . Viewer done this tutorials . See you next Tutorials . Take care your Body and Mind pleaser . good By.

[N.B : Stay with the information and knowledge wherever they stay on course with the update.]


     

Published By:
Chum Anwar Mahmud
on 3/19/2015 12:02:00 AM

Read More ...

Tuesday, March 17, 2015

0 HTML Paragraphs Tag And Pre Tag Example.

Hello Viewer,
How are you . I also believed your mind pleaser very fine and goods. I appearance  to HTML Paragraphs  Tag And Pre Tag  example. It is very simple work in the HTML. Follow my instruction an step by step you learn for this and others tutorials . Number one point open the your editor and follow the code. Type your editor HTML formal Tag. 

Instruction 1:
<p> ------- P tag Meaning Paragraphs Rule write latter.
<pre> ---- Pre tag Meaning Equally Rules Write.

Instruction 2:
Firstly HTML all code step by step write your editor and save check Browser Preview .

Instruction 3:
 Then apply the CSS code. CSS meaning Cascading Style Sheet. CSS code used .
<head>
CSS code Used.
</head>


HTML Paragraphs Tag And Pre Tag Codes.

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="basic html" />
<title>This is Page Title </title>
<style type="text/css">
body{background: violet;}
p{color: green;}
p{font-size: 20px}
pre{color: blue;}
pre{font-size: 20px}
</style>
</head>
<body>
<p>This is a First paragraph Style</p>

<p>This is a Second paragraph Style</p>

<p>
This paragraph
contains is Just Test
Practice Season Number 1 .
</p>

<p>
This paragraph
contains is Just Test
Practice Season Number 2 .
</p>

<pre>
  This is a Pre Style Number 1.

  This is a Pre Style Number 2.

  This is a Pre Style Number 3.

  This is a Pre Style Number 4.

  This is a Pre Style Number 5.
</pre>
</body>
</html>

[N.B]  This color CSS code Color .



so viewer this is a  HTML Paragraphs Tag And Pre Tag . I happy this code apply your work .Fruition of to  my  Tutorials . Viewer done this tutorials . See you next Tutorials . Take care your Body and Mind pleaser . good By.

[N.B : Stay with the information and knowledge wherever they stay on course with the update.]

Published By:
Chum Anwar Mahmud
on 3/17/2015 07:00:00 PM

Read More ...

0 HTML Header Tag Example .

Hello Viewer , 
How are you . I also believed your mind pleaser very fine and goods. I appearance  to HTML header tag h1-h6 example. so viewer not told to longer thats doing the right works, so lats go...




<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="basic html" />
<title>This is Page Title </title>
<style type="text/css">
h1{color: red;}
h2{color: green;}
h3{color: black;}
h4{color: blue;}
h5{color: #6EEBFE;}
h6{color: gray;}

 </style>
</head>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
</body>
</html>

 This is work Output.











so viewer this is a HTML header (tag h1-h6). I happy this code apply your work .Fruition of to  my  Tutorials . Viewer done this tutorials . see you next post . take care your body and mind pleaser . good By.

 [N.B : Stay with the information and knowledge wherever they stay on course with the update.]


Published By:
Chum Anwar Mahmud
on 3/17/2015 02:55:00 AM

Read More ...

Monday, March 16, 2015

0 Web Design & Development Beginning Needed Everything we can to work .

Web development is the most powerful thinks of this world, so its very positive point of each and every others generation . Internet to do days  just web development same ways. Web development learn from few thinks . This thinks me step by step knowing otherwise told for every tools. so no talk to this its work and learn time just get its






1. Web development work learning of same Editor needed -

        a) Notepad.
        b) Notepad ++.
        c) Bracket.
        d) Sublime text.
        e) Adobe Dreamweaver cs6.
        e) PhpStorm.

I well saggiest for viewer beginner time only used of Bracket. This editor was very nice. Thats because this editor first tag start auto last tag complete. so beginner label this editor fine. Sublime Text editor same work them. Viewer Web Development work very first so you used Adobe Dreamweaver cs6. so viewer web PHP work start so   PhpStorm used , This Editor is best better so very very best editor of PHP . 

 2. Same Browser Needed -

       i. Mozilla Firefox.
      ii. Google Chrome
      iii. Internet Explorer
      iv. Safari Browser
      v. Maxthon Browser

I well saggiest for viewer Web Design And Development best Browser is Mozilla Firefox and Google Chrome. then first time Three  thinks follow away .

   #1. instrol Mozilla Firefox.
   #2. Add the FireBug
   #3. Developer Tools

So Viewer that's it. This tutorial is very long. By By see you next post , please take care your body language and mind . just one more thinks remember thats.


[N.B : Stay with the information and knowledge wherever they stay on course with the update.]  

Published By:
Chum Anwar Mahmud
on 3/16/2015 04:02:00 AM

Read More ...
Next Page Home
Subscribe to: Posts (Atom)
Top