HTML_PRINT22
BASIC HTML TAGS
HTML ELEMENTS: BASIC HTML TAGS SHOULD BE ADDED TO EVERY WEB PAGES OF A WEB SITE.
HTML TAGS:- <HTML>………….</HTML>
HEAD TAGS:-<HEAD>…………</HEAD>
TITLE TAGS:-<TITLE>………..</TITLE>
BODY TAGS:-<BODY>………..</BODY>
BLOCK ORIENTED ELEMENTS (PARAGRAPH) :- <P>…………….</P>1
FONT TAGS:-<FONT COLOR=”RED”>…. </FONT>
<BODY BGCOLOR=”RED”>
<BODY TEXT=”YELLOW”>
<BODY TEXT=”YELLOW” BGCOLOR=”PINK”>
SECTION TAGS (HEADINGS) :-<H1>…………..</H1> HEADING 1 TO HEADING 6
BLOCK ORIENTED ELEMENTS (PARAGRAPH) :- <P>…………….</P>
FONT TAGS:-
<FONT COLOR=”RED”>…. </FONT>
<BODY BGCOLOR=”RED”>
<BODY TEXT=”YELLOW”>
<BODY TEXT=”YELLOW” BGCOLOR=”PINK”
OTHER ELEMENTS:-
<I>…..ITALIC…</I>
<B>..BOLD..</B>
<U>..UNDERLINE..</U>
<STRIKE>COMPUTER
</STRIKE>
<SUP>…</SUP>
10<SUP>2 </SUP>
<SUB>….</SUB>
H<SUB>2</SUB>O = H2O
<STRIKE>COMPUTER
</STRIKE>
TABLES:-
BORDER=ADD BORDER TO A TABLE
TH=HEADINGS TO COLUMN
TR= CREATE ROWS
TD= TABLE DATAS CELL DATA
CELL PADDING= SPACING BETWEEN EDGES OF CELL AND ITS DATA
CELL SPACING= SPACING BETWEEN CELLS
ALIGN= HORIZONTAL ALIGN OF EACH CELL
VALIGN=VERTICAL ALIGN
ROW SPAN=SPAN CELL OR HEADING ACROSS
COLSAPAN=SPAN CELL OR HEADING ACROSS COLUMNS]
BASIC SKELETON OF HTML:-
<HTML>
<HEAD>
<MARQUEE> SCROLLING TEXT </MARQUEE>
<TITLE>WEB PAGES </TITLE>
</HEAD>
<BODY>
I AM LEARNING HTML8
</BODY>
</HTML>
LAB. ACTIVITY NO:-1.
<HTML>
<HEAD>
<TITLE>MOVING </TITLE>
</HEAD>
<BODY>
<MARQUEE BEHAVIOR=”ALTERNATE”BGCOLOR=”RED”WIDTH=”50%”HEIGHT=”100%”DIRECTION=”DOWN”>SCROLLING TEXT </MARQUEE>
<OL TYPE=”CIRCLE” OR”DIAMOND”>
<LI>I AM LEARNING HTML8
</BODY>
</HTML>
LAB. ACTIVITY NO
<TABLE BORDER=”2” WIDTH=”100%” HEIGHT=”100%” CELLPADDING=”20” CELLSPACING=”4”
<TR>
<TH COLSPAN=3>HTML PRESS</TH>
TH ROWSPAN=4>HTML PRESS </TH>
</TR>
<TR>
<TH> BOOK NAME </TH>
<TH> AUTHOR </TH>
<TH>PRICE</TH>
</TR>
<TD>BASIC COMPUTER </TD>
<TD> R GUPTA</TD>
<TD> RS.199/- </TD>
</TR>
</TABLE>
LAB. ACTIVITY NO:LIST :-
ORDER LIST (OL)
<OL>
<LI> COST </LI>
<LI> COMPNANY </LI>
<LI>ITEM </LI>
</OL>
UN ORDER LIST (UL)
<UL>
<LI> COST </LI>
<LI> COMPNANY </LI>
<LI>ITEM </LI>
</UL>
DEFINATION LIST:- (DL)
DT (CREATE ITEMS)
DD (DISPLAY DEFINATION
EXAMPLE:-
<DL>
<DT> COST <DD> HOW MUCH?
</DL>
LAB. ACTIVITY NO
<HTML>
<HEAD>
<TITLE>EDUCATION DETAILS</TITLE>
</HEAD>
<BODY>
<H1 ALIGN="CENTER" STYLE="COLOR:BLUE">EDUCATION DETAILS</H1><BR><BR>
<TABLE BORDER="1" BACKGROUND="GRAY" CELLSPACING="5" CELLPADDING="5">
<TH>SNO</TH>
<TH>COURSE</TH>
<TH>BOARD/UNIVERSITY</TH>
<TH>SCHOOL/COLLEGE</TH>
<TH>YEAR OF PASSING</TH>
<TH>PERCENTAGE</TH>
<TR>
<TD>1</TD>
<TD>10</TD>
<TD>ICSE</TD>
<TD>DPS</TD>
<TD>2008</TD>
<TD>90</TD>
</TR>
<TR>
<TD>2</TD>
<TD>12</TD>
<TD>ICSE</TD>
<TD>DPS</TD>
<TD>2010</TD>
<TD>95</TD>
</TR>
</TABLE>
</BODY>
</HTML>
LAB_ACTIVITY
<HTML>
<HEAD>
<TITLE>EDUCATION DETAILS</TITLE>
</HEAD>
<BODY>
<H1 ALIGN="CENTER" STYLE="COLOR:BLUE">EDUCATION DETAILS</H1><BR><BR>
<TABLE BORDER="1" BACKGROUND="GRAY" CELLSPACING="5" CELLPADDING="5">
<TH>SNO</TH>
<TH>COURSE</TH>
<TH>BOARD/UNIVERSITY</TH>
<TH>SCHOOL/COLLEGE</TH>
<TH>YEAR OF PASSING</TH>
<TH>PERCENTAGE</TH>
<TR>
<TD>1</TD>
<TD>10</TD>
<TD>ICSE</TD>
<TD>DPS</TD>
<TD>2008</TD>
<TD>90</TD>
</TR>
<TR>
<TD>2</TD>
<TD>12</TD>
<TD>ICSE</TD>
<TD>DPS</TD>
<TD>2010</TD>
<TD>95</TD>
</TR>
</TABLE>
</BODY>
</HTML>
LAB. ACTIVITY NO
<TABLE CELLPADDING="2" WIDTH="20%" BGCOLOR="99FFFF" ALIGN="CENTER" CELLSPACING="2">
<TR>
<TD COLSPAN=2>
<CENTER><FONT SIZE=4><B>STUDENT REGISTRATION FORM</B></FONT></CENTER>
</TD>
</TR>
<TR>
<TD>NAME</TD>
<TD><INPUT TYPE=TEXT NAME=TEXTNAMES ID="TEXTNAME" SIZE="30"></TD>
</TR>
<TR>
<TD>FATHER NAME</TD>
<TD><INPUT TYPE="TEXT" NAME="FATHERNAME" ID="FATHERNAME" SIZE="30"></TD>
</TR>
<TR>
<TD>POSTAL ADDRESS</TD>
<TD><INPUT TYPE="TEXT" NAME="PADDRESS" ID="PADDRESS" SIZE="30"></TD>
</TR>
<TR>
<TD>PERSONAL ADDRESS</TD>
<TD><INPUT TYPE="TEXT" NAME="PERSONALADDRESS" ID="PERSONALADDRESS" SIZE="30"></TD>
</TR>
<TR>
<TD>SEX</TD>
<TD><INPUT TYPE="RADIO" NAME="SEX" VALUE="MALE" SIZE="10">MALE
<INPUT TYPE="RADIO" NAME="SEX" VALUE="FEMALE" SIZE="10">FEMALE</TD>
</TR>
<TR>
<TD>CITY</TD>
<TD><SELECT NAME="CITY">
<OPTION VALUE="-1" SELECTED>SELECT..</OPTION>
<OPTION VALUE="NEW DELHI">NEW DELHI</OPTION>
<OPTION VALUE="MUMBAI">MUMBAI</OPTION>
<OPTION VALUE="GOA">GOA</OPTION>
<OPTION VALUE="PATNA">PATNA</OPTION>
</SELECT></TD>
</TR>
<TR>
<TD>COURSE</TD>
<TD><SELECT NAME="COURSE">
<OPTION VALUE="-1" SELECTED>SELECT..</OPTION>
<OPTION VALUE="B.TECH">B.TECH</OPTION>
<OPTION VALUE="MCA">MCA</OPTION>
<OPTION VALUE="MBA">MBA</OPTION>
<OPTION VALUE="BCA">BCA</OPTION>
</SELECT></TD>
</TR>
<TR>
<TD>DISTRICT</TD>
<TD><SELECT NAME="DISTRICT">
<OPTION VALUE="-1" SELECTED>SELECT..</OPTION>
<OPTION VALUE="NALANDA">NALANDA</OPTION>
<OPTION VALUE="UP">UP</OPTION>
<OPTION VALUE="GOA">GOA</OPTION>
<OPTION VALUE="PATNA">PATNA</OPTION>
</SELECT></TD>
</TR>
<TR>
<TD>STATE</TD>
<TD><SELECT NAME="STATE">
<OPTION VALUE="-1" SELECTED>SELECT..</OPTION>
<OPTION VALUE="NEW DELHI">NEW DELHI</OPTION>
<OPTION VALUE="MUMBAI">MUMBAI</OPTION>
<OPTION VALUE="GOA">GOA</OPTION>
<OPTION VALUE="BIHAR">BIHAR</OPTION>
</SELECT></TD>
</TR>
<TR>
<TD>PINCODE</TD>
<TD><INPUT TYPE="TEXT" NAME="PINCODE" ID="PINCODE" SIZE="30"></TD>
</TR>
<TR>
<TD>EMAILID</TD>
<TD><INPUT TYPE="TEXT" NAME="EMAILID" ID="EMAILID" SIZE="30"></TD>
</TR>
<TR>
<TD>DOB</TD>
<TD><INPUT TYPE="TEXT" NAME="DOB" ID="DOB" SIZE="30"></TD>
</TR>
<TR>
<TD>MOBILENO</TD>
<TD><INPUT TYPE="TEXT" NAME="MOBILENO" ID="MOBILENO" SIZE="30"></TD>
</TR>
<TR>
<TD><INPUT TYPE="RESET"></TD>
<TD COLSPAN="2"><INPUT TYPE="SUBMIT" VALUE="SUBMIT FORM" /></TD>
</TR>
</TABLE>
</FORM>
</BODY>
</HTML>
LAB. ACTIVITY NO
<HTML>
<HEAD>
<TITLE> TEST PAGE </TITLE>
</HEAD>
<IMG SRC=" "WIDTH="55" HEIGHT="40">
<BODY>
<H1> HTML</H1>
<P> AFTER LEARING HTML, I WILL MAKE MY WEB PAGE</P>
</BODY>
</HTML>
LAB. ACTIVITY NO
<HTML>
<HEAD>
<TITLE> TEST PAGE</TITLE>
</HEAD>
<BODY>
<A HREF="….."> GOTO PAGES </A> [ THIS COMMAND IS USED FOR LINKING THE FILE]
<H1> HTML</HTML> </H1>
<H2> HTML</HTML></H2>
<H3> HTML</HTML></H3>
<H4> HTML</HTML></H4>
<H5> HTML</HTML></H5>
<H6> HTML</HTML></H6>
<P> AFTER LEARING HTML, I WILL MAKE MY WEB PAGE</P>
</BODY>
</HTML>
LAB. ACTIVITY NO
<!DOCTYPE HTML>
<HTML>
<BODY>
<P>THIS TEXT IS NORMAL.</P>
<P><B>THIS TEXT IS BOLD.</B></P>
</BODY>
</HTML>
LAB. ACTIVITY NO
<!DOCTYPE HTML>
<HTML>
<BODY>
<P>THIS IS <SUB>SUBSCRIPTED</SUB> TEXT.</P>
</BODY>
</HTML>
LAB_ACTIVITY
<!DOCTYPE HTML>
<HTML>
<BODY>
<P>THIS IS <SUP>SUPERSCRIPTED</SUP> TEXT.</P>
</BODY>
</HTML>
LAB_ACTIVITY
<!DOCTYPE HTML>
<HTML>
<BODY>
<P>DO NOT FORGET TO BUY <MARK>MILK</MARK> TODAY.</P>
</BODY>
</HTML>
LAB. ACTIVITY
<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE>JS BIN</TITLE>
</HEAD>
<BODY>
<A HREF=" D:\HTML">…..</A>
<P>HTML TUTORIAL</P>
<P>PYTHON TUTORIAL</P>
<P>PHP TUTORIAL</P>
</BODY>
</HTML>
LAB. ACTIVITY
<HTML>
<HEAD>
</HEAD>
<FRAMESET ROWS=”50%,50%”>
<FRAME SRC=””>
</FRAME>
<FRAMESET ROWS=”50%,50%”>
<FRAME SRC=””>
</FRAME>
</HTML>
</BODY>
</HTML>
LAB. ACTIVITY NO:-9
<HTML>
<HEAD>
<TITLE>FORM</TITLE>
<BODY>
<H1 ALIGN="CENTER">EXECUTIVE FORM</H1>
<FORM METHOD="POST">
<P><STRONG>NAME:</STRONG><INPUT TYPE+"TEXT"NAME=THE NAME"></P></P>
<P><INPUT TYPE="SUBMIT" VALUE="SUBMIT">
<INPUT TYPE="RESET" VALUE="CLEAR FORM"></P>
</FORM>
<HR>
</BODY>
</HTML>
LAB_ACTIVITY
<HTML>
<HEAD>
<TITLE> JOB APPLICATION </TITLE>
</HEAD>
<BODY>
<H1 ALIGN="CENTER"> FOR THE POST OF COMPUTER</H1>
<HR>
<FORM METHOD="POST">
<P>NAME:<INPUT TYPE=TEXT"NAME=THENAME"></P>
<P>GENDER:
<INPUT CHECKED TYPE="RADIO" NAME=THEGENDER" VALUE="MALE">MALE
<INPUT CHECKED TYPE="RADIO" NAME=THEGENDER" VALUE="FEMALE">FEMALE
<FORM ACTION="" METHOD="GET" CLASS="FORM-EXAMPLE">
<DIV CLASS="FORM-EXAMPLE">
<LABEL FOR="NAME">ENTER YOUR NAME: </LABEL>
<INPUT TYPE="TEXT" NAME="NAME" ID="NAME" REQUIRED>
</DIV>
<DIV CLASS="FORM-EXAMPLE">
<LABEL FOR="EMAIL">ENTER YOUR EMAIL: </LABEL>
<INPUT TYPE="EMAIL" NAME="EMAIL" ID="EMAIL" REQUIRED>
</DIV>
<DIV CLASS="FORM-EXAMPLE">
<INPUT TYPE="SUBMIT" VALUE="SUBSCRIBE!">
</DIV>
</FORM>
</FORM>
<HR>
</BODY>
</HTML>
LAB. ACTIVITY
<HTML>
<HEAD>
<TITLE>HTML FRAME TAG</TITLE>
</HEAD>
<FRAMESET COLS="20%,80%">
<FRAME SRC=LEFT.HTML>
<FRAME SRC=RIGHT.HTML>
</FRAMESET>
<BODY>THIS IS THE LEFT FRAME</BODY>
<BODY BGCOLOR="BLUE" TEXT="WHITE">THIS IS THE RIGHT FRAME WITH A BLUE BACKGROUND AND WHITE TEXT.</BODY>
<BODY>
THIS IS THE LEFT FRAME <P>
<A HREF="RED.HTML">RED</A> <BR>
</BODY>
<BODY BGCOLOR="RED" TEXT="WHITE">
THIS IS THE RIGHT FRAME
</BODY>
LAB. ACTIVITY NO
<HTML>
<HEAD>
<TITLE>FORM</TITLE>
<BODY>
<H1 ALIGN="CENTER">EXECUTIVE FORM</H1>
<FORM METHOD="POST" ACTION="HTTP://WWW.MCP.COM">
<P><STRONG>NAME:</STRONG><INPUT TYPE+"TEXT"NAME=THE NAME"></P></P>
<P><INPUT TYPE="SUBMIT" VALUE="SUBMIT">
<INPUT TYPE="RESET" VALUE="CLEAR FORM"></P></FORM><HR>
</BODY>
</HTML>
LAB. ACTIVITY
<HTML>
<HEAD>
<TITLE> JOB APPLICATION </TITLE>
</HEAD>
<BODY>
<H1 ALIGN="CENTER"> FOR THE POST OF COMPUTER</H1>
<HR>
<FORM METHOD="POST">
<P>NAME:<INPUT TYPE=TEXT"NAME=THENAME"></P>
<P>GENDER:
<INPUT CHECKED TYPE="RADIO" NAME=THEGENDER" VALUE="MALE">MALE
<INPUT CHECKED TYPE="RADIO" NAME=THEGENDER" VALUE="FEMALE">FEMALE
</FORM>
<HR>
</BODY>
</HTML>
LAB ACTIVITY:
<HTML>
<HEAD>
<TITLE>GARGI'S PAGE</TITLE>
</HEAD>
<BODY BGCOLOR="GRAY">
<FONT SIZE="8">
<A HREF="ABOUT_US.HTML">ABOUT US</A>&NBSP;&NBSP;
<A HREF="BIOGRAPHY.HTML">OUR SERVICES</A>&NBSP;&NBSP;
<A HREF="CONTACT_US.HTML">CONTACT US</A></FONT>
</BODY>
</HTML>
LAB. ACTIVITY NO
LAB_ACTIVITY
<HTML>
<HEAD>
<TITLE> MY FIRST PAGE </TITLE>
</HEAD>
<BODY>
<UL TYPE='A'>
<LI>RED
<LI>BLUE
<LI>GREEN
<LI>WHITE
</UL><BR>
<OL TYPE='SQUARE'>
<LI>RED
<LI>BLUE
<LI>GREEN
<LI>WHITE
</OL><BR>
<DL>
<DT>RED</DT>
<DD>RED COLOR HAS THE HIGHEST WAVELENGTH.</DD>
<DT>VIOLET</DT>
<DD>VIOLET COLOR HAS THE SHORTEST WAVELENGTH.</DD>
</BODY>
</HTML>
LAB_ACTIVITY
<HTML>
<HEAD>
<TITLE>FRAME</TITLE>
<HEAD>
<FRAMESET COLS = "20%,80%">
<FRAME SRC = "LEFT.HTML" NAME="LEFT" >
</FRAMESET>
</BODY>
</HTML>
LAB_ACTIVITY
<HTML>
<FRAMESET ROWS = "30%,*" >
<FRAME SRC="HEAD.HTML" >
<FRAMESET COLS = "25%,*">
<FRAME SRC="NAVIGATION.HTML" >
<FRAME SRC="CONTENT.HTML" >
</FRAMESET>
</HTML>
LAB_ACTIVITY
<HTML>
<HEAD>
<TITLE>FORM</TITLE>
<BODY>
<H1 ALIGN="CENTER">EXECUTIVE FORM</H1>
<FORM METHOD="POST">
<P><STRONG>NAME:</STRONG><INPUT TYPE+"TEXT"NAME=THE NAME"></P></P>
<P><INPUT TYPE="SUBMIT" VALUE="SUBMIT">
<INPUT TYPE="RESET" VALUE="CLEAR FORM"></P>
</FORM>
<HR>
</BODY>
</HTML>
LAB_ACTIVITY
<!DOCTYPE HTML>
<HTML>
<BODY>
<H1>MY FIRST HEADING</H1>
<P>MY FIRST PARAGRAPH.</P>
</BODY>
</HTML>
LAB_ACTIVITY
<!DOCTYPE HTML>
<HTML>
<BODY>
<H1>THIS IS HEADING 1</H1>
<H2>THIS IS HEADING 2</H2>
<H3>THIS IS HEADING 3</H3>
<H4>THIS IS HEADING 4</H4>
<H5>THIS IS HEADING 5</H5>
<H6>THIS IS HEADING 6</H6>
</BODY>
</HTML>
LAB_ACTIVITY
<!DOCTYPE HTML>
<HTML>
<BODY>
<P>THIS IS A PARAGRAPH.</P>
<P>THIS IS ANOTHER PARAGRAPH.</P>
</BODY>
</HTML>
<!DOCTYPE HTML>
<HTML>
<BODY>
<H2>HTML LINKS</H2>
<P>HTML LINKS ARE DEFINED WITH THE A TAG:</P>
<A HREF="HTTPS://WWW.W3SCHOOLS.COM">THIS IS A LINK</A>
</BODY>
</HTML>
LAB_ACTIVITY
<!DOCTYPE HTML>
<HTML>
<BODY>
<H2>HTML IMAGES</H2>
<P>HTML IMAGES ARE DEFINED WITH THE IMG TAG:</P>
<IMG SRC="W3SCHOOLS.JPG" ALT="W3SCHOOLS.COM" WIDTH="104" HEIGHT="142">
</BODY>
</HTML>
LAB_ACTIVITY
<!DOCTYPE HTML>
<HTML>
<BODY>
<H2>HTML BUTTONS</H2>
<P>HTML BUTTONS ARE DEFINED WITH THE BUTTON TAG:</P>
<BUTTON>CLICK ME</BUTTON>
</BODY>
</HTML>
LAB_ACTIVITY
<!DOCTYPE HTML>
<HTML>
<BODY>
<H2>AN UNORDERED HTML LIST</H2>
<UL>
<LI>COFFEE</LI>
<LI>TEA</LI>
<LI>MILK</LI>
</UL>
<H2>AN ORDERED HTML LIST</H2>
<OL>
<LI>COFFEE</LI>
<LI>TEA</LI>
<LI>MILK</LI>
</OL>
</BODY>
</HTML>
LAB_ACTIVITY
<!DOCTYPE HTML>
<HTML>
<BODY>
<P>I AM NORMAL</P>
<P STYLE="COLOR:RED;">I AM RED</P>
<P STYLE="COLOR:BLUE;">I AM BLUE</P>
<P STYLE="FONT-SIZE:50PX;">I AM BIG</P>
</BODY>
</HTML>
LAB_ACTIVITY
<!DOCTYPE HTML>
<HTML>
<BODY STYLE="BACKGROUND-COLOR:POWDERBLUE;">
<H1>THIS IS A HEADING</H1>
<P>THIS IS A PARAGRAPH.</P>
</BODY>
</HTML>
LAB_ACTIVITY
<!DOCTYPE HTML>
<HTML>
<HEAD>
<LINK REL="STYLESHEET" HREF="MYSTYLE.CSS">
</HEAD>
<BODY>
<H1>THIS IS A HEADING</H1>
<P ID="PARA">THIS IS A GREEN PARAGRAPH.</P>
<P ID="PARA1">THIS IS A RED PARAGRAPH.</P>
<P>THIS IS SOME PARAGRAPH.</P>
<DIV>HTML IS A MARKUP LANGUAGE. IT STANDS FOR HYPERTEXT MARK UP LANGUAGE. IT IS USED TO CREATE WEB PAGES. HTML HAS A VERY SIMPLE SYNTAX. HTML USES TAGS FOR FORMATTING AND FOR PLACING OBJECTS. HTML IS INTERPRETED BY THE BROWSER. IT IS CASE-INSENSITIVE.</DIV>
</BODY>
</HTML>
Comments
Post a Comment