MyPC-Cabinet: web site

Showing posts with label web site. Show all posts

Wednesday, February 4, 2015

Use of colors in HTML

we can use RGB colors in web pages to make the page more colorful.
Syntax of RGB color code is rgb(rr,gg,bb)

As an example to show green color using RGB code we can write as following, rgb(0,255,0)

You can get RGB code of a color by using “Adobe Photoshop” or any image processing software. But in HTML we us corresponding hexadecimal value of a RGB color code.
Example : for red color

RGB value = (255,0,0)
Hex value = #ff0000

But most web browsers support 17 main colors.
They are

Aqua
Black
Blue
Fuchsia
Gray
Green
Lime
Maroon
Navy
Olive
Orange
Purple
Red
Sliver
Teal
White
Yellow

we can use them without hex value.
We can use following HTML code
<HTML>
<HEAD>
<TITLE>Colors</TITLE>
</HEAD>
<BODY>
<H1>This is in red color</H1>
<H2>This is in green</H2>
This is some text
</BODY>
</HTML>

The output will be,

How to use background colors.

<HTML>
<HEAD>
<TITLE>Colors</TITLE>
</HEAD>
<BODY BGCOLOR=”orange”>
<H1>This is in red color</H1>
<H2>This is in green</H2>
This is some text
</BODY>
</HTML>

output,

Fonts in HTML

Use of different font styles

We can change font style using “font” tag
General syntax of a font tag

We can use many font types by using commas.
Example:
 This is Some text
Here if first font is not available then browser show the text using second font.

How to change font size
General Syntax : 
Can change according to 2 methods.
1.use of numbers
We can use numbers from 1 to 7
1 for smallest 7 for largest and 3 for normal size
Then 1 and 2 are smallest size,3 is normal size and 4 to 7 are large size.
2.Use of relative values
Use +1 to +6 for increasing values and -1 to -6 for decreasing values

Example,
This is font size 2
This is font size 7 (larger)
This is relative font size +3

Complete code,
<HTML>
<HEAD>
<TITLE>Fonts</TITLE>
</HEAD>
<BODY >
 This is Some text 
 This is Some text 
This is font size 2 
This is font size 7 (larger) 
This is relative font size +3 
This is relative font size -1
</BODY>
</HTML>

Output,

Friday, December 5, 2014

We can align headings to center, left or right. To align ,
<H1 align=”Center”>First heading</H1>

This will align the text “First heading” to center screen of your web browser.

How to use text formatting in HTML

Formatting a text

For text formatting there are some special tags.

For bold a text

We can use -- or --

Here stands for “bold”
For italic a text

We can use -- or -- or <DFN>--</DFN>
Here Stands for “italic”, stands for “emphasis” and <DFN> stands for “definition”

For superscript a text
We Can use -- for super scripting.
 stands for “superscript”

For subscript a text

We Can use -- for sub scripting.
 stands for “subscript”

For delete a text

We Can use <DEL>--</DEL> for delete a text with a single strike.
<DEL> stands for “delete”

For block quote a text

We Can use <BLOCKQUOTE>--</BLOCKQUOTE> for indent a text from left margin to right.

For highlight a text

We Can use -- for highlight a text.

For underline a text

We Can use -- for underline a text.
 stands for “underline”

To use addresses

We Can use <ADDRESS>--</ADDRESS>

Example:

<HTML>

<HEAD><TITLE>Text Formatting</TITLE></HEAD>

<BODY>

This is bold tag

This is italic tag

This tag is also use to italic a text

<DFN>Definition tag normally in italic </DFN>

I'm the 1st

Water is known as H2o.

This is my <DEL>first</DEL> HTML document

<BLOCKQUOTE>This text is away from left margin</BLOCKQUOTE>

I want to highlight this sentence

IS this underlined.

contact us @<ADDRESS>Main Road,Red light district.</ADDRESS>

</BODY>

</HTML>

Save this as “text formatting.html”.

Open it through your web browser.

Saturday, November 29, 2014

Starting with HTML

Setting up a website

To setup a website first we want to create a folder named with your site name.
Example: mysite, abcsite, “yourcompanyname”site.
Here we create a folder named mysite .

To create a folder in windows you can right click on desktop or any window and go to new-->New Folder and rename it as mysite or whatever you like.

Creating your first HTML document

Open a plain text editor like notepad,notepad++ or use a HTML Editor like microsoft visual web developer,macromedia dreameviewer to code HTML codes.Here I use my own notepad named “My Note”.You can type following codes in any text or HTML editor.But if you are a beginer to HTML Please use Text Editors to practice HTML.Let`s start.

<HTML>

<HEAD>

<TITLE>Title of your website</TITLE>

</HEAD>

<BODY>content goes here</BODY>
</HTML>