HTML List

Html offers user to specify there Information in the form of list but the condition is the list may contain more than one list items. 

There are three types of list :-

Unorederd list

Orderd List

Defination List

° Unorederd List <ul> :- this will list the item using plain text bullets.

There are 3 bullet (square, disc ,circle)

° Type Attribute (Unorederd List) :- the type Attribute is use to specify Which type of bullet you want in the list

<ul type="square">

<ul type="disc">

<ul type="Circle">

For Eg For Square Type Attribute :-

Code:-

Output:-

For Eg For Disc Type Attribute :-

Code:-

Output:-

For Eg For Circle Type Attribute :-

Code:-

Output:-

° Orderd List <ol> :-  using Orderd list we can specify the list iteam in numberd list instead of bulleted list which is in Unorederd list. In Orderd List numbering start at One and it increment by one for each

° Type Attribute (Orderd List):-  

We can also use type attribute in Orderd list. By default the value of type attribute is a number. We can also use the following possibility.

<ol type="1"> By default 

<ol type="I"> upper case number 

<ol type="i"> lower case number

<ol type="a"> lower case letter

<ol type="A"> upper case letter

For Eg All The Type Of Attribute  Is Written In Single Code

Code:-

Output:-

Start Attribute:-   The start Attribute is written in Orderd List <ol> tag which specify the Starting point of numbering.

For Eg:-

Code:-

Output:-

°List Iteam <li>:-

li attribute is the child attribute for both Unorederd List and Orderd List.

<li> Tag is use to insert the Iteam the list.

You can see the above Example.

° Defination List <dl> :- using defination list. We can arrange the arrange the list items like in a dictionary or an encyclopedia. Defination List use three main tags.

1. <dl> :- Defines the Start of the list

2. <dt> :- A term

3. <dd> :- Term Defination

For Eg

Code:-

Output:-

Click To See My Another Blogging Website

HTML Table

What is table ?

A set of rows and columns is called Table 

Table allow web author (owner of web site)

To arrange there data 

For eg. Text,Image,links etc.

We can create HTML table by using <table> tag.

The <tr> tag is use to create rows in table 

And <td> is use to create data cell (in which we can put data).

Code:-

Output:-

° Border Attribute :-  From above example we can se.

using Border Attribute we can give border to table. By default value of border attribute is "0".

<table border="1">

° Table Heading Tag :-

<th> Tag is use to write Heading in the table so that user can understand what's the coloumn is about . Usually the Table Heading is Written in the Frist row of the table. 

For example we can create the table

Heading as Name Of Employe And Salary Of Employe.

Code:-

Output:-

°Cellpadding & Cellspacing Attribute :-

• Cellpadding :-  Cellpadding Attribute is use to give distance between cell border and content within the cell . 

<Table Cellpadding="5">

•Cellspacing :- Cellspacing Attribute is use to set the width of the table border 

<Table Cellspaceing="5">

Code:-

output:-

°Table Background:-

There are two attribute to set Background color to Table

•Bgcolor:- using bgcolor attribute we can give background color to table for whole table for only one cell

<table bgcolor="red">

Code:-

Output:-

•Background:- using this attribute we can set background image to a table.

To use this attribute we need some knowledge of CSS. This attribute is written inside of head tag using style tag.

Code:-

Output:-

As above example se saw that the background tag is Written inside the Style tag which is Written in head tag. We use url along the background attribute because we give the url of the image that we have to insert.

°Table Height And Width:-

As name suggests this two attribute is use to set the Hight and width of the table. We can specify the Hight and width in form of pixels.

<Table width="in form of percentage of pixel form" Height="as Written inside the width">

Code:-

Output:-

°Table Caption:- 

Caption tag is use to give title or a short information about the table. The caption tag is displayed on top of the table.

<Caption> Write the caption of the table

</Caption>

Code:-

Output:-

°Table Header,Body,Footer.

The table can be divided into three parts Header of the Table Body and the Footer.

The Header and Footer remain same for every page. Body is the main contain holder of the Table.

Tags :-

<thead>:-to create seprate table Header.

<tbody>:- to seprate the main Body of the Table.

<tfoot>:- to create seprate table Footer.

Remember that <thead> and <tfoot> tag should apper befor <tbody>

Code:-

Output:-

°Nested Table:-

Using this attribute we can create the one  another table inside main table. Not only the table but we can almost use all the tag inside table data tag <td> tag

Code:-

Output:-

Thanks For Giving Your valuable Time And Reading The Blog

HTML Color

Color are very important to give good look to your website.

The Color attributes are written inside the body tag.

There are five attribute.

1. Background Color:- Html provide to give background color to webpage. To give background color we use (bgcolor="Color Name") attribute.

For Example

• By Using Color Name

Code

Output

By Using Hex Code

Code

Output

• By Using Color Decimal or percentage value

Code

Output

2. Text:- we can also give color to text to make website more attractive. Attributes is Written inside the <body> tag. attribute is (text="Color Name").

For Example

 • By Using Color Name

Code

Output

• By Using Hex color Codes

Code

Output

3. Link:- (link="Color Name") This attribute is used to give color to link that is written inside the website.

4. Alink:- Alink Means Active Link or selected link. Using this attribute change of Color after selecting that link.

Attribute (alink="Color Name")

5. Vlink:-Vlink means Visited link. We can also set the color to Visited link. It is useful for user so that the user cannot click that link again. Attribute (Vlink="Color Name")

For Example

Code

Output

• HTML Color Coding Methods

There are three different methods in Html to set Color in your webpage.

1.Colour Name :-

 You can directly give name of the Color in Attitude.

For example :- <body bgcolor="red">

There are 16 Standard W3C list of Color.

1. Black

2. Gray

3. Silver

4. White

5. Yellow

6. Lime

7. Aqua

8. Fuchisa

9. Red

10. Green

11. Blue

12. Purple

13. Maroon

14. Olive

15. Navy

16. Teal

2.Hex Code:-

Frist we will understand the what is Hexadecimal No.

Hexadecimal No contain 16 no.

0 to 9 and A to F.

A represents 10.

B represents 11.

C represents 12.

D represents 13.

E represents 14.

F represents 15.

The Base of Hexadecimal No is 16.

 In Hex Code we specify the Color into six digit code which represent ammout of Red,Green,Blue (rgb) That Make Color. 

Hex Code look Like This #000000 Hash (#) Indicate Hexadecimal value. 

Frist 2 digit dedicated to Red color

Middle 2 digit dedicated Green color 

And Last 2 digit dedicated Blue color.

Each primary color is of 8 Bit. 

We can give total 256 values as Binary no system is have base 2. 

If we calculate 2 to the power 8 we get 256 so we can give 256 value Red,256 to Green and 256 to Blue.

The minimum value we can Give is 0 and the maximum value is 255.

0 indicate the zero density of Color and 255 Indicate the full density of color. 

We will understand by an example.

#ff0000

Frist 2 for red 

Middle 2 for green

Last 2 for blue

We will see that the red Color is with full density .

List of few color using Hexadecimal notation.

1. #000000

2. #ff0000

3. #00ff00

4. #0000ff

5. #ffff00

6. #00ffff

7. #ff00ff

8. #c0c0c0

9. #ffffff

•Color Decimal Or Percent Values:-

In this method the color value is specified using rgb() property.

For Example 

rgb(0,255,255) Means Aqua (cyan) color is in full density.

For example

Code

Output

Check Out My Friends Blog

Base Font Tag

What is Basefont Tag <basefont>:-

Base Font tag is used to Define Default Font  Face ,Size and Color for entire text written in webpage.

This is similar to Font tag but Basefont tag is Empty tag means it does not have closing tag and Font tag is container tag. Font have both opening and closing tags.

Base Font is define inside the head section.

Basefont tag is only sapportable for internet explorer 9 and earlier version, it does not support in crome,fire fox, opera etc.

Eg:-

Code:-

Output:-

HTML Fonts.

What are HTML Fonts ?

Fonts are very important role in making of website.

It make website more attractive user Friendly and make the content readable.

Font face and color entirely on the computer and browser that is being used to view your page but you can use Html <font> tag to add style,size and color or the text on  

your website. you can use <basefont> tag to set all your text to same size face and color.

The font tag have three Attribute

size,color and face.

The text that follows will remain same until you close with </Font> tag.

We can use one or all of the font Attribute within one <font> tag.

1. Setting Font Size :-

We can set content Font size using Size attribute. The range value is from 1(smallest) to 7(largest).

The default size of Font is 3.

How we can use the Size Attribute.

<font size="Size is Written Inside The dubble quotes">Anything</font>

Eg:-

Code:-

Output:-

2. Setting Font Face:- 

HTML Sapport many font face to apply those we have to use  face Attribute in side the Font tag.

But if the user viewing the page doesn't have the Font installed, they will not able to see the Font Written in website. So the user will see the default Font Face which is preinstalled in the user's computer.

We can use the face Attribute

<font face"Name of any font" size"Size of font">Anything</font>

Eg:-

Code:-

Output:-

3. Setting Font Color:-

It is easy to set the color to font by using color Attribute.

We can choose color by it's Name or by Hexadecimal code for that color.

It can be apply using this tag and attribute.

<font color"name of color">Anything</font>

Eg:-

Code:-

Output:-