Scribd
Upload
48 views

HTML Webpage Creation

This document summarizes different HTML code snippets used to create various elements on a webpage. It shows code for formatting text, inserting images, links, lists, tables, scrolling text, and more. Each code example is accompanied by a brief description of its functionality. Overall, the document provides an overview of key HTML tags and attributes for building the structure and components of a basic webpage.

Uploaded by

Anik Dutta
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
48 views

HTML Webpage Creation

This document summarizes different HTML code snippets used to create various elements on a webpage. It shows code for formatting text, inserting images, links, lists, tables, scrolling text, and more. Each code example is accompanied by a brief description of its functionality. Overall, the document provides an overview of key HTML tags and attributes for building the structure and components of a basic webpage.

Uploaded by

Anik Dutta
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 9

ANIK’S TUTORIAL

HTML WEBPAGE CREATION

<html>
<head>
<title> This portion of code is used to create the
my first web page title and head portion of webpage.
</title>
</head>

<body bgcolor="pink">
<center><b><font color="red">Welcome to my webpage</b></font>
<br><u><font size=15>come to second line</u></font>
<br><i><font face="Broadway">this is third line</center></i></font>
<br>

This portion
of code is
for writing
in the body
of webpage.
It also
shows
different
font tag
options.
ANIK’S TUTORIAL

<ul>
<li><font size = 6 color = red>first line</li></font>
<li>second line</li>
<li>third line</li>
</ul> This portion of code is used to create an
<br> unordered list.

<ol type=i>
<li>first line</li></font>
<li>second line</li>
This portion of code is used to create an
<li>third line</li>
</ol> ordered list.
<br>

<ul>
<li>first line
<ol><li>first line</li>
<li>second line</li> This portion of code is used to create a
</ol> multilevel (ordered and unordered list
</li> together)
<li>second line</li>
<li>third line</li>
</ul>
<br>
ANIK’S TUTORIAL

<center>Title
<br>
<img src="image1.jpg" height="200" width="200">
<br> This portion of code is used to insert an image
picture</center>
in the webpage.
<br>

The link is
<br>
This portion of code is used to insert a hyperlink
<a href="xyz.html">
click here in the webpage.
</a>
</href>
<br>
ANIK’S TUTORIAL

<br>
The link is
<br>
This portion of code is used to insert a hyperlink
<a href="xyz.html">
<img src="1.jpg" height="50" width="50"> the webpage. Here an image is used as
</a> hyperlink.
</href>
<br>

<ul>
<li><a href="xyz.html">
<font size = 6 color = red>first line</li></font> This portion of code is used to insert a hyperlink
</a> in one line of an unordered list.
</href>
<li>second line</li>
<li>third line</li>
</ul>
<br>
ANIK’S TUTORIAL

<marquee >
exclusive
</marquee>
<br> This portion of code is used to insert a scrolling
text in the webpage.

<marquee bgcolor="red" scrollamount=20 direction=right behavior=scroll>


exclusive
</marquee>

This portion of code is used to insert a


scrolling text in the webpage. Here speed and
direction of text is changed. Background
colour of text is also changed.

<marquee bgcolor="green" scrollamount=20 direction=right behavior=slide>


exclusive
</marquee>

This portion of code is used to insert a scrolling


text in the webpage. Here scroll is changed to
slide. So text will stop.
ANIK’S TUTORIAL

<marquee bgcolor="yellow" scrollamount=20 direction=right behavior=alternate>


exclusive
</marquee>

This portion of code is used to insert a scrolling


text in the webpage. Here the text will bounce
on both sides.

<marquee bgcolor="red" scrollamount=5 direction=up behavior=scroll>


<center>exclusive</center>
</marquee>

This portion of code is used to insert a scrolling


text in the webpage. Here the text will scroll in
up direction.

<marquee bgcolor="yellow" scrollamount=5 direction=down behavior=scroll>


<center>exclusive</center>
</marquee>

This portion of code is used to insert a scrolling


text in the webpage. Here the text will scroll in
down direction.

<marquee bgcolor="green" scrollamount=15 width="50%" height="70%">


<center><font color="white" size ="25">exclusive</font></center>
</marquee>

This portion of code is used to insert a scrolling


text in the webpage. Here the background
height and width are changed.
ANIK’S TUTORIAL

<br>
<br>
<table border="2" cellspacing=5 cellpadding=20 >
<tr>
<th>Header 1</th>
<th>Header 2</th>
<th>Header 3</th>
This portion of code is used to create a table
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
<td>row 1, cell 3</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>

<br>
<table border="1">
<caption>TABLE</caption>
<tr>
<th>First Name:</th>
This portion of code is used to create a table.
<td>Bill Gates</td>
</tr> Here caption is shown.
<tr>
<th>Telephone:</th>
<td>555 77 854</td>
</tr>
<tr>
<th>Telephone:</th>
<td>555 77 855</td>
</tr>
</table>
ANIK’S TUTORIAL

<br>
<table border="1" >
<tr>
<th>Name</th> This portion of code is used to create a table.
<th colspan="3">Telephone</th> Here colspan is shown.
</tr>
<tr>
<td>Bill Gates</td>
<td>555 77 854</td>
<td>555 77 855</td>
<td> 555 77 855</td>
</tr>
</table>

<br>
<table border="1" >
<tr>
<th>First Name:</th> This portion of code is used to create a table.
<td>Bill Gates</td> Here rowspan is shown.
</tr>
<tr>
<th rowspan="2">Telephone:</th>
<td>555 77 854</td>
</tr>
<tr>
<td>555 77 855</td>
</tr>
</table>

</body> This portion of code shows end of body and


</html> webpage.
ANIK’S TUTORIAL

This is the whole page

You might also like