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

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

Wednesday, March 04, 2015

0 How to start web design and learn HTML?

HTML not to mention XHTML are two significant important languages for Web site Designing. If we know the two of these languages then web designing in your own home for us. Before discussion on internet site design fir we will speak about on HTML and XTML. Now let’s see that what might be HTML.
HTML: - HTML might be abbreviated for Hyper Content material Markup Language. HTML is code right behind our web page and is particularly responsible for how a lot of our page look. It is absolutely not more too difficult tongue. It is very basic learn HTML. HTML will be famous language that writes the online market place. Learning about HTML tags is as well as towards learning HTML.
HTML Tickets: - HTML tag sets out with and closes with the help of. For example if it's good to represent any words in italic then we write the code through this format: - Word. If we that tag the word may in Italics. There are many excellent tags in HTML which perform many excellent function like bold, underline, the word wrap, color, anchor, enormous, centre, embedded, heading, food, meta, paragraph, small, effective, table, font size, font color selection, bold, link, etc. These call different function and modify the online market place page.
The basic Html document format is as 's coming. -
Please enter a title here
Please enter the overall body text here whatever you must display on the internet site. The content of the bodies cells will look on your internet site,
HTML tags are often called HTML element. Since HTML is less tough hence we cal also learn by way of internet and by classes online.
XHTML: - XHTML is abbreviated for the purpose of Extensible Hypertext Markup Language and is particularly a member of XML tongue XHTML is more almost like HTML 4. 01. It mainly differs because of HTML is that its element is required to be in lowercase. Its element is required to be properly nested and by end its elements is required to be closed. XHTML documents requires one root element. XHTML combines the flexibility of HTML and XML. It includes stricter rule than who of HTML.
XHTML happens to be an official standard of typically the (W3C). XHTML offers both plus points of HTML and XML and XHTML pages are generally rendered by all XML endowed devices. XHTML is a good quality standard for any Sheets, if we follow that then our internet site will be counted quality web site and W3C certifies those pages in relation to their quality stamp. Hence we see in this case that XHTML and HTML might possibly be the two main standard tongue towards web designing not to mention without its knowledge we're able to not create a manageable and w3c recommended webpages. Hence for web designing this pair languages are very fundamental.

Go to this link to learn about this well. http://www.w3schools.com/

Published By:
Chum Anwar Mahmud
on 3/04/2015 12:55:00 AM

Sunday, March 01, 2015

0 How to web design learn and build a carrier.

Now-a-day lots of the companies, organizations, institutions, educational institutes whether private or government receive their websites designed. Actually website has become an easy and interactive means of presenting yourself prior to the world. Having a website has now become a need rather than craze. So observing this need of website in present era we can say that if you suffer from creativity and innovation, you can choose web designing as work. Web designing includes designing of web pages, web applications, and additionally websites. Web designing is not only creating a layout of website it also ranges from graphics to animation also. In web designing genital herpes virus treatments exactly sell is your creative skills and innovation. If you've gotten that creativity, sense of color, you know how to carry out with colors and patterns, you think out of the system, you have extra-ordinary imagination power, you can create a design that suits a good deal or concept of your client, then what are you waiting for…just join a good college or institute which gives training on web designing and enhance your skills and get ready to explore in neuro-scientific web designing with the dint of your hard work and additionally creative skills. What I feel is if you want to earn web designing your career then its only and only any creative skills and diligence that matters not college or company.
Before designing any website you need to do brain storming, understand edge behind the creation of the website. When you opt web designing as a career you simply must study web languages such as HTML, JavaScript, and multimedia programs like dream weaver, flash, Photoshop etc. you can either aim for professional multimedia degree or do some short term courses about web designing. Once you get expertise over these languages and softwares you can create amazing web designs by making usage of your creativity and innovation and make your own identity in that field by your quality work.
Today the demand of highly skilled web designers has been increased a lot. Companies look in a competent web designer who can design a professional website. Web designers can work for various kinds people and in various types of field. They get chance to create designs for companies, businessmen, educational institutes, organization, individuals and many more and thus they get to know about these fields additionally which ultimately enhance their knowledge. Web designers have great style in India. Even fresher's get good salary in this line of business. When you have worked for a long duration in this field and provide got lot of experience, you can start your own cyberspace designing and development company.
So if you believe in yourself and can deliver the designs in accordance with the current market trends and latest technology, you have extra-ordinary creativity I presume you must choose web designing as a career.

Published By:
Chum Anwar Mahmud
on 3/01/2015 11:18:00 PM

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 .

Monday, March 16, 2015

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

Wednesday, March 04, 2015

0 How to start web design and learn HTML?

Sunday, March 01, 2015

0 How to web design learn and build a carrier.

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