HTML code is easy to learn/সহজ এইচটিএমএল কোড শিখুন-19 (Lay out~~Hedaet Forum~~


Email: Password: Forgot Password?   Sign up
Are you Ads here? conduct: +8801913 364186

Forum Home >>> HTML Code >>> HTML code is easy to learn/সহজ এইচটিএমএল কোড শিখুন-19 (Lay out

murad
VIP Member
Total Post: 155

From:
Registered: 2012-04-14
 

HTML code is easy to learn/সহজ এইচটিএমএল কোড শিখুন-19
Lay out
Lay out all of the web site before using only HTML were created. The CSS used with HTML. HTML is used only to lay out its rows and columns to create <table> used.

Such as:
<html>
<head>
<title> www.hedaet.com </ title>
</ head>
<body bgcolor=\"green\">
<table width=\"400\" border=\"0\">
<tr>
<td colspan=\"3\" style=\"background-color: #93C;\">
<h1> Web Page header </ h1>
</ td>
</ tr>
<tr valign=\"top\">
<td style=\"background-color: #C99;width:100px;text-align:top;\">
<p> <b> Side bar </ b> <br />
<a href=\"#\"> PHP </ a>
<br />
<a href=\"#\"> HTML </ a>
<br />
<a href=\"#\"> CSS </ a>
<a href=\"#\"> Wordpress </ a>
</ p> </ td>
<td style=\"background-color:#EEEEEE;height:200px;width:400px;text-align:top;\"> <h2 style=\"color:#900\"> This is heading. </ h2>
<p style=\"color: #006\"> This is a paragraph.This is a paragraph. This is a paragraph. <br />
This is a paragraph.This is a paragraph. This is a paragraph. <br />
This is a paragraph.This is a paragraph.This is a paragraph. <br />
This is a paragraph.This is a paragraph.This is a paragraph. </ P> </ td>
</ tr>
<tr>
<td colspan=\"2\" style=\"background-color:#999;text-align:center;\">
Copyright www.hedaet.com </ td>
</ tr>
</ table>
</ body>
</ html>
Tuku Notepad open the code file from the menu and click the Save as File name: index.html, Save as type: All files, and save the index.html file to open the show with Mozilla Firefox.
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
লে আউট
আগে শুধুমাত্র HTML ব্যবহার করেই সকল ওয়েব সাইটের লে আউট তৈরি করা হত। বর্তমানে HTML এর সাথে CSS ব্যবহার করা হয়। শুধুমাত্র HTML ব্যবহার করে লে আউট তৈরি করার জন্য <table> এর সারি ও কলাম ব্যবহার করা হয়।

যেমন:
<html>
<head>
<title> www.hedaet.com</title>
</head>
<body bgcolor=\"green\">
<table width=\"400\" border=\"0\">
<tr>
<td colspan=\"3\" style=\"background-color: #93C;\">
<h1> Web Page header</h1>
</td>
</tr>
<tr valign=\"top\">
<td style=\"background-color: #C99;width:100px;text-align:top;\">
<p><b>Side bar</b><br />
<a href=\"#\">PHP</a>
<br />
<a href=\"#\">HTML</a>
<br />
<a href=\"#\">CSS</a>
<a href=\"#\">Wordpress</a>
</p></td>
<td style=\"background-color:#EEEEEE;height:200px;width:400px;text-align:top;\"><h2 style=\"color:#900\">This is heading.</h2>
<p style=\"color: #006\">This is a paragraph.This is a paragraph. This is a paragraph.<br />
This is a paragraph.This is a paragraph. This is a paragraph.<br />
This is a paragraph.This is a paragraph.This is a paragraph.<br />
This is a paragraph.This is a paragraph.This is a paragraph.</p></td>
</tr>
<tr>
<td colspan=\"2\" style=\"background-color:#999;text-align:center;\">
Copyright www.hedaet.com</td>
</tr>
</table>
</body>
</html>
নোটপ্যাড open করে code টুকু file মেনু থেকে Save as এ ক্লিক করে File name: index.html , Save as type : All files, দিয়ে save করে index.html ফাইলটি Mozilla Firefox দিয়ে open করলে দেখাবে।