Showing posts with label Color code. Show all posts
Showing posts with label Color code. Show all posts

LIST Element

We covered few elements to make a web page. Now we will learn how to use LIST Element.

This is an example of List Element

We use this type of list in different purposes, such as Dictionary, Telephone guide, Address book, price list etc. We will learn different type of tags for Listing. There are mainly 3 types of LIST tag.

1. <OL> or listing with Number
2. <UL> of Unordered or bullet
3. <LI> this is used with  <OL> or <UL>

Except this there are Menu, Directory list, we will learn all gradually.

 Ordered List

In this list we can use 1,2,3 or A,B,C etc type of number to make list. this is why it also called as Numbered list. 

Format: <OL> ....... </OL>  and Items are divided with <LI>

Ordered List Example

 <HTML>
<HEAD>
<Title> List Element Example</Title>
</HEAD>
<BODY>
    <H1> 3 Angle Software</H1>
    <P> <STRONG> Courses in 3 Angle Software</STRONG></P>
        <OL>
            <LI>Programming in C
            <LI>Programming in C++
            <LI>Visual Programming
            <LI>Java Programming
            <LI>Web Designing
        </OL>
       
    <P> Multimedia Courses</P>
        <OL>
            <LI>Graphics Courses
            <LI>Editing Courses
            <LI>2D Animation Courses
        </OL>   
</BODY>
</HTML>



Now you have to go and save it like we did earlier, if you forgot please check here.  
 Now run it, you will get output like bellow image 
List Element Example

 As there is no attribute in the <LI> so it will take 1,2,3.. etc by default

It will continue..

I hope this will help you to understand, practice it and if you found any problem let me know in comment or email me in srv2013@gmail.com. Feel free to share if it helped you. Best of Luck

CENTER ELEMENT

You can use this tag to show the text in the center of your webpage. You can also do this by using ALIGN Attributes. i.e. <P ALIGN=CENTER>. Use this tage before and after the text you want to show in center.  Tag format is
<CENTER>.......................................</CENTER>

EXAMPLE:

<HTML>
<HEAD>
<TITLE> This is an example of CENTER tag</TITLE>
</HEAD>
<BODY>
<CENTER>This is an example of CENTER tag.</CENTER>
If you do no use this tag your text will look like this
</BODY>
</HTML>

CENTER ELEMENT Example



If you do not know how to save your program then please visit another post to save it. That post link is Lets Start

I hope this will help you to understand, practice it and if you found any problem let me know in comment or email me in srv2013@gmail.com. Best of Luck

PARAGRAPH ELEMENT


In a document we need free space after couple of lines. For this reason we can use this tag.  From the beginning we know that if we write  in 2 or 3 line space in editor it will be not same in browser. We used Br for a new line but it will not show the space between lines. That is why we are using Paragraph tag. The Tag is <P>………………………</P> . Here if we don’t use the End tage(/P) then also it can work.

Example:

<HTML>

<HEAD>

<TITLE>
Program 10
</TITLE>
</HEAD>
<BODY>
<P> This is First Line</P>
<P> This is Second Line
<P> This is Third Line
</BODY>
</HTML>

ADDRESS ELEMENT

Today we will see how to write your address using ADDRESS tag. It will show the address in a Italic font and easily determine as a different text. The tag is look like
<ADDRESS>......................................</ADDRESS>

Example:

<HTML>
<TITLE>
Address
</TITLE>
<BODY>
This Element essentially format an address section
<ADDRESS>
Davide Luis<BR>
Apple Velly, California<BR>
United States of America<BR>
Email: srv2013@gmail.com<BR>
website:1learners.blogspot.com
</ADDRESS>
</BODY>
</HTML>

We use <BR> for line break. We want to show new lines after each sentence that's why we use it, you may escape it and then it will show the address in same line.

Ask me anything if you face problems.

FONT COLOR ELEMENT

This tag is like FONT FACE and FONT SIZE element. Color can be declared by name like RED or GREEN or BLACK or you may use declare by decimal number which is decided for all the colors. This tag format is <FONT COLOR=(name or code of Color)>............................</FONT >

Example:

<HTML>
<HEAD>
<TITLE>
Program 9
</TITLE>
</HEAD>
<BODY>
<FONT COLOR=RED>This is my New Program</FONT>
<FONT COLOR=#FF0000>This is my new Program</FONT>
</BODY>
</HEAD>

Insert the tag in which paragraph or line you want to color. Just start it before the paragraph or sentence and end at the end of the paragraph. For you better understanding I am providing charts of color code, it may help you.