Friday, January 17, 2014

Tute 13 : Create A Basic Html Details Page

Now we link our article and show details page. First we create details page then link our article.
Open our notepad and create a new document (Ctrl+N). After that write this code :


----------------------------------------------------------------------------------------
<html>
            <head>
                        <title>Welcome to my tute school</title>
                        <link rel=stylesheet href=css/style.css>
</head>

            <body>
                        <div id="mbody">
                                    <div id="head-con">
                                                <h1>Tute School</h1>
                                    </div>
                                    <div id="menu-con">
                                                <ul><li>Home</li><li>Html</li><li>Css</li><li>Php</li><li>mysql</li></ul>
                                    </div>
                                    <div id ="body-con">
                                                <div id="body-con-l">
                                                Left
                                                </div>
                                                <div id="body-con-r">
                                                            <h3>This is Right container.</h3>
                                                </div>
                                    </div>
                                    <div id="bottom">
                                                <h3>This is footer for copyright</h3>
                        </div>
                        </div>
            </body>

</html>
----------------------------------------------------------------------------------------

Now save this file named "detailspage.php" in our "tute" folder. Then go to the Google Chrome browser. In the address bar we write " localhost/tute/detailspage.php " then press enter. Now we see our basic html details page.

No comments :

Post a Comment