Way to write php script

At first need to a notpad or html file then change the extension .php. Then it will be php file. Then we are ready to work with php script or coding.
At first show to php script starting
<?php -- strating

All kind of text and code or script here.

?> -- ending

We see a example,

<?php
<h1>Softandweb</h1>
echo "Hello world"
?>

we see browser through local host :
 Then we will see browsers like

Softandweb

Hello world

What is web server?

PHP is a server scripting language. It's need for run web server. Mainly php mostly work with run together. But most valuable and popular server name Apache . Also php work with Microsoft corporation ISS server. But I think most popular server name is Apache. We can practices with Apache server. Also it's easy to use. You can download Apache server and then use it download this Apache main website. Download

What is php?

PPH is a programming language that used for web development. At first it's made personal homepage as some macro. That's why this name is (Personal Home Page). Later change name and add vast features. At this moment it's a programing language. This way to easy make dynamic website. PHP abbreviation (Hypertext Preprocessor).

Background image position pixel.

<html>
<head>
<style type="text/css">
body
{
background-image: url('people.gif');
background-repeat: no-repeat;
background-attachment:fixed;
background-position: 50px 100px;
}
</style>
</head>

<body>
<p><b>Note:</b> For this to work in Firefox and Opera, the background-attachment property must be set to "fixed".</p>
</body>
</html>

Result

 

Background image only vertically using

<html>
<head>
<style type="text/css">
body
{
background-image:url('people.gif');
background-repeat:repeat-y;
}
</style>
</head>

<body>
<h1>repeat-y will repeat a background image only vertically.</h1>
</body>
</html>

Result:

Html border color

<html>
<head>
<style type="text/css">
p.one
{
border-style:solid;
border-color:red;
}
p.two
{
border-style:solid;
border-color:#98bf21;
}
</style>
</head>
<body>

Result:

Css Background color using

<html>

<head>
<style type="text/css">
body
{
background-color:yellow;
}
h1
{
background-color:#00ff00;
}
p
{
background-color:rgb(255,0,255);
}
</style>
</head>

<body>
<h1>This is heading 1</h1>
<p>This is a paragraph.</p>
</body>

</html>

Result:

Css align positioning

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
body
{
margin:0;
padding:0;
}
.container
{
position:relative;
width:100%
}
.right
{
position:absolute;
right:0px;
width:300px;
background-color:#b0e0e6;
}
</style>
</head>
<body>
<div class="container">
<div class="right">
<p><b>Note: </b>When aligning using the position property, always include the !DOCTYPE declaration! If missing, it can produce strange results in IE browsers.</p>
</div>
</div>

</body>
</html>

Result:

Css using align-float-compatibility

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
body
{
margin:0;
padding:0;
}
.right
{
float:right;
width:300px;
background-color:#b0e0e6;
}
</style>
</head>
<body>
<div class="right">
<p><b>Note: </b>When aligning using the float property, always include the !DOCTYPE declaration! If missing, it can produce strange results in IE browsers.</p>
</div>
</body>
</html>

Result

 

Css using align float

<html>
<head>
<style type="text/css">
.right
{
float:right;
width:300px;
background-color:#b0e0e6;
}
</style>
</head>

<body>
<div class="right">
<p>Rice is normally grown as an annual plant, although in tropical areas it can survive as a perennial and can produce a ratoon crop for up to 20 years.</p>
<p>The rice plant can grow to 1–1.8 m tall, occasionally more depending on the variety and soil fertility.</p>
</div>
</body>
</html>

Result

Css using align-center-compatibility

<html>
<head>
<style type="text/css">
.container
{
text-align:center;
}
.center
{
margin-left:auto;
margin-right:auto;
width:70%;
background-color:#b0e0e6;
text-align:left;
}
</style>
</head>

<body>
<div class="container">
<div class="center">
<p>Rice is normally grown as an annual plant, although in tropical areas it can survive as a perennial and can produce a ratoon crop for up to 20 years.</p>
<p>The rice plant can grow to 1–1.8 m tall, occasionally more depending on the variety and soil fertility.</p>
</div>
</div>
</body>
</html>

Result

How to use align center?

<html>
<head>
<style type="text/css">
.center
{
margin:auto;
width:70%;
background-color:#b0e0e6;
}
</style>
</head>

<body>
<div class="center">
<p>Rice is normally grown as an annual plant, although in tropical areas it can survive as a perennial and can produce a ratoon crop for up to 20 years.</p>
<p>The rice plant can grow to 1–1.8 m tall, occasionally more depending on the variety and soil fertility.</p>
</div>
<p><b>Note: </b>Using margin:auto will not work in Internet Explorer. See the next step in the tutorial for a crossbrowser fix.</p>
</body>
</html>

Result:

Image insert html tag

<html>
<body>

<p>
An Ocean image:
<img src="ocean.jpg" width="415" height="332">
</p>

<p>
A moving image:
<img src="hackanm.gif" width="48" height="48">
</p>

<p>
Note that the syntax of inserting a moving image is no different from that of a non-moving image.
</p>

</body>
</html>

Html link tag

<html>
<body>

<a href="http://www.systechdigital.com">This is a link</a>

</body>
</html>

How to html link make?

<html>
<body>

<p>
<a href="test_style_lastpage.html">
This text</a> is a link to a page on
this Web site.
</p>

<p>
<a href="http://www.google.com/">
This text</a> is a link to a page on
the World Wide Web.
</p>

</body>
</html>

Results:

This text is a link to a page on this Web site.
This text is a link to a page on the World Wide Web.

Link target use

<html>
<body>

<a href="test_style_lastpage.html" target="_blank">Last Page</a>

<p>
If you set the target attribute of a link to "_blank",
the link will open in a new window.
</p>

<p>
<a href="http://www.yahoo.com/" target="_blank">
This text</a> is a link to a page on
the World Wide Web.
</p>

</body>
</html>

How to use link jump page?

<html>
<body>

<p>
<a href="#C4">See also Chapter 4.</a>
</p>

<h2><a name="C1">Chapter 1</a></h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 2</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 3</h2>
<p>This chapter explains ba bla bla</p>

<h2><a name="C4">Chapter 4</a></h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 5</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 6</h2>
<p>This chapter explains ba bla bla</p>

<p>
<a href="#C1">Go to Top</a>
</p>

<h2>Chapter 7</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 8</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 9</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 10</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 11</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 12</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 13</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 14</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 15</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 16</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 17</h2>
<p>This chapter explains ba bla bla</p>

</body>
</html>

How to use mailto html?

<html>
<body>
<p>
This is a mail link:
<a href="mailto:admin@systechdigital.com">
Send Mail</a>
</p>
</body>
</html>

How to nested list use html?

<html>
<body>

<h4>A nested List:</h4>
<ul>
  <li>Coffee</li>
  <li>Tea
    <ul>
    <li>Black tea</li>
    <li>Green tea
      <ul>
      <li>China</li>
      <li>Africa</li>
      </ul>
    </li>
    </ul>
  </li>
  <li>Milk</li>
</ul>

</body>
</html>

Results:

A nested List:

• Coffee
• Tea
  • Black tea
  • Green tea
    • China
    • Africa
• Milk

Html ordered list

<html>
<body>

<h4>Numbered list:</h4>
<ol>
 <li>Apples</li>
 <li>Bananas</li>
 <li>Lemons</li>
 <li>Oranges</li>
</ol> 

<h4>Letters list:</h4>
<ol type="A">
 <li>Apples</li>
 <li>Bananas</li>
 <li>Lemons</li>
 <li>Oranges</li>
</ol> 

<h4>Lowercase letters list:</h4>
<ol type="a">
 <li>Apples</li>
 <li>Bananas</li>
 <li>Lemons</li>
 <li>Oranges</li>
</ol> 

<h4>Roman numbers list:</h4>
<ol type="I">
 <li>Apples</li>
 <li>Bananas</li>
 <li>Lemons</li>
 <li>Oranges</li>
</ol> 

<h4>Lowercase Roman numbers list:</h4>
<ol type="i">
 <li>Apples</li>
 <li>Bananas</li>
 <li>Lemons</li>
 <li>Oranges</li>
</ol> 

</body>

</html>

Results:

Numbered list:

1. Apples
2. Bananas
3. Lemons
4. Oranges

Letters list:

1. Apples
2. Bananas
3. Lemons
4. Oranges

Lowercase letters list:

1. Apples
2. Bananas
3. Lemons
4. Oranges

Roman numbers list:

1. Apples
2. Bananas
3. Lemons
4. Oranges

Lowercase Roman numbers list:

1. Apples
2. Bananas
3. Lemons
4. Oranges