HTML

  

HTML


Fill in the blanks

1.HTML stands for HyperText Markup Language

2.Write  a element for text bold   <b>

3.How many heading Presents in html   6  

4.Write a tag for line-break in HTML   <br>

5.A list with items in bullets in HTML called unordered list

6.Write a character for closing a tag in html    /  

7.Write a hyberlink in HTML   <a href=”link”></a>

8.(i),(ii),(iii) are called Ordered list

9.To make a text italic in html    <i>

10.Write image tag   <img src=”flower.jpg”/>

11.How to create checkbox in html   <input type=”checkbox”>

12.Write table row tag   <tr>  … </tr>

13.Write paragraph tag   <p>

14.Write HTML attribute inline style     style

15.HTML is Case sensitive.[T/F]. False

16.How to initialize HTML5 tag  <!DOCTYPE html>

17.Write HTML comment   <!--      -->

18.Write HTML tag for power   <sup>

19.Write a extension for HTML      .html

20.Write a html tag to display moving text  <marquee>

21.<b> tag used for text bold.What is the other tag for text bold?    <strong>

22.Write a tag for bulleted list <ul>

 

Answer the following Question

                                                                              (4 marks)

          1.Create a webpage using Heading tag

HEADINGS

         Heading are defined with the <h1> to <h6> tags.

<h1> define the largest heading.</h1>

<h6> define the smallest  heading .</h6>

Program

<html>

<head>

<title> Welcome Page</title>

</head>

<h1> hello </h1>

<h2> hello </h2>

<h3> hello </h3>

<h4> hello </h4>

<h5> hello </h5>

<h6> hello </h6>

</body>

</html>

 

          2.Create a Webpage using list(ordered list,unordered list)

<html>

<head>

<title>welcome page</title>

<body>

<ol>

<li>hdca</li>

<li>dca</li>

<ol><br>

<ul>

<li>hdca</li>

<li>dca</li>

<ul><br>

<dl>

<dt>hdca<dt>

<dd>honours diploma in computer application</dd>

<dt>dca</dt>

<dd>diplamo in computer application</dd>

</dl>

</body>

</html>

 

          3.Write a code for below table

Books

Quantity

C

20

CPP

30

                  

 

         


<html>

<head>

<title>welcome page</title>

<body>

<table border=”3”>

<tr>

<th>Books</th>

<th>Quantity</th>

</tr>

<tr>

<td>C</td>

<td>20</td>

</tr>

<tr>

<td>CPP</td>

<td>30</td>

</tr>

</table>

</body>

</html>

          4.Write a Program for Marquee tag

<html>

<head><title>Marquee</title></head>

<body>

<marquee bgcolor=”black” direction=”right” bahaviour=”alternative” vspace=”400%” scrollamount=”100” loop=”5” ><font color=”white”>welcome to india</marquee>

</body>

</html>

          5.Write a program for html Text formatting tag

TEXT FORMATTING TAG

<b>---------</b>------bold

<i>----------</i>------italic

<u>----------</u>------underline

<strike>-----</strike>---strike

<del>-------</del>-----delete

<small>------</small>

<big>------</big>

<sup>----</sup>--------superscript

<sub>-----</sub>-------subscript

<center>----</centre>

<p>-----</p>-------paragraph

<pre>-----</pre>----------preformatted text

<br>-----break

Program

<html><head><title>WelcomePage</title><bod>

<b>Hello</b>

<i>World</i>

<u>hihello</u>

<big>software</big>

X<sup>2</sup>

X<sub>2</sub>

<centre>hardware</centre>

<pre<p>preformatted text

Welcome

To

Tamilnadu

<p></pre></html>

output

Hello

world

HIHELLO

software

X2

X2

Hardware

WELCOME

TO

TAMILNADU

 



Answer the following Question

                                                                              (10 marks)

1.Create a website for form and input using HTML


<html>

<head>

<title>welcomepage</title>

<form>

Username:

<input type=”text” name=”urname”>

<br><br>

Password:

<input type=”password” name=”passwd”><br><br>

<inputtype=”radio”name=”gender”value=”male”>male<br>

<inputtype=”radio”name=”gender”value=”female”>

female<br><br>

courses

<input type=”checkbox” name=”course1”>HDCA

<input type=”checkbox” name=”course1”>DCA

<input type=”checkbox” name=”course1”>DDTP

<br><br>

Qualification

<select name=”qualification”>

<option value=”pg”>post graduation<option value=”ug”>under graduation

<option value=”12th”>12th

<option value=”10th”>10th

</select><br><br>

Address:<br>

<textarea name=”addr” rows=”5” cols=”30” </textarea><br><br>

<input type=”button” value=”click  here”>

</html>

2.Create your resume in html to print your resume on webpage

<html>

<head><title>form</title></head>

<body bgcolor=”pink” text=”blue”>

<form>

<h1 align=”center”>Resume</h1>

<pre>

Name : <input type=”text”>

Password : <input type=”password”>

Gender : Male<input type=”radio” name=”r1”>

              Female< input type=”radio” name=”r2”>

Address : <textarea rows=”5” cols=”20”></textarea>

Qualification : <select name=”s1”>

                        <option>BSC</option>

                        <option>MSC</option>

                        <option>BCA</option>

</select>

Language : Tamil<input type=”checkbox” name=”c1”>

                   English<input type=”checkbox” name=”c2”>

                   Hindi<input type=”checkbox” name=”c3”>

Attach File : <input type=”file” name=”f1”>

          <input type=”Button” name=”b1” value=”click”>

        <input type=”Submit” name=”b2” value=”submit”>

         <input type=”Reset” name=”b3” value=”clear”>

</pre>

</form>

</body>

</html>

3. Write a code for below table

 

Student details

Sno

entno

Course

Name

1

A5000

Hdca

Mahi

2

A5001

Dca

Abi

3

A5002

Dmo

samantha

4

A5003

Adpp

Roshini

5

A5004

Tallyprime

Rama

 

<html>

<head><title>table</title></head>

<body text=”blue”>

<table bgcolor=”pink” border=”5” bordercolor=”green” cellspacing=”10” cellpadding=”10”height =”100%” width=”100%”>

<tr>

<th colspan=”4”> student details</th>

</tr>

<tr bgcolor=”pink” align=”centre” valign=”bottom”>

<th><fontcolor=”red”>sno</th>

<th><fontcolor=”red”>entno</th>

<th><fontcolor=”red”>course</th>

<th><fontcolor=”red”>name</th>

</tr>

<tr>

<td>1</td>

<td>A5000</td>

<td>hdca</td>

<td>mahima</td>

</tr>

   <tr>

<td>2</td>

<td>A5001</td>

<td>dca</td>

<td>abi</td>

</tr>

<tr>

<td>3</td>

<td>A5002</td>

<td>dmo</td>

<td>sri</td>

</tr>

<tr>

<td>4</td>

<td>A5003</td>

<td>adpp</td>

<td>roshini</td>

</tr>

<tr>

<td>5</td>

<td>A5004</td>

<td>tallyprime</td>

<td>ragavi</td>

</tr>

</body>

</html>



 

No comments:

Post a Comment