E-Buisness CH 02

E-Business Design
How to Create your first web page?

Basics of HTML Open windows note pad and write
<HTML> </HTML>
Save the file with .htm extension
The Head Section

<HTML> <HEAD> </HEAD> </HTML>
The Head Section

<HTML> <HEAD> <TITLE>MY FIRST PAGE</TITLE> </HEAD> </HTML>
The Body Section

<HTML> <HEAD> <TITLE>MY FIRST PAGE</TITLE> </HEAD> <BODY> </BODY> </HTML>
The Body Section

<HTML> <HEAD> <TITLE>MY FIRST PAGE</TITLE> </HEAD> <H1>MY FIRST WEB PAGE</H1> (H1 is tag denotes the font size of words) </BODY> </HTML>
The Body Section

<HTML> <HEAD> <TITLE>MY FIRST PAGE</TITLE> </HEAD> <BODY> <DIV ALIGN="CENTER"><H1>MY FIRST WEB PAGE</H1></DIV> </BODY> </HTML>
The Body Section

<HTML> <HEAD> <TITLE>MY FIRST PAGE</TITLE> </HEAD> <BODY BGCOLOR=CORNSILK> <DIV ALIGN="CENTER"><H1>MY FIRST WEB PAGE</H1></DIV> </BODY> </HTML>
Hexadecimal Color Codes

Table 1: Reddish Tints Toward Purple Tints
#FF4848 #FF7575 #FF68DD #FF79E1 #FF62B0 #FF73B9 #FE67EB #FE67EB #E469FE #E77AFE #D568FD #D97BFD #9669FE #A27AFE
#FF8A8A
#FF9797 #FFA8A8 #FFBBBB
#FF86E3
#FF97E8 #FFACEC #FFACEC
#FF86C2
#FF97CB #FFA8D3 #FFBBDD
#FE8BF0
#FE98F1 #FEA9F3 #FFBBF7
#EA8DFE
#ED9EFE #EFA9FE #F2BCFE
#DD88FD
#E29BFD #E7A9FE #EDBEFE
#AD8BFE
#B89AFE #C4ABFE #D0BCFE
#FFCECE
#FFDFDF #FFECEC #FFF2F2
#FFC8F2
#FFDFF8 #FFEEFB #FFFEFB
#FFC8E3
#FFDFEF #FFECF5 #FFF9FC
#FFCAF9
#FFDBFB #FFEEFD #FFF9FE
#F5CAFF
#F9D9FF #FDF2FF #FFFDFF
#F0CBFE
#F4DCFE #FAECFF #FDF9FF
#DDCEFF
#E6DBFF #F1ECFF #FBF9FF

Table 2: Purple Toward Blue & Beyond (Some Tones)
"#800080" "#BF00BF" "#DB00DB" "#F900F9" "#FF4AFF" "#FF86FF" "#FFA4FF" "#FFBBFF" "#FFCEFF" "#FFDFFF" "#FFECFF" "#FFF9FF" "#872187" "#BC2EBC" "#D54FD5" "#DD75DD" "#DD75DD" "#E697E6" "#EAA6EA" "#EEBBEE" "#F0C4F0" "#F4D2F4" "#F4D2F4" "#FDF9FD" "#9A03FE" "#A827FE" "#B445FE" "#BD5CFE" "#C269FE" "#CD85FE" "#D698FE" "#DFB0FF" "#E8C6FF" "#EFD7FF" "#F9EEFF" "#FEFDFF" "#892EE4" "#9B4EE9" "#A55FEB" "#AE70ED" "#AE70ED" "#C79BF2" "#CEA8F4" "#DBBFF7" "#E1CAF9" "#EDDFFB" "#F5EEFD" "#FEFDFF" "#3923D6" "#6755E3" "#8678E9" "#9588EC" "#A095EE" "#B0A7F1" "#BCB4F3" "#CBC5F5" "#D7D1F8" "#E3E0FA" "#EFEDFC" "#F7F5FE" "#2966B8" "#2F74D0" "#4985D6" "#6094DB" "#7BA7E1" "#8EB4E6" "#A9C5EB" "#BAD0EF" "#CEDEF4" "#E0EAF8" "#EAF1FB" "#F8FBFE" "#23819C" "#2897B7" "#2FAACE" "#44B4D5" "#57BCD9" "#7BCAE1" "#8CD1E6" "#A5DBEB" "#B8E2EF" "#C9EAF3" "#DBF0F7" "#EAF7FB"

Table 4:
"#1FCB4A" "#27DE55" "#4AE371" "#7CEB98" "#93EEAA" "#A4F0B7" "#BDF4CB" "#D6F8DE" "#E3FBE9" "#E3FBE9" "#FAFEFB" "#59955C" "#6CA870" "#80B584" "#93BF96" "#A6CAA9" "#B4D1B6" "#C9DECB" "#DBEADC" "#E9F1EA" "#F3F8F4" "#FBFDFB" "#48FB0D" "#79FC4E" "#89FC63" "#99FD77" "#AAFD8E" "#BAFEA3" "#CAFEB8" "#DDFED1" "#EAFEE2" "#F1FEED" "#FDFFFD" "#2DC800" "#32DF00" "#36F200" "#52FF20" "#6FFF44" "#8FFF6F" "#A5FF8A" "#B3FF99" "#D2FFC4" "#E7FFDF" "#F5FFF2" "#59DF00" "#61F200" "#66FF00" "#95FF4F" "#ABFF73" "#C0FF97" "#D1FFB3" "#DFFFCA" "#E8FFD9" "#F2FFEA" "#FAFFF7" "#9D9D00" "#C8C800" "#DFDF00" "#FFFFAA" "#FFFF84" "#FFFF99" "#FFFFB5" "#FFFFC8" "#FFFFD7" "#FFFFE3" "#FFFFFD" "#B6BA18" "#CDD11B" "#DFE32D" "#EDEF85" "#EEF093" "#F2F4B3" "#F5F7C4" "#F7F9D0" "#FAFBDF" "#FCFCE9" "#FDFDF0"
The Body Section

<HTML> <HEAD> <TITLE>MY FIRST PAGE</TITLE> </HEAD> <BODY BGCOLOR="SKYBLUE"> <DIV ALIGN="CENTER"><H1>MY FIRST WEB PAGE</H1></DIV> <H2>MY NAME: AMIT MATHUR</H2> <H3>I STUDY IN AIM <BR> I AM STUDYING IN SECOND YEAR OF PGDM</H3> </BODY> </HTML>
The Body Section

<HTML> <HEAD> <TITLE>MY FIRST PAGE</TITLE> </HEAD> <BODY BGCOLOR="SKYBLUE"> <DIV ALIGN="CENTER"><H1>MY FIRST WEB PAGE</H1></DIV> <H2>MY NAME: AMIT MATHUR</H2> <H3>I STUDY IN AIM <BR> I AM STUDYING IN SECOND YEAR OF PGDM</H3> <H4><I>I LOVE COOKING AND EATING THE BURGER<I><H4> </BODY> </HTML>
The Body Section

<HTML> <HEAD> <TITLE>MY FIRST PAGE</TITLE> </HEAD> <BODY BGCOLOR="SKYBLUE"> <DIV ALIGN="CENTER"><H1>MY FIRST WEB PAGE</H1></DIV> <H2>MY NAME: AMIT MATHUR</H2> <H3>I STUDY IN AIM <BR> I AM STUDYING IN SECOND YEAR OF PGDM</H3> <H4><I or EM>I LOVE COOKING AND EATING THE BURGER</I or EM><H4> <H5><U>I WANT TO GET A GOOD JOB AND WANT TO SETTLE IN PUNE</U><H5> </BODY> </HTML>
The Body Section

<HTML> <HEAD> <TITLE>MY FIRST PAGE</TITLE> </HEAD> <BODY BGCOLOR="SKYBLUE"> <DIV ALIGN="CENTER"><H1>MY FIRST WEB PAGE</H1></DIV> <H2>MY NAME: AMIT MATHUR</H2> <H3>I STUDY IN AIM <BR> I AM STUDYING IN SECOND YEAR OF PGDM</H3> <H4><I or EM>I LOVE COOKING AND EATING THE BURGER</I or EM></H4> <H5><U>I WANT TO GET A GOOD JOB AND WANT TO SETTLE IN PUNE</U><H5> <H2>THE CHEMICAL FORMULA OF WATER IS H<SUB>2</SUB>O</H2> </BODY> </HTML>
The Body Section

<HTML> <HEAD> <TITLE>MY FIRST PAGE</TITLE> </HEAD> <BODY BGCOLOR="SKYBLUE"> <DIV ALIGN="CENTER"><H1>MY FIRST WEB PAGE</H1></DIV> <H2>MY NAME: AMIT MATHUR</H2> <H3>I STUDY IN AIM <BR> I AM STUDYING IN SECOND YEAR OF PGDM</H3> <H4><I or EM>I LOVE COOKING AND EATING THE BURGER</I or EM></H4> <H5><U>I WANT TO GET A GOOD JOB AND WANT TO SETTLE IN PUNE</U></H5> <H2>THE CHEMICAL FORMULA OF WATER IS H<SUB>2</SUB>O</H2> </BODY> </HTML>
The Body Section

<HTML> <HEAD> <TITLE>MY FIRST PAGE</TITLE> </HEAD> <BODY BGCOLOR="SKYBLUE"> <DIV ALIGN="CENTER"><H1>MY FIRST WEB PAGE</H1></DIV> <H2>MY NAME: AMIT MATHUR</H2> <H3>I STUDY IN AIM <BR> I AM STUDYING IN SECOND YEAR OF PGDM</H3> <H4><I or EM>I LOVE COOKING AND EATING THE BURGER</I or EM><H4> <H5><U>I WANT TO GET A GOOD JOB AND WANT TO SETTLE IN PUNE</U><H5> <H2>THE CHEMICAL FORMULA OF WATER IS H<SUB>2</SUB>O<H2> <H2>THE MATHMATICAL FORMULA IS 2<SUP>4</SUP>=16<H2> </BODY> </HTML>
The Body Section

<HTML> <HEAD> <TITLE>MY FIRST PAGE</TITLE> </HEAD> <BODY BGCOLOR="SKYBLUE"> <H4>10 people died in a car accident<BIG> Dainik Bhaskar</H4> </BODY> </HTML>
The Body Section

<HTML> <HEAD> <TITLE>MY FIRST PAGE</TITLE> </HEAD> <BODY BGCOLOR="SKYBLUE"> <H2>10 people died in a car accident<SMALL> Dainik Bhaskar</H2> </BODY> </HTML>
The Body Section

<HTML> <HEAD> <TITLE>MY FIRST PAGE</TITLE> </HEAD> <BODY BGCOLOR="SKYBLUE"> <H2>10 people died in a car accident<SMALL> Dainik Bhaskar<H2> <FONT SIZE="7" COLOR="RED">I LOVE INDIA</FONT> <FONT SIZE=+2>This is larger font size</FONT> </BODY> </HTML>
The Body Section

<HTML> <HEAD> <TITLE>MY FIRST PAGE</TITLE> </HEAD> <BODY BGCOLOR="SKYBLUE"> <H2><FONT FACE=Tahoma> This is my India</Font></H2> </BODY> </HTML>
The Body Section/Introduction of Tables
<Table>
</Table>
<Table>
<TR> </TR>
</Table>
<Table>
<TR> <TH>
</TR>
</Table>
<Table>
<TR>
</TR>
</Table>
<Table>
<TR> <TH>Roll
No.</TH> <TH>Name of Student</TH> <TH>Final Score</TH> </TR>
</Table>
<Table Border =1/2/3>

<TR> <TH>Roll
</Table>
<Table Border =1/2/3 BGCOLOR =RED>

<TR>
<TH>Roll
</Table>

<TR> <TH>Roll No.</TH> <TH>Name of Student</TH> <TH>Final Score</TH> </TR> <TR> <TD>01</TD> <TD>Kishore Kumar</TD> <TD>71</TD> </TR>
</Table>

<TR> <TH>Roll No.</TH> <TH>Name of Student</TH> <TH>Final Score</TH> </TR> <TR> <TD>01</TD> <TD>Kishore Kumar</TD> <TD>71</TD> </TR> <TR> <TD>02</TD> <TD>Awadhesh Kumar</TD> <TD> </TD> </TR>
</Table>
Different Table Attributes
Align BACKGROUND BGCOLOR BORDER BORDERCOLOR BORDERCOLORLIGHT BORDERCOLORDARK CELLPADDING CELLSPACING
COLS COLSPAN FRAME HSPACE ROWSPAN VSPACE WIDTH
<Table Border =1/2/3 BGCOLOR =RED Align =Center>

</Table>
<Table Border =1/2/3 BGCOLOR =RED Align =Center Style ="marginright:125px;">

</Table>
<Table width =500 Border =1/2/3 BGCOLOR =RED Align =Center Style ="margin-right:125px;">

</Table>
<Table width =500 Border =1/2/3 BGCOLOR =RED Align =Center Style ="margin-right:125px; >

</Table>

<TR BG Color =CORNSILK> <TH>Roll No.</TH> <TH>Name of Student</TH> <TH>Final Score</TH> </TR> <TR> <TD>01</TD> <TD>Kishore Kumar</TD> <TD>71</TD> </TR> <TR> <TD>02</TD> <TD>Awadhesh Kumar</TD> <TD> </TD> </TR>
</Table>

<TR BGCOLOR ="CORNSILK"> <TH BGCOLOR ="Yellow">Roll No.</TH> <TH>Name of Student</TH> <TH>Final Score</TH> </TR> <TR> <TD BGCOLOR = "Sky blue">01</TD> <TD BGCOLOR ="orange">Kishore Kumar</TD> <TD BGCOLOR ="tan">71</TD> </TR> <TR> <TD>02</TD> <TD>Awadhesh Kumar</TD> <TD> </TD> </TR>
</Table>
<Table width =500 Border ="5" bordercolor= "#007fff BGCOLOR =RED Align =Center Style ="margin-right:125px; >

</Table>
<Table width =500 BORDER="6 BGCOLOR="cornsilk BORDERCOLOR="purple" BORDERCOLORLIGHT="pink BORDERCOLORDARK="orange Align =Center Style ="marginright:125px; >

</Table>
<Table width =500 BORDER="6 BGCOLOR="cornsilk BORDERCOLOR="purple" BORDERCOLORLIGHT="pink BORDERCOLORDARK="orange Align =Center Style ="marginright:125px;cellpadding ="10">

</Table>
<Table width =500 BORDER="6 BGCOLOR="cornsilk BORDERCOLOR="purple" BORDERCOLORLIGHT="pink BORDERCOLORDARK="orange Align =Center Style ="marginright:125px;cellpadding ="10 cellspacing =10>

</Table>
Table Properties
<table border ="1"> <tr> <th colspan ="2">left</th> <th colspan ="2">right</th> </tr> <tr> <td>In</td><td>Out</td><td>In</td><td>Out</td> </tr> <TR> <TD COLSPAN="4">This cell spans 4 columns</TD> </TR>
Few More Tags

<body> this is horizontal marquee <div align ="center"><font color ="#ffffff" size ="+1"><marquee bgcolor= "#000080 direction= "right" width="75% scrollamount =2><strong>We are learning html</strong></marquee></font></div> </body>
Few more tags

<p> this is vertical marquee <div align ="center"><font color= "#ffffff" size="+2"><marquee bgcolor="#000080" direction="up width ="35% scrollamount ="2"><center><font color="#ffffff" size ="+1"><B> this is a cool way<br> to learn html<br> in the E business classes</b></font></center></marquee></div >
Form Attributes
<html> <form> <button>I am <I>really</I> sure I want to proceed</button> </form> <html>
Form Attributes
html> <form> <button type = "reset/submit/cancel"><b> clear all data</b>in this form</button> </form> <html>
Form Attributes
<html> <form> <div> <label for="Name">Name:</label> <input type ="text"> </div> </form> <html>
Form Attributes

<html> <form> <div> <label for="Name">Name:</label> <input type ="text"> </div> <div> <label for= "contact">Contact Tel No.:<label> <input type ="numeric"> <div> </form> <html>
Form Attributes

<html> <form> <div> <label for="Name">Name:</label> <input type ="text"> </div> <div> <label for= "contact">Contact Tel No.:<label> <input type ="numeric"> <div> <div> <Input type = "submit" value = "Send booking details"> </div> </form> <html>
Form Attributes

<form> <label for ="Favourite Food">Favourite Food</label> <select name = "Favourite Food"> <option>cheese</option> <option>Egg</option> <option>cabbage</option> </select> </form>
Form Attributes
<form> <lable for ="Perfect Day"> Describe your perfect Day:</label> <textarea id ="Perfect day"></textarea> <Input type ="submit" value ="Tell Us"> </form>

E-Buisness CH 02

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

E-Buisness CH 02

Transféré par

Droits d'auteur :

Formats disponibles

E-Business Design

How to Create your first web page?

Save the file with .htm extension

The Head Section

The Head Section

The Body Section

The Body Section

The Body Section

The Body Section

Hexadecimal Color Codes

Hexadecimal Color Codes

Hexadecimal Color Codes

The Body Section

The Body Section

The Body Section

The Body Section

The Body Section

The Body Section

The Body Section

The Body Section

The Body Section

The Body Section

The Body Section/Introduction of Tables

The Body Section/Introduction of Tables

The Body Section/Introduction of Tables

The Body Section/Introduction of Tables

The Body Section/Introduction of Tables

No.</TH> <TH>Name of Student</TH> <TH>Final Score</TH> </TR>

The Body Section/Introduction of Tables

<Table Border =1/2/3>

No.</TH> <TH>Name of Student</TH> <TH>Final Score</TH> </TR>

The Body Section/Introduction of Tables

<Table Border =1/2/3 BGCOLOR =RED>

No.</TH> <TH>Name of Student</TH> <TH>Final Score</TH> </TR>

The Body Section/Introduction of Tables

<Table Border =1/2/3 BGCOLOR =RED>

The Body Section/Introduction of Tables

<Table Border =1/2/3 BGCOLOR =RED>

Different Table Attributes

Align BACKGROUND BGCOLOR BORDER BORDERCOLOR BORDERCOLORLIGHT BORDERCOLORDARK CELLPADDING CELLSPACING

COLS COLSPAN FRAME HSPACE ROWSPAN VSPACE WIDTH

The Body Section/Introduction of Tables

<Table Border =1/2/3 BGCOLOR =RED Align =Center>

The Body Section/Introduction of Tables

<Table Border =1/2/3 BGCOLOR =RED Align =Center Style ="marginright:125px;">

The Body Section/Introduction of Tables

The Body Section/Introduction of Tables

The Body Section/Introduction of Tables

The Body Section/Introduction of Tables

The Body Section/Introduction of Tables

The Body Section/Introduction of Tables

The Body Section/Introduction of Tables

The Body Section/Introduction of Tables

Few More Tags

Few more tags

Vous aimerez peut-être aussi