PRACTICE CODE:

 <html> 
            <body> 
                       <font face="onyx" size="4" color="red"> 
                            Information & Communication Technology 
                        </font> 
                        <h4>Paragraph Formatting at a glance</h4> 
                        This is a <P>paragraph</P> 
                        This is a <small>small text</small><br> 
                        This is a <Big>big text</Big><br> 
                        This is an <i>italic text</i><br> 
                        This is a <b>bold text</b><br> 
                        This is an <u>underlined text</u><br> 
                        This is an <ins>inserted text</ins><br> 
                        This is a <strong>strong text</strong><br> 
                        This is an <em>embedded text</em><br> 
                        This is a <del>deleted text</del><br> 
                        This is a <mark>marked text</mark><br> 
                        This is a <strike>strike text</strike><br> 
                        This is a <pre>preformatted text</pre><br> 
                        This is a<sub>subscripted text</sub><br> 
                        This is a <sup>superscripted text</sup><br> 
                        <hr align="left" size="10" width="400" 
                        color="red"></hr> 
                      </font> 
                </body> 
</html> 


OUTPUT:

PRACTICE CODE:
<html> 
<body> 
<h4>Font Family</h4> 
<font face="unicode"> 
তথ্য ও যোগাযোগ প্রযুক্তি<br> 
<font face="onyx" size="4" color="green"> 
Information and commmunication Technology. 
</font> 
</body> 
</html> 


OUTPUT:

Font Family

তথ্য ও যোগাযোগ প্রযুক্তি
Information and commmunication Technology.


PRACTICE CODE:

<html> 
<body> 
<h2><u>Hyperlink</u></h2> 
<h3>Local Hyperlink</h3> 
<p><a href="form format.html">Form</a></p> 
<p><a href="image.html">Image</p> 
<p><a href="paragraph1.html">Text formatting</p> 
<p><a href="ordered_unordered list.html">List</p> 
<!--Files in same directory--> 
<p><a href="links/2nd.html">second web page</a></p> 
<!--Files in another directory--> 
<h3>Global Hyperlink</h3> 
<ol type="1"> 
<li><a href="http://www.moedu.gov.bd">Ministry of Education</a></li> 
<!--This link opens in a current tab--> 
<li><a href="http://www.google.com" target="_blank">Google</a></li> 
<!--This link opens in a new tab--> 
<li><a href="mailto:palashnath581990@gmail.com">Education Link<a></li> 
<!--This is an email hyperlink--> 
</ol> 
<p><a href="http://www.google.com"><img src="Google.jpg" 
height="50" width="60"></a></p> 
<!--This is an image link--> 
</body> 
</html> 


OUTPUT:

PRACTICE CODE:
<html> 
<body> 
<h4>Image problem at a glance</h4> 
<img src="google.jpg" height="30" width="50" alt="This image" border="3" vspace="5" space="16"><br> 
<p><img src="google.jpg" height="20" width= "40" align="left"><br></p> 
<p><img src="Resource/../my canvas.png"alt= "my canvas's photo" height="40" width="150">
</p> 
</body> 
</html> 


OUTPUT:

Image problem at a glance

This image


my canvas's photo




PRACTICE CODE:
<html> 
    <body> 
                <h4>Ordered List</h4> 
                <u>Number list</u> 
           <ol type="1"> 
                    <li>Book</li> 
                    <li>Pen</li> 
                    <li>Pencil</li> 
            </ol> 
                <u>Upper case list</u> 
            <ol type="A"> 
                    <li>Book</li> 
                    <li>Pen</li> 
                    <li>Pencil</li> 
            </ol> 
                <u>Lowercase list</u> 
            <ol type="a"> 
                    <li>Book</li> 
                    <li>Pen</li> 
                    <li>Pencil</li> 
            </ol> 
                <u>Roman Lowercase list</u> 
            <ol type="i"> 
                    <li>Book</li> 
                    <li>Pen</li> 
                    <li>Pencil</li> 
            </ol> 
    </body> 
</html> 


OUTPUT:

Ordered List

Number list
  1. Book
  2. Pen
  3. Pencil
Upper case list
  1. Book
  2. Pen
  3. Pencil
Lowercase list
  1. Book
  2. Pen
  3. Pencil
Roman Lowercase list
  1. Book
  2. Pen
  3. Pencil



PRACTICE CODE:
<html> 
    <body> 
                Unordered List 
                <h4>Unordered List</h4> 
                    <u>Square list</u> 
            <ul type="square"> 
                       <li>Book</li> 
                        <li>Pen</li> 
                        <li>Pencil</li> 
            </ul> 
                     <u>Circle list</u> 
            <ul type="circle"> 
                        <li>Book</li> 
                        <li>Pen</li> 
                        <li>Pencil</li> 
            </ul> 
                     <u>Disc list</u> 
            <ul type="disc"> 
                        <li>Book</li> 
                        <li>Pen</li> 
                        <li>Pencil</li> 
             </ul> 
                      <u>None list</u> 
             <ul style="list-style-type: none"> 
                        <li>Book</li> 
                        <li>Pen</li> 
                        <li>Pencil</li> 
             </ul> 
    </body> 
</html> 


OUTPUT:

Unordered List

Unordered List

Square list
  • Book
  • Pen
  • Pencil
Circle list
  • Book
  • Pen
  • Pencil
Disc list
  • Book
  • Pen
  • Pencil
None list
  • Book
  • Pen
  • Pencil

PRACTICE CODE:
<html> 
<body> 
        <h3>All list problem at a glance</h3> 
<ol type="i" start="6"> 
<li><h6>Ordered list</h6></li> 
<ol type="a" start="4"> 
<li>Ram</li> 
<li>ROM</li> 
<li>Processor</li> 
</ol> 
                            <li><h3>Unordered list</h3></li> 
      <ul type="square"> 
                            <li>Ram</li> 
<li>ROM</li> 
<li>Processor</li> 
</ul> 
                            <li><h2>definition list</h2></li> 
                
                <dl> 
<dt>Ram</dt> 
<dd>Random Access Memory</dd> 
<dt>ROM</dt> 
<dd>Read Only Memory</dd> 
</dl> 
<li><h1>Nested list</h1></li> 
        <ul type="square"> 
<li>Tea</li> 
<ul type="square"> 
<ol type="a"> 
<li>Green Tea</li> 
<li>Black Tea</li> 
<ul> 
                                        <li>Coffee</li> 
                <ol type="i"> 
<li>Green Tea</li> 
<li>Black Tea</li> 
</ul> 
</ol> 
</body> 
</html> 



OUTPUT:

All list problem at a glance

  1. Ordered list
    1. Ram
    2. ROM
    3. Processor

  2. Unordered list

    • Ram
    • ROM
    • Processor

  3. definition list

    4. Ram
    Random Access Memory
    ROM
    Read Only Memory

  4. Nested list

    • Tea
        1. Green Tea
        2. Black Tea
          • Coffee
            1. Green Tea
            2. Black Tea

PRACTICE CODE:
<html> 
<body> 
<h4>All table related problem at a glance</h4> 
<table border="1"> 
<caption>Student Info 2019<caption> 
<tr> 
<th>Department</th> 
<th>Section</th> 
<th>Male</th> 
<th>Female</th> 
<th><img src="google.com" alt="Google" width="50" 
height="50"</th> 
<tr align="center"> 
</tr> 
<td rowspan="2">Science</td> 
<td>A</td> 
<td>100</td> 
<td>90</td> 
<tr align="right"> 
<td>B</td> 
<td>80</td> 
<td>100</td> 
<tr align="left"> 
</tr> 
<td colspan="2">Total</td> 
<td colspan="2">370</td> 
</table>
</body>
</html> 

OUTPUT:
PRACTICE CODE:

<html>
<body> 
<h2>Table & order List</h2> 
<table border="1"> 
<caption>Student Table<caption> 
<tr>
<th>Roll</th> 
<th>Name</th> 
<th>Subjects</th> 
            </tr>
<tr>
<td>01</td> 
<td>Rafi</td> 
<td>
<ol type="1"> 
<li>Physics</li> 
<li>Chemistry</li> 
<li>Maths</li> 
            </ol>
                    </td>
            <tr>
<td>02</td> 
<td>Aius</td> 
<td>               
<ol type="a"> 
<li>Accounting</li> 
<li>Finance</li> 
<li>Economics</li> 
</ol> 
</tr> 
<table> 
</body>
</html> 

OUTPUT: