Important Announcement
PubHTML5 Scheduled Server Maintenance on (GMT) Sunday, June 26th, 2:00 am - 8:00 am.
PubHTML5 site will be inoperative during the times indicated!

Home Explore HTML Activity sheets

HTML Activity sheets

Published by pavii san, 2021-09-23 14:59:27

Description: HTML Activity sheets

Search

Read the Text Version

HTML- Hyper Text Markup Language Activity 01 එකිනෙක tags භාවිත කරමින් පියවනරන් පියව Web page

වර නවබ් පිටුව නිර්මාණය කරන්ෙ Tags Notepad <h1> <h1> <h2> <h3> <h4> <h5> <h6> <h1> <h2>

HTML- Hyper Text Markup Language

<hr> <p> <center> <img src= <img src= … width Height Alt border

HTML- Hyper Text Markup Language Activity-02- list  Activity 01 හි භාවිත කල tags භාවිතනයන් පහත නවබ් පිටුව නිර්මාණය කරන්ෙ.  වෙබ් පිටුෙ Index1.html වෙස save කරන්න  Note pad ව ව type කෙ codes notepad file ක වෙස ද save As කරන්න  pixel, resolution, colour , size <Ul type =”disc” >වෙස ව ොදො සකස් කරන්න.  Vector , raster <ol type=1 >වෙස ව ොදන්න  ICT Unit සදහො marquee භොවිත කරන්න <marquee>  Raster හො ICT unit අතර වේලි පරතර තබන්න <br>  Background colour සදහො pink ෙබොවදන්න <body bgcolor=”pink”>

HTML- Hyper Text Markup Language help (F1) for activity 2 <html> <head><title>Multimedia</title></head> <body bgcolor=\"pink\"> <center><h1>Use of Multimedia 11</h1> <h2>Digital Graphics</h2></center> <hr> <p> Drawings or images , created with the use of computer graphic software, are called digital graphics. </p> <img src=\"C:\\Users\\user\\Documents\\html\\FB_IMG_1593131368655.jpg\" width=200 height=150 border=3 alt=\"Graphic\"> <h2>Basic Elements of Digital Graphics</h2> <ul type=\"disc\"> <li>Pixel</li> <li>Resolution</li> <li>Colour</li> <li>Size</li> </ul> <h2>Graphic Types</h2> <ol type=\"1\"> <li>Vector</li> <li>Raster</li></OL> <marquee> ICT unit</marquee> </body> </html>

<u>HTML- Hyper Text Markup Language <font color=”blue”> <font color=”red”>Activity-03- font formatting  Activity 1 ,2 හි ඉනෙෙෙත් tags භාවිතනයන් පහත නවබ් පිටුව නිර්මාණය කරන්ෙ. එහි <center> සදහන් tags copy කර ෙන්ෙ. එය පහත ආකාරයට නවෙස් කරන්ෙ. <br> <i> <b> <br> &nbsp  Resolution.html වෙස save කරන්න

HTML- Hyper Text Markup Language help (F1) for activity 3 <html> <head><title>Multimedia</title></head> <body> <center><h1><font color=\"blue\">Use of Multimedia</h1> <h2>Digital Graphics</h2></center></font> <hr> <h3><u><font color=\"red\">Resolution</u></font></h3> <p>The dimention is displayed as the image resolution. <br><b><i>eg- 250 pixel wide and 175 pixel high. The image resolution is 250x175 pixels. </b></i> <br><br> A high resolution digital graphic using a large number of pixels is higher in quality.To determine the quality of a graphic &nbsp &nbsp the number of pixel per inch used. </p> <center><img src=\"C:\\Users\\user\\Documents\\html\\IMG-20200626-WA0048.jpg\" width=100 height=50></center> </body> </html>

HTML- Hyper Text Markup Language Activity-04- table  Activity 02 හි සකස් කරන ෙද පිටුවේ ප්‍රධාොන ාොතකකො වදක අදොෙ codes copy කර ගන්න.  හි පහත පිටුෙ නිර්ාොණ කරන්න  වාහි ෙගුෙ නිර්ාොණ කරන්න <Table> <tr><td>  ෙගුවේ උඩින් ාොතකකොෙ වෙස number of colours වෙස සකසක් රන්න <caption>  22 වෙස සකස් කරන්න <sup>  Pixel.html වෙස save කරන්න

HTML- Hyper Text Markup Language help (F1) for activity 4 <html> <head><title>Multimedia</title></head> <body> <center><h1><font color=\"blue\">Use of Multimedia</h1> <h2>Digital Graphics</h2></center></font> <hr> <h3> Pixel</h3> <p>A Pixel is a tiny illuminated dot having a colour which is displayed on a computer screen. The digital graphic s are created with thousands of such pixels. </p> <img src=\"C:\\Users\\user\\Documents\\html\\IMG-20200626-WA0049.jpg\" width=100 height=50> <br> <h3><colours in a pixel and the number of bits</h3> <table border=2> <caption>Number of colours</caption> <tr> <th>Bits per Pixel</th> <th>function</th> <th>number of colours</th></tr> <tr> <td>2 bpp</td> <td>2<sup>2</sup></td> <td>4</td></tr> <tr> <td>6 bpp</td> <td>2<sup>6</sup></td> <td>64</td></tr> <tr> <td>10 bpp</td> <td>2<sup>10</sup></td> <td>1024</td></tr> <tr> <td>16 bpp</td> <td>2<sup>16</sup></td> <td>65536</td></tr> </Table> </body> </html>

HTML- Hyper Text Markup Language Activity-05- Description list  colour.html වෙස save කරන්න  colour models සදහො සවිසත් රොත්ාක ෙැයිසු් ඇුළත් කරන්න. <dd> <dt> <dd>  R G B හො C M Y K න අකුරු පාණ bold කරන්න

HTML- Hyper Text Markup Language help (F1) for activity 5 <html> <head><title>Multimedia</title></head> <body> <center><h1><font color=\"blue\">Use of Multimedia</h1> <h2>Digital Graphics</h2></center></font> <hr> <h3><u><font color=\"red\">Colours</u></font></h3> <p>A digital Graphic contains tens of thousands of pixels. Each pixel represents a colour. Therefore , a pixel is a small dot with a colour. </p> <h3> Colour Models</h3> <dl> <dt>RGB colours</dt> <dd>Red</dd> <dd>Green</dd> <dd>Blue</dd></dt> <br> <dt>CMYK colours</dt> <dd>Cyan</dd> <dd>Magenta</dd> <dd>Yellow</dd> <dd>Key colour(black)</dd></dt> </dl> <center><img src=\"C:\\Users\\user\\Documents\\html\\IMG-20200626- WA0044.jpg\" width=300 height=150></center> </body> </html>

HTML- Hyper Text Markup Language Activity-05- Description list  size.html වෙස save කරන්න  කලින් සකස් කෙ වෙබ් පිටු සාග link කරන්න <a href=” “ >  අකුරු හැඩ ,පාට ,වර්ෙ ,ආදිය නයාදා සකස් කරන්ෙ

HTML- Hyper Text Markup Language help (F1) for activity 5 <html> <head><title>Multimedia</title></head> <body> <center><h1><font color=\"blue\">Use of Multimedia</h1> <h2>Digital Graphics</h2></center></font> <hr> <h3><u><font color=\"red\">Size</u></font></h3> <p>The width and the Height of graphic. </p> <p> Click here to learn more about Graphics</p> <br><a href=\"C:\\Users\\user\\Documents\\html\\1.html\">Home page</a> <br><a href=\"C:\\Users\\user\\Documents\\html\\pixel.html\">Pixel</a> <br><a href=\"C:\\Users\\user\\Documents\\html\\resolution.html\">Resolution</a> <br><a href=\"C:\\Users\\user\\Documents\\html\\colours.html\">Colour </a> </body> </html>

HTML- Hyper Text Markup Language Evaluation- 1 පහත නවබ් පිටුවට අදාල tags ලියන්ෙ H1 <Font color=”#FF0000> <center> H2 <hr> XYZ Vidyalaya <i> Kandy <u> <p> bIet eisosiltouarted at heart of the town. There is an attractive environment <b> <img src=””width=100 in our school. There are above 1000 students and 61 teachers in Height=50 border= 3> <Center> ,bo>ur school. It was started at 1st of January 1910. <sup> Evaluation- 2 (list) <ul> Staff H3 <li> </li>  About us 1. Academic <ol>  Academic 2. Non Academic <li> </li>  Staff  Achievement  Online help  Contact  Gallery Evaluation- 3 (table) Grade Students Total <H3> <center> 1-5 Girls Boys 550 6-11 250 300 750 <table border=2> 12-13 350 400 250 <tr> total 100 150 1550 <th> <td>

HTML- Hyper Text Markup Language Evaluation- 4 (Description list ) About us <dl> Online help <dt> Application Province- Central <dd> News District – Kandy Zone - Gampola Contact Web- Academic Email- Students Telephone- Teachers Subject Stream Achievement Subject based Extra curricular Evaluation- 5 (Hyperlink ) About us <a href= “ “> Link with- Academic Staff C:\\user\\Documents\\aboutus.html Achievement C:\\user\\Documents\\academic .html Online help C:\\user\\Documents\\staff.html Contact C:\\user\\Documents\\achievement.html Gallery C:\\user\\Documents\\online help.html C:\\user\\Documents\\contact.html C:\\user\\Documents\\gallery.html


Like this book? You can publish your book online for free in a few minutes!
Create your own flipbook