Você está na página 1de 7

Web Design using HTML

Basic Structure of HTML Page:

<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>

<BODY>

</BODY>

</HTML>

<HTML>
<HEAD>
<TITLE>Page Title</TITLE>
</HEAD>
<BODY>

<H1> this is a Heading </H1>


<P> this is a paragraph. </P>

</BODY>
</HTML>

<HTML>
<HEAD>
<TITLE>SSB ACADEMY</TITLE>
</HEAD>
<BODY>
<a href="http://www.ssbacademy.com"> SSB UNIQUE SERVICE CENTER</a>

<a href="mailto:saddam@ssb.com">Click to send email to SSB </a>

<img src="ssb.jpg" alt="SSB ACADEMY" width="100" height="100">


</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE>SSB</TITLE>
</HEAD>
<BODY>

<font face="Times New Roman" size=9 color="green">


SSB UNIQUE SERVICE CENTER
</font>

</BODY>
</HTML>

Creating Table using HTML


<html>
<head>
<title> </title>
</head>
<body>
<table border=10>
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Sajjad</td>
<td>Hossain</td>
<td>18</td>
</tr>
<tr>
<td>Mohammad</td>
<td>Amin</td>
<td>18</td>
</tr>
</table>
</body>
</html>
<html>
<head>
<title> </title>
</head>
<body>
<table bgcolor=aqua cellspacing=8 border=8 >

<Caption> Monthly Savings Accounting</Caption>


<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>5000</td>
</tr>
<tr>
<td>February</td>
<td>4000</td>
</tr>
<tr>
<td colspan="2">Sum: $180</td>
</tr>
</table>
</body>
</html>

<body>
<table border=20 >
<tr>
<th>Month</th>
<th>Savings</th>
<th>Savings for holiday!</th>
</tr>
<tr>
<td>January</td>
<td>5000</td>
<td rowspan="2">1500</td>
</tr>
<tr>
<td>February</td>
<td>6000</td>
</tr>
</table>
</body>

SSB UNIQUE SERVICE CENTER


Md. Mosharraf Hossain
B.Sc in Computer Science Engineering
Contact no: 01557304196
Email: 4grecharge@gmail.com
<HTML>
<HEAD>
<TITLE>SSB</TITLE>
</HEAD>

<BODY>
<hr>
</hr>
<h1> This is first Head Line </h1>
<h2> This is second Head Line </h2>
<b> This line is bold </b>
<i> This line is italic </i>
<u> This line is underlined </u>
<p> This is paragraph </p>

</BODY>
</HTML>

<HTML>
<HEAD>
<TITLE>Bangla</TITLE>
</HEAD>
<BODY>

<font face="SutonnyMJ" size=9 color="green" > KwDUvi


wevb I cKkj </font>

</BODY>
</HTML>

<HTML>
<HEAD>
<TITLE>SSB</TITLE>
</HEAD>

<BODY>
<p>
(a+b)<sup>2</sup>=a<sup>2</sup>+2ab+b<sup>2</sup>
</p>
<p> 2H<sub>2</sub>+O<sub>2</sub>=2H<sub>2</sub>O
</p>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE>SSB</TITLE>
</HEAD>

<BODY>
<p> <b> Menu </b> </p>

<ul>
<li>Apple Juice</li>
<li>Orange Juice</li>
<li>Mango Juice</li>
<li>Honey</li>
</ul>
</BODY>
</HTML>

<HTML>
<HEAD>
<TITLE>SSB</TITLE>
</HEAD>

<BODY>
<p> <b> Menu </b> </p>
<ol type="1">
<li>Apple Juice</li>
<li>Orange Juice</li>
<li>Mango Juice</li>
<li>Honey</li>
</ol>
</BODY>
</HTML>

<HTML>
<BODY>
<p> <b> Menu </b> </p>
<ol type="i">
<li>Apple Juice</li>
<li>Orange Juice</li>
<li>Mango Juice</li>
<li>Honey</li>
</ol>
</BODY>
</HTML>

<html>
<head>
<title></title>
</head>

<body >

<h1> First page </h1>


<p align="center">
<font face="Algerian" size="30" color="blue">
Information and communication technology
</font>
</p>

<a href="secondpage.html"> <h1> click to go to second page


</h1> </a>

</body>

</html>

<html>
<head>
<title> </title>
</head>

<body bgcolor="aqua">
<h1> Second webpage </h1>
<br>
<a href="webpage1.html">
click to go first webpage
</a>

</body>
</html>
Web page Design using HTML and CSS
Language.
<html>

<head>
<title> SSB </title>
</head>

<body>
<div id="container" style="background-
color:pink;width:800px; height:300px; text-align:center;font-
size:25">
<h1>SSB UNIQUE SERVICE CENTER</h1>

<div id="name" style="background-color:white;margin-


left:150px;width:500px;height:60px;font-family:Blackadder
ITC;font-size:50;">
<b> Md. Mosharraf Hossain </b>
</div>

<div id="subject" style="background-color:aqua;margin-


left:150px;margin-top:10px;width:500px">
B.Sc in CSE ( Computer Science & Engineering )
</div>
<div id="contact" style="background-color:white;margin-
left:150px;margin-top:70px;width:500px">
contact: 01557304196 or 4grecharge@gmail.com
</div>

</div>
</body>
</html>

Você também pode gostar