PAWAN RAJ SINGH: August 2011

Tuesday 30 August 2011

HTML CODING (SUPER SCRIPT, SUB SCRIPT AND UNORDERED LIST)

SUPER SCRIPT:

We make super script to any character or it is used for power creation.

e.g. x2+y2

TAG FOR SUPER SCRIPT:

It is always start from <sup> and close with </sup>

Example: x<sup>2</sup>+y<sup>2</sup>

SUBSCRIPT:

We make sub script to any character or it is used to creat chemical equations

e.g. c6 h12 o6 h2o etc.

TAG FOR SUB SCRIPT:

It is always start from <sub> and close with </sub>

Example:

C<sub>6</sub>H<sub>12</sub>o<sub>6</sub>

STRIKE THROUGH:

We can strike through any word or sentence

TAG FOR STRIKE THROUGH:

It is always start from <strike>and close with</strike>

PRE:

This is used to read the same formet of your html editor as, space, tab,enter all the things which you can want to use in your editor(notepad)

It is always start from <pre> and close with </pre>

<pre>name add course city duration fee

Enter record below the field same as field by using tab key.

UL (UNORDERD LIST):

It is used to creat the ul crdesed list or bullet list in your web page.

It is always start from <ul>and closed with </ul> but <li> is the most important tag. It is always typed between the <ul>

<li>

</ul>

Every <li> tag shows bullets on the web page

Monday 29 August 2011

HEXADECIMAL COLOR CODES

BACKGROUND:

two types of back ground can be fill in the background of the

webpage.

1. fill color on the background

2. fill images in the background.

color tag:

FILL IMAGE IN THE BACK GROUND:

INSERTING IMAGE ON THE WEB PAGE:

DL TAG

The <dl> tag defines a definition list.

The <dl> tag is used in conjunction with <dt> (defines the item in the list in your web page) and <dd> (describes the item in the list on your web page).

HOW TO USE DL TAG:

<dl>

<dt>main</dt>

<dd>-sub</dd>

<dt>main</dt>

<dd>- sub</dd>

</dl>

HEXADECIMAL COLOR CODES:

black(Safe 16 SVG Hex3) #000000

midnightblue(Safe Hex3) #000033 navy(16 SVG) #000080

darkblue(SVG) #00008B

newmidnightblue #00009C mediumblue(SVG) #0000CD

blue2(Hex3) #0000EE

blue(Safe 16 SVG Hex3) #0000FF pinegreen(Safe Hex3) #003300

cichlid #003EFF

sign blue #003F87 dumpster #004F00

celtics #00611C

darkgreen(SVG) #006400 starbucks(Safe Hex3) #006633

deepskyblue4 #00688B

sign green #006B54 slateblue #007FFF

green(16 SVG) #008000

teal(16 SVG) #008080 turquoise4 #00868B

green4 #008B00

springgreen4 #008B45 darkcyan(SVG) #008B8B

irish flag(Safe Hex3) #009900

skyblue5(Safe Hex3) #0099CC deepskyblue3 #009ACD

truegreen #00AF33

deepskyblue2 #00B2EE deepskyblue(SVG) #00BFFF

turquoise3 #00C5CD

turquoiseblue #00C78C emeraldgreen #00C957

green3 #00CD00

springgreen3 #00CD66 cyan3 #00CDCD

darkturquoise(SVG) #00CED1

turquoise2 #00E5EE green2(Hex3) #00EE00

springgreen2 #00EE76

cyan2(Hex3) #00EEEE turquoise1 #00F5FF

mediumspringgreen(SVG) #00FA9A

lime(Safe 16 SVG Hex3) #00FF00 springgreen(Safe Hex3) #00FF33

neonavocado(Safe Hex3) #00FF66

springgreen(SVG) #00FF7F seagreen(Hex3) #00FFAA

light teal(Safe Hex3) #00FFCC

aqua(Safe 16 SVG Hex3) #00FFFF cyan(Safe 16=aqua SVG Hex3) #00FFFF

ty nant #0147FA

topaz #0198E1 mouthwash #01C5BB

picasso blue #0276FD

gray1 #030303 manganeseblue #03A89E

gray2 #050505

cerulean #05B8CC indiglo #05E9FF

teal LED #05EDFF

sea green #068481 gray3 #080808

gray4 #0A0A0A

permanentgreen #0AC92B police strobe #0BB5FF

gray5 #0D0D0D

banker's lamp #0E8C3A diamond blue #0EBFE9

gray6 #0F0F0F

turquoise #0FDDAF dodgerblue4 #104E8B

malachite #108070

ultramarine #120A8F gray7 #121212

garden hose #138F6A

gray8 #141414 ulysses butterfly #1464F4

gray9 #171717

masters jacket #174038 dodgerblue3 #1874CD

midnightblue(SVG) #191970

gray10 #1A1A1A alaska sky #1B3F8B

6 ball #1B6453

gray11 #1C1C1C dodgerblue2 #1C86EE

peafowl #1D7CF2

bottle green #1DA237 dodgerblue(SVG) #1E90FF

gray12 #1F1F1F

lightseagreen(SVG) #20B2AA emerald city #20BF9F

gray13 #212121

packer green #213D30 huntergreen #215E21

indigo2 #218868

delft #22316C forestgreen(SVG) #228B22

navyblue #23238E

steelblue #236B8E seagreen #238E68

gray14 #242424

gray15 #262626 blue spider #26466D

royalblue4 #27408B

pabst blue #283A90 cooler #284942

and many more

Thursday 18 August 2011

SETTING THE MARGIN OF THE WEB PAGE

we can easily set the margin of the web page through margin tag the there are two types of margins can be used in html.

1- top margin

2- left margin

if you set 72 pixels in the margin it means you have set 1 inch margin, the margin tag is always start in the body tag like this <body topmargin="72" leftmargin="72"> both top and left margins tag is inclued in the body tag, after setting the left and top margin no need to set margins from righ and botton of the page it will automatically adjust.

HEADINGS IN HTML:

Heading tags is simply used to create headings in html in different sizes it 1-6 sizes headings, heading tags is always start from <H>......and closed on </H>

HEADING SIZES:

<h1> this tag contains the smallest size of the heading</h1>

<h2> this tag is bigger than h1 tag</h2>

<h3> this tag is bigger than h2 tag</h3>

<h4> this tag is bigger than h3 tag</h4>

<h5> this tag is bigger than h4tag</h5>

<h6> this tag is bigger than all heading tags</h6>

if you want to write heading bigger to small type these tags from <h6> to <h1>

<h6> this tag is bigger than all heading tags</h6>

<h5> this tag is smallest than h6 tag</h5>

<h4> this tag is smallest than h5 tag</h4>

<h3> this tag is smallest than h4 tag</h3>

<h2> this tag is bigger than h3 tag</h2>

<h1>this tag contains the smallest size of the heading </h1>

Background color:

we can change the color of the background of the web page with the help of this tag it always start from <body bgcolor="color name"> no need to close this tag it is single tag.

Wednesday 17 August 2011

FORMATTING WITH TEXT IN HTML

TAGS FOR FORMATTING IN HTML

<B>THIS TAG IS USED TO MAKE BOLD THE TEXT IT IS ALWAYS START FROM<B> AND CLOSED WITH</B>

<I>THIS TAG IS USED TO MAKE ITALIC CHARACTERS IT IS ALWAYS START FROM <I> AND CLOSED WITH</I>

<U> THIS TAG IS USED TO MAKE CHARACTERS IN UNDERLINED IT IS ALWAYS START FORM<U> AND CLOSED WITH</U>

<FONT SIZE="TYPE THE NUMBERS FROM 1-7"> THIS TAG IS USED TO INCREASE THE FONT SIZE OF YOUR CHARACTERS, IT IS ALWAYS START FROM <FONT SIZE="4"> AND CLOSED WITH </FONT>

<P> THIS TAG IS USED TO CREATE PARAGRAPH THIS IS SINGLE TAG IT IS ALWAYS START FROM <P> NOT NEED TO CLOSED

ALIGNMENTS:

THERE ARE FOLLOWING FOUR TYPES OF ALIGNMENTS ARE USED IN HTML

1- LEFT ALIGNMENT :-YOUR TEXT WILL MOVED IN LEFT SIDE OF THE WEB PAGE, IT IS ALWAYS START FROM <P ALIGN="LEFT"> AND CLOSED WITH</LEFT>

2-CENTER ALIGNMENT:-YOUR TEXT WILL MOVED IN THE CENTER OF THE WEB PAGE, IT IS ALWAYS START FROM <P ALIGN="CENTER"> AND CLOSED WITH</CENTER>

3-RIGHT ALIGNMENT:- YOUR TEXT WILL MOVED IN RIGHT SIDE OF THE WEB PAGE, IT IS ALWAYS START FROM <P ALIGN="RIGHT"> AND CLOSED WITH</RIGHT>

4-JUSTIFY ALIGNMENT:- YOUR TEXT WILL JUSTIFIED OR BALANCED FROM BOTH SIDE(LEFT AND RIGHT SIDE) ON THE WEB PAGE, IT IS ALWAYS START FROM <P ALIGN="JUSTIFY"> AND CLOSED WITH</JUSTIFY>

Basic HTML

HTML

HTML is acronym for hypertext markup language. It is standardized for tagging text files achieving font, color,graphics (images), link and effects on the www (world wide web ) pages. We can display all the thing through tags, attributes, elements.

Tags:- Tags is a simple text character used to identify text on the web page.e.g. <>less then and greater than these sign is known as tags.

Attributes:- which identify the format of the tag you want to apply on the web page. e.g. <p> it is use to make a paragraph.

Element:- In which tag we show the format code start and end is known as element.

Note:- HTML coding is written in the note pad file.

BASIC STRUCTURE OF HTML:-

<HTML> = This is the identification of yours file in which you program is written.

<HEAD>

<title> = If you type anything between the title tags it will show on the title bar of your browser and title tags is also written between the need tags. </title>

</HEAD>

<body> = All the contents written in the body tags shows on your browsers page. </body>

</HTML> = this is the closing of your tags. two types of tags are used to creat web page.

(1) Single tags

(2) Paired tags.

(1) Single tags: Single tag will only start like <p>, <br> etc.

(2) Paired Tags: Paired tags start and end both tags are compulsory to show its cont.. e.g. <b>.......</b>, <i>.........</i> etc.

How to write a HTML Program

click on start - program- accessories-notepad or start- run- type "notepad" in the box- ok

Type the structure of the HTML codes in the notepad.

<html>

<head>

<title>your title</title>

</head>

<body>type your contant</body>

</html>

file- save- type the name of the file with the extension e.g. siss.HTML-save-double click on your browser-file-open-browse-select file where you saved-open-OK

All the contants of that file will show in your browser.

Basic HTML Stretcher

(source by faizan jamal)

PAWAN RAJ SINGH

Tuesday 30 August 2011

HTML CODING (SUPER SCRIPT, SUB SCRIPT AND UNORDERED LIST)

Monday 29 August 2011

HEXADECIMAL COLOR CODES

Thursday 18 August 2011

SETTING THE MARGIN OF THE WEB PAGE

Wednesday 17 August 2011

FORMATTING WITH TEXT IN HTML

Basic HTML

Blogger news

Labels

Archive

Pages