Scribd
Upload
8 views20 pages

HTML Document Structure Activities

The document outlines various activities related to HTML coding, including the use of header tags, paragraphs, lists, tables, images, hyperlinks, and forms. Each activity demonstrates specific HTML elements and their attributes, showcasing how to structure web content effectively. The activities range from basic to advanced techniques, providing a comprehensive guide for creating web pages.

Uploaded by

hemangbhalla1405
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
8 views20 pages

HTML Document Structure Activities

The document outlines various activities related to HTML coding, including the use of header tags, paragraphs, lists, tables, images, hyperlinks, and forms. Each activity demonstrates specific HTML elements and their attributes, showcasing how to structure web content effectively. The activities range from basic to advanced techniques, providing a comprehensive guide for creating web pages.

Uploaded by

hemangbhalla1405
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

ACTIVITY 1- HEADER TAGS

InpuT:

<HTml>

<HEAD>

<TITlE>K.R mAnGAlAm WORlD SCHOOl</TITlE>

</HEAD>

<bODY>

<H1>K.R mAnGAlAm WORlD SCHOOl</H1>

<H2>K.R mAnGAlAm WORlD SCHOOl</H2>

<H3>K.R mAnGAlAm WORlD SCHOOl</H3>

<H4>K.R mAnGAlAm WORlD SCHOOl</H4>

<H5>K.R mAnGAlAm WORlD SCHOOl</H5>

<H6>K.R mAnGAlAm WORlD SCHOOl</H6>

<p>TOGETHER TOWARDS TOmORROW</p>

</bODY>

</HTml>

OuTpuT:
ACTIVITY 2- pARAGRApHS AnD lInE bREAKS
InpuT:

<HTml>

<HEAD>

<TITlE>ImpORTAnCE Of COmpuTERS</TITlE>

</HEAD>

<bODY>

<H2>ImpORTAnCE Of COmpuTERS</H2>

<p>

COmpuTERS plAY A <b>VITAl ROlE</b> In OuR DAIlY


lIVES.<bR>

THEY ARE uSED In <I>EDuCATIOn</I>, <u>buSInESS</u>,


HEAlTHCARE, COmmunICATIOn, AnD AlmOST EVERY fIElD Of
WORK.<bR>

WITH THE HElp Of COmpuTERS, WE CAn <b>STORE</b>,


<b>pROCESS</b>, AnD <b>AnAlYzE</b> lARGE AmOunTS Of DATA
quICKlY.<bR>

THEY AlSO HElp In <I>RESEARCH</I> AnD pROVIDE EASY


ACCESS TO <u>InfORmATIOn</u> THROuGH THE InTERnET.<bR>

In TODAY’S DIGITAl WORlD, COmpuTERS ARE nOT juST


mACHInES buT A <b>nECESSITY</b> fOR GROWTH AnD
DEVElOpmEnT.

</p>

</bODY>

</HTml>

OuTpuT:
ACTIVITY 3- ORDERED AnD unORDERED lIST
InpuT:

<HTml>

<HEAD>

<TITlE>lISTS</TITlE>

</HEAD>

<bODY>

<H2>unORDERED lIST Of fRuITS</H2>

<ul>

<lI>ApplE</lI>

<lI>bAnAnA</lI>

<lI>mAnGO</lI>

<lI>ORAnGE</lI>

<lI>GRApES</lI>

</ul>

<H2>ORDERED lIST Of A STuDEnT'S DAIlY ROuTInE</H2>

<Ol>

<lI>WAKE up AnD fRESHEn up</lI>


<lI>HAVE bREAKfAST</lI>

<lI>ATTEnD SCHOOl ClASSES</lI>

<lI>DO HOmEWORK AnD STuDY</lI>

<lI>plAY OR DO pHYSICAl ACTIVITY</lI>

<lI>SpEnD TImE WITH fAmIlY</lI>

<lI>HAVE DInnER</lI>

<lI>REVISE AnD pREpARE fOR nExT DAY</lI>

<lI>GO TO bED</lI>

</Ol>

</bODY>

</HTml>

OuTpuT:

ACTIVITY 4- nESTED lIST:


InpuT:

<HTml>
<HEAD>

<TITlE>nESTED lIST - SubjECTS</TITlE>

</HEAD>

<bODY>

<H2>SubjECTS WE STuDY</H2>

<ul>

<lI>THEORY SubjECTS

<ul>

<lI>mATHEmATICS</lI>

<lI>EnGlISH</lI>

<lI>SCIEnCE</lI>

<lI>SOCIAl STuDIES</lI>

<lI>HInDI</lI>

</ul>

</lI>

<lI>pRACTICAl SubjECTS

<ul>

<lI>COmpuTER SCIEnCE</lI>

</ul>

</lI>

</ul>

</bODY>

</HTml>
OuTpuT:

ACTIVITY 5- SImplE TAblE


InpuT:

<HTml>

<HEAD>

<TITlE>ClASS TImE TAblE</TITlE>

<STYlE>

TAblE {

bORDER-COllApSE: COllApSE;

WIDTH: 100%;

TExT-AlIGn: CEnTER;

TH, TD {

bORDER: 1px SOlID blACK;

pADDInG: 8px;

TH {

bACKGROunD-COlOR: #f2f2f2;
}

CApTIOn {

fOnT-SIzE: 20px;

fOnT-WEIGHT: bOlD;

mARGIn: 10px;

</STYlE>

</HEAD>

<bODY>

<TAblE>

<CApTIOn>ClASS TImE TAblE</CApTIOn>

<TR>

<TH>DAY</TH>

<TH>pERIOD 1</TH>

<TH>pERIOD 2</TH>

<TH>pERIOD 3</TH>

<TH>pERIOD 4</TH>

<TH>pERIOD 5</TH>

<TH>pERIOD 6</TH>

<TH>pERIOD 7</TH>

<TH>pERIOD 8</TH>

<TH>pERIOD 9</TH>

</TR>

<TR>
<TD>mOnDAY</TD>

<TD>mATH</TD>

<TD>EnGlISH</TD>

<TD>SCIEnCE</TD>

<TD>SOCIAl STuDIES</TD>

<TD>COmpuTER</TD>

<TD>HInDI</TD>

<TD>SpORTS</TD>

<TD>ART</TD>

<TD>lIbRARY</TD>

</TR>

<TR>

<TD>TuESDAY</TD>

<TD>SCIEnCE</TD>

<TD>mATH</TD>

<TD>EnGlISH</TD>

<TD>COmpuTER</TD>

<TD>SOCIAl STuDIES</TD>

<TD>HInDI</TD>

<TD>SpORTS</TD>

<TD>ART</TD>

<TD>lIbRARY</TD>

</TR>

<TR>
<TD>WEDnESDAY</TD>

<TD>EnGlISH</TD>

<TD>SCIEnCE</TD>

<TD>mATH</TD>

<TD>SOCIAl STuDIES</TD>

<TD>COmpuTER</TD>

<TD>HInDI</TD>

<TD>SpORTS</TD>

<TD>ART</TD>

<TD>lIbRARY</TD>

</TR>

<TR>

<TD>THuRSDAY</TD>

<TD>mATH</TD>

<TD>EnGlISH</TD>

<TD>SCIEnCE</TD>

<TD>SOCIAl STuDIES</TD>

<TD>COmpuTER</TD>

<TD>HInDI</TD>

<TD>SpORTS</TD>

<TD>ART</TD>

<TD>lIbRARY</TD>

</TR>

<TR>
<TD>fRIDAY</TD>

<TD>SCIEnCE</TD>

<TD>mATH</TD>

<TD>EnGlISH</TD>

<TD>SOCIAl STuDIES</TD>

<TD>COmpuTER</TD>

<TD>HInDI</TD>

<TD>SpORTS</TD>

<TD>ART</TD>

<TD>lIbRARY</TD>

</TR>

</TAblE>

</bODY>

</HTml>

OuTpuT:

ACTIVITY 6- TAblE WITH ATTRIbuTES


InpuT:

<HTml>

<HEAD>

<TITlE>STuDEnT InfORmATIOn TAblE</TITlE>


</HEAD>

<bODY>

<H2>STuDEnT InfORmATIOn</H2>

<TAblE bORDER="1" CEllpADDInG="10" CEllSpACInG="5">

<TR>

<TH>nAmE</TH>

<TH>numbER</TH>

<TH>ClASS</TH>

<TH>COnTACT</TH>

</TR>

<TR>

<TD>RAHul SHARmA</TD>

<TD>01</TD>

<TD>10 A</TD>

<TD>9876543210</TD>

</TR>

<TR>

<TD>pOOjA mEHTA</TD>

<TD>02</TD>

<TD>10 b</TD>

<TD>9876501234</TD>

</TR>

<TR>

<TD>ARjun VERmA</TD>
<TD>03</TD>

<TD>10 C</TD>

<TD>9876123456</TD>

</TR>

<TR>

<TD>SnEHA GupTA</TD>

<TD>04</TD>

<TD>10 A</TD>

<TD>9876987654</TD>

</TR>

</TAblE>

</bODY>

</HTml>

OuTpuT:

ACTIVITY 7- InSERTInG ImAGES


InpuT:
<HTml>

<HEAD>

<TITlE>mY WEbpAGE</TITlE>

</HEAD>

<bODY>

<H2>SCHOOl lOGO</H2>

<ImG
SRC="HTTpS://[Link]/WIKIpEDIA/En/8/8E/lOGO_O
f_K_R_mAnGAlAm_WORlD_SCHOOl.jpG" AlT="SCHOOl lOGO"
WIDTH="250">

<H2>fAVOuRITE SpORT</H2>

<ImG
SRC="HTTpS://[Link]/mEDIA/mCWDVpzV/ROnAlDO-
[Link]" AlT="fAVOuRITE SpORT"
WIDTH="400">

</bODY>

</HTml>

OuTpuT:
ACTIVITY 8- HYpERlInK
InpuT:

<HTml>

<HEAD>

<TITlE>ImpORTAnT lInKS</TITlE>

</HEAD>

<bODY>

<H1>uSEful lInKS</H1>

<ul>

<lI><A HREf="HTTpS://[Link]"
TARGET="_blAnK">GOOGlE</A></lI>

<lI><A HREf="HTTpS://[Link]/GK2/"
TARGET="_blAnK">K.R. mAnGAlAm WORlD SCHOOl, GK-II</A></lI>

<lI><A HREf="HTTpS://[Link]/"
TARGET="_blAnK">ImARTICuS lEARnInG</A></lI>

</ul>

</bODY>

</HTml>

OuTpuT:

ACTIVITY 9- fORmS(bASIC)
InpuT:
<HTml>

<HEAD>

<TITlE>STuDEnT ADmISSIOn fORm</TITlE>

</HEAD>

<bODY>

<H1>STuDEnT ADmISSIOn fORm</H1>

<fORm ACTIOn="#" mETHOD="pOST">

<lAbEl fOR="nAmE">full nAmE:</lAbEl><bR>

<InpuT TYpE="TExT" ID="nAmE" nAmE="nAmE"


REquIRED><bR><bR>

<lAbEl fOR="AGE">AGE:</lAbEl><bR>

<InpuT TYpE="numbER" ID="AGE" nAmE="AGE"


REquIRED><bR><bR>

<lAbEl fOR="ClASS">ClASS:</lAbEl><bR>

<InpuT TYpE="TExT" ID="ClASS" nAmE="ClASS"


REquIRED><bR><bR>

<lAbEl fOR="EmAIl">EmAIl:</lAbEl><bR>

<InpuT TYpE="EmAIl" ID="EmAIl" nAmE="EmAIl"


REquIRED><bR><bR>

<InpuT TYpE="SubmIT" VAluE="SubmIT">

<InpuT TYpE="RESET" VAluE="RESET">


</fORm>

</bODY>

</HTml>

OuTpuT:

ACTIVITY 10- fORmS(ADVAnCED)


InpuT:

<HTml>

<HEAD>

<TITlE>fEEDbACK fORm</TITlE>

</HEAD>

<bODY>

<H1>STuDEnT fEEDbACK fORm</H1>

<fORm ACTIOn="#" mETHOD="pOST">

<!-- RADIO buTTOnS -->

<p><b>RATE YOuR TEACHER:</b></p>

<InpuT TYpE="RADIO" ID="ExCEllEnT"


nAmE="TEACHER_RATInG" VAluE="ExCEllEnT">
<lAbEl fOR="ExCEllEnT">ExCEllEnT</lAbEl><bR>

<InpuT TYpE="RADIO" ID="GOOD" nAmE="TEACHER_RATInG"


VAluE="GOOD">

<lAbEl fOR="GOOD">GOOD</lAbEl><bR>

<InpuT TYpE="RADIO" ID="AVERAGE" nAmE="TEACHER_RATInG"


VAluE="AVERAGE">

<lAbEl fOR="AVERAGE">AVERAGE</lAbEl><bR><bR>

<!-- CHECKbOxES -->

<p><b>fACIlITIES uSED:</b></p>

<InpuT TYpE="CHECKbOx" ID="lIbRARY" nAmE="fACIlITIES"


VAluE="lIbRARY">

<lAbEl fOR="lIbRARY">lIbRARY</lAbEl><bR>

<InpuT TYpE="CHECKbOx" ID="lAb" nAmE="fACIlITIES"


VAluE="lAb">

<lAbEl fOR="lAb">lAb</lAbEl><bR>

<InpuT TYpE="CHECKbOx" ID="SpORTS" nAmE="fACIlITIES"


VAluE="SpORTS">

<lAbEl fOR="SpORTS">SpORTS</lAbEl><bR><bR>

<!-- buTTOnS -->


<InpuT TYpE="SubmIT" VAluE="SubmIT">

<InpuT TYpE="RESET" VAluE="RESET">

</fORm>

</bODY>

</HTml>

OuTpuT:

ACTIVITY 11- SDG GOAlS


InpuT:

<HTml>

<HEAD>

<TITlE>17 SuSTAInAblE DEVElOpmEnT GOAlS</TITlE>

</HEAD>

<bODY>

<H1>17 SuSTAInAblE DEVElOpmEnT GOAlS (SDGS)</H1>

<Ol>

<lI>nO pOVERTY</lI>
<lI>zERO HunGER</lI>

<lI>GOOD HEAlTH AnD WEll-bEInG</lI>

<lI>quAlITY EDuCATIOn</lI>

<lI>GEnDER EquAlITY</lI>

<lI>ClEAn WATER AnD SAnITATIOn</lI>

<lI>AffORDAblE AnD ClEAn EnERGY</lI>

<lI>DECEnT WORK AnD ECOnOmIC GROWTH</lI>

<lI>InDuSTRY, InnOVATIOn AnD InfRASTRuCTuRE</lI>

<lI>REDuCED InEquAlITIES</lI>

<lI>SuSTAInAblE CITIES AnD COmmunITIES</lI>

<lI>RESpOnSIblE COnSumpTIOn AnD pRODuCTIOn</lI>

<lI>ClImATE ACTIOn</lI>

<lI>lIfE bElOW WATER</lI>

<lI>lIfE On lAnD</lI>

<lI>pEACE, juSTICE AnD STROnG InSTITuTIOnS</lI>

<lI>pARTnERSHIpS fOR THE GOAlS</lI>

</Ol>

</bODY>

</HTml>

OuTpuT:
THAnK YOu
mADE bY HEmAnG bHAllA
ClASS: x-E
ROll nO- 15

You might also like