HTML Practical List Bba 4th Sem Ggsipu

HTML PRACTICAL LIST BBA 4TH SEM GGSIPU
S.No. Practical Tags Used <h1> <h2> <h3> <h4> <h5> <h6> </h1> </h2> </h3> </h4> </h5> </h6>
1.
Create a web page to show headings tags
2.
Create a web page to show horizontal ruler, bold, italic and underline tags
<hr> <b> </b> <u> </u> <i> </i> <p> </p> <br> <p align=left or center or right or justified> <body bgcolor=yellow> <marquee behavior=alternate> <body background=abc.bmp text=brass> (or abc.gif) <hr size=2 width=50% align=left color=red> (Default align is center) <strike> </strike> <sub> </sub> <sup> </sup> <big> </big> <small> </small> <em> </em> <strong> </strong> <dfn> </dfn> <code> </code> <samp> </samp> <kbd> </kbd> <var> </var> <cite> </cite> <body link=red vlink=yellow alink=brass> <a href=path> abc </a> <pre> </pre> <basefont size=25 face=arial color=red> <font size=+3 face=arial color=brass> <img src= path height=100 width=100 align=center hspace=20 vspace=20 border=10> </img> (to compress image lowsrc attribute is used in place of src attribute) <a href= path target=_blank> abc </a> <a href= path ><img src=path></img></a> <a href= path target=_blank><img src=path></img></a> <h1>Click on the Hut, Mountain and River to watch it closer:</H1> <img src="rural_pic.jpg" width="500" height="500" border=10 alt="Ruralpic" usemap="#ruralpicmap"> <map name="ruralpicmap"> <area shape="rect" coords="0,500,250,250" alt="River" href="riv.html"></area> <area shape="rect" coords="0,0,350,150" alt="Mountain" href="Mountain.html"></area> <area shape="circle" coords="450,200,30" alt="Hut"
3. 4. 5. 6.
Create a web page to show paragraph tag, paragraph break tag and paragraph attribute align Create a web page to show background color and marquee tag Create a web page to show image in the back ground and change text color Create a web page to show the attribute of horizontal ruler tag
physical style formats
7.
Create a web page to show logical style formats
8. 9.
Create a web page to show hyperlink to particular file and also show hyperlink color property Create a web page to show basefont tag, font tag and pre tag with their attributes
10.
Create a web page to show image tag with its attributes Create a web page to show hyperlink to a particular file and open in another window Create a web page to show HOTSPOT of an image using same and another window showing target attribute
11. 12.
13.
Create a web page to show area tag and map tag

S.No. Practical Tags Used href="Hut.html"> </map> <iframe src= path frameborder=10 width=100 height=100> </iframe> <iframe src=demo_iframe.htm name=iframe_a height=400 width=400> </iframe> <a href="http://www.ipu.ac.in/" target=iframe_a>GGSIPU</a> <ol><lh>India Metro cities <li>Delhi <li>Mumbai <li>Channei <li>Kolkata</ol> <ol><lh>India cities <li>Delhi <li>Mumbai <li>Channei <li>Kolkata</ol> <ol start=5><lh>other India cities <li>MP <li>UP <li>J&K <li>HP</ol> <ol type=1> <ol type=a> <ol type=A> <ol type=i> <ol type=I> <ul><lh>India Metro cities <li>Delhi <li>Mumbai <li>Channei <li>Kolkata</ul> <ul type=circle> <ul type=disc> <ul type=square> <h4>A nested List:</h4> <ol><li>Coffee</li> <li>Tea <ul><li>Black tea</li> <li>Green tea</li></ul> </li><li>Milk</li> </ol> <table border=5> <tr><th>A<th>B<th>C<th>D <tr><td>9<td>10<td>11<td>8 </table> A 9 B 10 C 11 D 8
14.
Create a web page to shows iframe tag with their attributes Create a web page to show hyperlink open in iframe
15.
16.
Create a web page to show ordered list tag
17.
Create a web page to show ordered list with start attributes
18.
Create a web page to show type attribute of ordered list tag
19.
Create a web page to show unordered list tag
20.
Create a web page to show type attribute of unordered list tag
21.
Create a web page to show nested lists both ordered and unordered list tags
22.
Create a web page to show simple table with table caption, table heading row, table rows and table columns
23.
Create a web page to show cell color and cell data alignment Create a web page to show colspan and rowspan attribute of the table
<td bgcolor=red align=center> <table border=5> <tr><th colspan=2>Car<th>Price <tr><td rowspan=4>Maruti <td>A<td>200 <tr><td>B<td>300
24.

S.No. Practical Tags Used <tr><td>C<td>100 <tr><td>D<td>400 </table> Car Maruti A B C D Price 200 300 100 400
25.
Create a web page to show column-wise frame 2 or 3 showing different views in each frame
26.
Create a web page to show row-wise frame 2 or 3 showing different views in each frame
27.
Create a web page to show nested frames (insert before the frame, this shows in second frame)
28.
Create a web page to show noresize attribute in frames
29.
Create a web page to show scrolling attribute in frames
Box frame 30. Create a web page to show frame attribute of table tag Above frame
<html> <frameset cols="25%,*,25%"> <frame src="frame_a.htm"> <frame src="frame_b.htm"> <frame src="frame_c.htm"> </frameset> </html> <html> <frameset rows="25%,*,25%"> <frame src="frame_a.htm"> <frame src="frame_b.htm"> <frame src="frame_c.htm"> </frameset> </html> <html> <frameset cols="25%,*,25%"> <frame src="frame_a.htm"> <frameset rows="25%,*,25%"> <frame src="frame_a.htm"> <frame src="frame_b.htm"> <frame src="frame_c.htm"> </frameset> <frame src="frame_b.htm"> <frame src="frame_c.htm"> </frameset> </html> <html> <frameset cols="50%,*,25%"> <frame src="frame_a.htm" noresize="noresize"> <frame src="frame_b.htm"> <frame src="frame_c.htm"> </frameset> </html> <html> <frameset cols="50%,50%"> <frame src="frame_a.htm" scrolling="yes"> <frame src="frame_b.htm"> </frameset> </html> <p>Table with frame="box":</p> <table frame="box"> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> </table> <p>Table with frame="above":</p> <table frame="above"> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> </table>

S.No. Tags Used <p>Table with frame="below":</p> <table frame="below"> Below frame <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> </table> <p>Table with frame="hsides":</p> <table frame="hsides"> Horizontal frame <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> </table> <p>Table with frame="vsides":</p> <table frame="vsides"> Vertical frame <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> </table> Create a web page to show ppt web document in any one frame you created Create a web page to show list and on each list item <li><a href= path > abc </a> create a hyperlink <dl> <dt><abbr title=Bachelor of Business Administration BBA</abbr></dt> Create a web page to show definition list tag, <dd>A undergraduate Management Course</dd> abbreviation tags and acronym tags <dt>><acronym title=Master of Business Administration BBA</acronym>MBA</dt> <dd> A postgraduate Management Course</dd></dl> <head> <base href=file folder path target=_blank> Create a web page to show base tag, basefont tag and <div align=center> div tag <basefont size=20 face=Calibri> </head> <bdo dir=rtl>HELLO</bdo> (OLLEH) <a name=top>top</a> Create a web page to show bdo tag and anchor tag -----------------------------------within a web page ---------------------------------------------------------------------------------------------------<a href=#top>Go to top!</a> <body> <blockquote> <pre> 1 a 30 Create a web page to show blockquote tag and pre tag 2 b 40 (blockquote apply margin in your web page) 3 c 40 </pre> <blockquote> </body> <address> 3 psp, <br> Institutional area, <br> Create a web page to show address tag and q tag Rohini, delhi 110085</address> <q> Hello India</q> (Hello India) Practical
31. 32.
33.
34.
35.
36.
37.

S.No. Practical Tags Used Some Mathematical Symbols Supported by HTML
Char
Entity ∀ FOR ALL ∂ ∃
Description PARTIAL DEFFERENCIAL THERE EXISTS
∅ EMPTY SETS ∇ NABLA ∈ &ni; ∏ ∑ ELEMENT OF CONTAINS A MEMBER N-ARY PRODUCT N-ARY SUMMATION ∉ NOT AN ELEMENT OF
Some Greek Letters Supported by HTML Char Create a web page to show <tt> and <kbd> tags and special characters 38. (TT and KBD tag work same, convert to particular type of font style, when apply in paragraph) <tt>Hello India</tt> <kbd>Hello India</kbd> Some Other Entities Supported by HTML Char Entity © ® € ™ ← ↑ → ↓ &clubs; Description REGISTERED SIGN REGISTERED SIGN EURO SIGN TRADEMARK LEFTWARDS ARROW UPWARDS ARROW RIGHTWARDS ARROW DOWNWARDS ARROW BLACK CLUB SUIT Entity Α Β Δ Ζ Description GREEK CAPITAL LETTER ALPHA GREEK CAPITAL LETTER BETA GREEK CAPITAL LETTER DELTA GREEK CAPITAL LETTER ZETA
Γ GREEK CAPITAL LETTER GAMMA Ε GREEK CAPITAL LETTER EPSILON
&spades; BLACK SPADE SUIT &hearts; BLACK HEART SUIT &diams; BLACK DIAMOND SUIT
39.
40. 41.
Create a web page to show Index on the page alphabetically A to Z, each alphabet has 10-15 definition list items with hyperlink on each list items and its description, at the end of each web page create an anchor tag of A to E alphabet, at this anchor tag there is a link to Next page like A to E, F to J, K to O, P to T, U to Z <del>350/-</del> Create a web page to show del, ins and center tags <ins>290/-</ins> <center>----------------------</center> Create a web page to show detail tag <details open>---------------------

S.No. Practical (the open attribute is currently supported only in crome and safari 6) Create a web page to show figure and figcaption tags with mark tags Tags Used --------------------------------</details> <figure><img src= path alt=image name> <figcaption>Fig. 1 abc</figcaption></figure> <mark>Hello India</mark> Hello India <header>--------<footer>--------------------------------------------------------------</header> </footer> <p><span <textarea rows=4 cols=50> style=color:blue; font------------weight:bold>----------------------------------------------------------------</textarea> ----------</span></a> Hello<nobr>India</nobr> Hello<wbr>India</wbr> <body> <center> <embed src="shorinthecity01.mp3" hidden="false" border="20" width="310" height="45" autostart="true" autoplay="true" loop="true" volume="75%"></embed> </center></body> <body><center> <embed src="Wildlife.wmv" width="500" height="500" CONTROLLER="true" LOOP="true" AUTOPLAY="true" name="Wildlife Video"></embed> </center></body> <a href="shorinthecity01.mp3" target="_blank">Music</a> <a href="Wildlife.wmv" target="_blank">video</a> <Menu><lh>India Metro cities <Dir><lh>India Metro cities <li>Delhi <li>Delhi <li>Mumbai <li>Mumbai <li>Channei <li>Channei <li>Kolkata</Menu> <li>Kolkata</Dir> <HTML> <HEAD> <TITLE>GGSIPU</TITLE> <META NAME="author" CONTENT="Guru Gobind Singh Indraprastha University"> <META NAME="description" CONTENT="This website shows you the different courses offered by GGSIPU"> <META NAME="keywords" CONTENT="Website, different courses offered, IGNOU, MCA, BCA, BBA, MBA"> </HEAD> <BODY> <P> The meta attributes of this document identify the author and courses offered. </P> </BODY> </HTML> <a href="Group Singing List.xlsx" target="_blank"> <font color=Violet> Excel File</font></a>
42.
43.
Create a web page to show header and footer tags
44.
Create a web page to show textarea tag and span tags
45.
Create a web page to show nobreak and wordbreak tags Create a web page to show embed tag to insert music files
46.
47.
Create a web page to show embed tag to insert video files Create a web page to show music files using an anchor tag Create a web page to show video files using an anchor tags
48. 49.
50.
Create web page to show Menu and Dir tag
51.
Create web page to show Meta tag
52.
Create a web page to show font color of anchor tag text
PROJECTS
S.No. Projects Output Screen
1.
Create a web page to show nested list.
2.
Create a web page to show nine planets single snap and open each planet in another window using area and map tag.
3. 4.
Recreate Project 1 using Pre tag. Create web page to show Rowspan and Colspan of the tags.
S. No.
Front Page Examples Practical

HTML Practical List Bba 4th Sem Ggsipu

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

HTML Practical List Bba 4th Sem Ggsipu

Uploaded by

Copyright:

Available Formats

HTML PRACTICAL LIST BBA 4TH SEM GGSIPU

Create a web page to show headings tags

physical style formats

Create a web page to show logical style formats

Create a web page to show area tag and map tag