Yesterday we talked about tables in html and today we are going to use it to create something basic.
Let us create a webpage with a table containing names of all the frotends of blurt.
Final Output :
STEP 1 : Create a html structure for your file.
STEP 2 : Write following code for your body tag.
STEP 3 : Run the file with a browser for output.
Full Code :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>my first web page is here</title>
</head>
<body>
<h2> Here is the table for different front-ends on Blurt</h2>
<table>
<tr><th>S.NO</th><th>Front-End</th></tr>
<tr> <td>1</td><td> Blurt.Blog</td> </tr>
<tr> <td>2</td><td> Blurt.world</td> </tr>
<tr> <td>3</td><td> Blurtworld.com</td> </tr>
<tr> <td>4</td><td> blurtter.com</td> </tr>
<tr> <td>5</td><td> blurt.buzz</td> </tr>
</table>
</body>
We created the desired webpage successfull. try making something useful using concept of tables.
Thank You.
Links for previous tutorials
- HTML BASICS AND CREATING PARAGRAPHS
- Headings in Html
- ANCHOR TAGS IN HTML
- Image tag in Html
- CREATE YOUR BASIC WEBSITE
- Inline Elements in Html
- BLOCK ELEMENTS IN HTML
- CONCEPT OF IFRAMES IN HTML , FULL TUTORIAL
- UNORDERED LIST IN HTML
- UNORDERED LIST And Creating Sub list for same
- ORDERED LIST IN HTML
- Description List in Html
- Tables in Html