Sayyed Akib

HTML List

Post author By Akib
Post date 26th Jul 2020
No Comments on 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 Disc 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:-

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 On This Link To My Another Blogging WebSite…

Tags Blogger, HTML

Blogging

HTML Table

Post author By Akib
Post date 21st Jul 2020
No Comments on 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 Cellspacing=”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.

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.As above example se saw that the background tag is Written inside the Style tag*

Table Height And Width:-

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

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.

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

Blogging

HTML Color

Post author By Akib
Post date 11th Jul 2020
No Comments on 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 Color Code

Code:-

Output:-

• By Using Color Decimal or percentage value

Code:-

Output:-

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 Code

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 colorMiddle 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 greenLast 2 for blue

For Example:-

Code

Output:-

•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:-

Tags Blogger, HTML

Blogging

Base Font Tag

what is Basefont Tag ?

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:-

Tags Blogger, HTML

Blogging

HTML Fonts

Post author By Akib
Post date 1st Jul 2020
No Comments on HTML Fonts

What is 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 Attribute face 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:-

Tags Blogger

Blogging

Text Formatting Tags

Text Formatting tag is used to display some special type of text.

1. Bold Text Tag :-
Tag denoted by <b> it is use to display the Text in bold. it is similar to strong tag <strong>

2. Italic Text Tag :-
tag is denoted by <i> it is use to display text in italicized. It is similar to emphasize Tag <emp>.

3. inserted Text Tag :-
Tag is denoted by <ins>. It is used to the new inserted text in document.

4.Underline Text Tag :-
Tag is denoted by <u> it is use to Underline important Text. Is similar to Inserted tag

5. Deleted Text Tag :-
Tag is denoted by <del>.It is use to show the Deleted text in documents. It is similar to strike text Tag <strike>.

6. Monospaced Text Tag :- Tag is denoted by <tt>. Monospaced tag is use to text in same width.

7. Superscript Text Tag :-
It is denoted by <sup>. It is appear half a character above the normal line. It is rendered in smaller text.

8. Subscript Text Tag :-
It is denoted by <sub>. It is appear half a character below the normal line. It is rendered in smaller text.

9. Large Text tag :-
It is denoted by <big>. Any thing is written between that Tag is display one font size larger than the rest of the text.

10. Small Text tag :-
It is denoted by <small>. Any thing is written between that Tag is display one font size smaller than the rest of the text.

11. Mark Text tag :-
It is denoted by <mark>. It is used to Highlight the text in document.

Code:-

<!DOCTYPE html>
<html>
    <head>
        <title>Text Formatting Tags</title>
    </head>
    <body>
        <p> Code is For text formatting tag<br>
  <p>1.Bold Tag
        (Hii <b>User</b> How are you ?)</p>

        <p>2.Italic Tag
        (Hii <i>User</i> How are you ?)</p>

<p>3.Insert Tag
        (Hii <ins>User</ins> How are you ?)</p>

        <p>4.Underline Tag
        (Hii <u>User</u> How are you ?)</p>

        <p>5.Delet Tag
        (Hii <del>User</del> How are you ? )</p>

        <p>6.Monospaced Tag
        (Hii <tt>User</tt> How are you ?)</p>

        <p>7.Superscript Tag
        (Hii <sup>User</sup> How are you ?)</p>

        <p>8.Subscript Tag
        (Hii <sub>User</sub> How are you ?)</p>

        <p>9.Large Tag
        (Hii <big>User</big> How are you ?)</p>

        <p>10.Small Tag
        (Hii <small>User</small> How are you ? )</p>

<p>11.Mark Tag
        (Hii <mark>User</mark> How are you ?)</p>

   </body>
</html>

Output:-

If You Like This Blog

Comment And Share The Blog

Tags Blogger

Blogging

Basic Tag #6

6.Preserve Formatting Tag <pre>:-

Anything is written between <pre> tag will display as it is Written in Html document without disturbing the sequence of that text such as space,comma,fullstop etc.

Eg:-

Code:-

Output:-

Blogging

Basic Tag #5

5.Centering Content Tag <center>:-

This tag is used to put content in center of Html document/webpage.

Eg:-

Code:-

output:-

Blogging

Basic Tag #4

4.Horizontal Line <hr> Tag:-

Horizontal line tag is used to break document / page and create horizontal line from current position to right margin.

Eg:–

Code:-

output:–

Tags Blogger

Blogging

Basic Tag #3

3.Line Break Tag<br>:-The Break line Code is use to break the line in code. It is placed after any line. The <br> tag is empty elements means it does not have closing end.

Eg:–

Code:–

Output:-

Tags Blogger

Blogging

Basic Tag #2

2.Paragraph Tag <p>:-The <p> tag is used to struct your text into paragraph and each paragraph is written between <p>•••••••••••</p>.

Eg:-

Code:-

Output:-

Tags Blogger

Blogging

Basic Tag #1

Basic Tags1.Heading Tags :- every webpage or a document starts with heading.In HTML we can use six type different size of headings . (<h1>,<h2><h3><h4><h5><h6>) Eg:-

Code:-

OUTPUT:-

Tags Blogger

Blogging

Structure Of HTML Page.

Structure Of HTML PAGE

All The HTML Elements Are Written Between Html Tag <html>.

Head Tag<head> is Used To write About Data Which Is written Between HTML Tag.

Title Tag <title> Is Used Give Title Of Html Page Which Is Display In Toolbar Of Browser.

Body Tag <body> Use To Write The Main Content Of Html document.

Tags Blogger

Blogging

Introduction to HTML

What is HTML ?

Hyper Text Markup language it is a standard Markup Language.HTML language is Developed by Tim Berners-Lee in 1990This language is used To create page,website etc All the pages are connected in series called Hyperlinks.HTML allows Images and others object to create interactive webpage or forms.Version of HTML.