Showing posts with label HTML. Show all posts

Wednesday, January 13, 2016

0 How to Simple HTML website layout

this code cope and your notepad ++ apply than practice . this a simple post of all viewers.

html coding

This is Page Title

Private and NHS Dentist

With a Smile

Dr. Chum Anwar Mahmud

Home

Service

Media

Others

About

Contact

This is Contain Title

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).

style coding

@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}

body{
font-family:Arial;
font-size:14px;
line-height:20px;
color:#808080;
background:url(images/pattern.jpg) repeat fixed
}
.fix{overflow:hidden;}
.Wrapper{
width:960px;
margin:50px auto;
display:block;
background:#fff;
}
.slider{
background:url(images/banner.jpg);
width:960px;
height:209px;
}
.slider_text{
margin-left: 165px;
margin-top: 60px;
color: #fff;
line-height: 35px;
}
.slider_text h1{
color: #74abb2;
font-size: 35px;
line-height: 40px;
}
.slider_text h2{
color: #1e70c2;
font-size: 25px;
line-height: 35px;
}
.slider_text p{
color: #389a00;
font-size: 15px;
}
.maincontain{
margin-top:25px;
}
.sitebar{
width:260px;
margin-right:30px;
background:#C3D4DE;
float:left;
padding:20px;
}
.sitebar h2{

}
.sitebar ul{
margin:0;
padding:0;
list-style:none;
}
.sitebar ul li{
padding:5px;
border-bottom:1px solid #FFFFFF;
}
.sitebar ul li a{
text-decoration:none;
color:#AE7471;
}
.sitebar ul li a:hover{
color:#408CD6;
background:#C0D86A;
}
.contain{
width:600px;
padding-right:30px;
}

.contain h2{
margin-bottom:15px;
font-weight:normal;
color:#74ABB2;
background:#D1E478;
}

.contain p{
margin-bottom:15px;
}
.footer{
background:#DAD4C8;
padding:10px;
}

image source

Published By:
Chum Anwar Mahmud
on 1/13/2016 08:17:00 AM

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

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>



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



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



<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>



<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>



<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

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>

<title>This is Page Title </title>

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

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

Wednesday, January 13, 2016

0 How to Simple HTML website layout

Private and NHS Dentist

With a Smile

This is Contain Title

Sunday, March 22, 2015

0 HTML Table Create Example.

Thursday, March 19, 2015

0 HTML Styles Tag Attribute Example .

Tuesday, March 17, 2015

0 HTML Paragraphs Tag And Pre Tag Example.

0 HTML Header Tag Example .

TRANSLATE

YOUTUBE SUBSCRIBE BUTTON

FOLLOW us on FACEBOOK

FOLLOW Us On TWITTER

RELEASED RECENT POST

MOST POPULAR POST

CATEGORY LIST

BLOG ARCHIVE

USER ONLINE COUNTER

VISITOR HIT COUNTER

LIVE TRAFFIC FEED

VISITOR FLAG COUNTER

YOUR IP ADDRESS

WEBSITE CALENDAR

ALEXA RANKING STATUS

Useful Information

Policies

Contacts

Stay Connected