HTML Programs

 Questions for IT Exam March - 2021

1.  Write Program using HTML with following CSS specifications: WATCH VIDEO

a) The background colour of the company name should be in green.

b) The text colour of the company name should be red.

c) The heading should be large with font "Comic Sans MS".

d) The description of the company should be displayed in blue colour in a paragraph.

2. Write  Html5 code with CSS as follows:   WATCH VIDEO

a) To create form to accept name, age, email address, from the user.

b) Create a submit button to send the data.

c) The heading of the form should have a background colour and a different font style..

3. Write HTML5 code with CSS as follows:

a) Create ordered list with names of tourist cities.

b) Create unordered list with tourist places of those cities.

c) Divide the list into two sections left and right by using CSS.

4. Design a web page that should accept name of the user, Email ID, Number of years completed in office, Office phone number, Image as submit button and Reset button.

5. Design a web page that should accept name of the user, Select Photo file for upload, Color picker tool, Website URL, Search box and submit button.

6.  Write HTML program with following CSS specification:

a) The background color of the College name should be in red color.

b) The text color of the College name should be yellow color.

c) The description of the college should be paragaraph with right align.

7) Design a web page that should accept name of the user, Email ID, Number of years completed in office, Office phone Number(compulsory), image with submit button.

8. Write a program using html with following CSS specifications.

a) To create a form that should accept name, contact number of office (compulsory), month,  number of years completed (between 1-30) from the user.

b) Create submit button to send the data and reset button to reload the page.

c) The heading of  the form should have border, text color should be red. 

9. Write a program using html  with following CSS specifications:

a)  To create a form that should accept name,  age, date of appointment  from  the  user.

b) Create submit button to  send the data.

c) The heading of  the  form should have orange background  color  with different  font  style.

10. Write a program using html with following CSS specifications

a) The page should contain heading as XII IT in blue color.

b) Create Unordered list of topics in IT.

c) Change the font to Comic Sans.

11. Write a program using html with following  CSS specifications

a) To create a form that should accept name, number  of present students (compulsory) , time and file to upload from the  user.

b) Create submit button to send the data.

c) The heading of the form should have border with blank space around the content.

12. Write a program using html to create inline frame. It should contain an image.

13. Write html code to display a text Mobile World having font size 38, font color red and overline using CSS.

14. Write html code to display a text XII Online Exams having font size 36, text color red and underline text effect using CSS.

15. Write html code to display a text World is Beautiful having font size 35, spacing between the letters using CSS. 

16. Write html code to display a text Information Technology having font size 36, apply dotted border to the text and border color effect using CSS.

17. Design Personal Information from in html that accepts Name, age, Address, Current status as Working or Non working and Educational Qualification, buttons should be provided for clearing and submitting data. 

18. Create a web page to collect information from a student regarding course details which includes name of student, address, pin code gender and Course and send a response to the server to submit data.

19. Write HTML code to create a drop down list of five cricket players names.

It should allow multiple selection by the user.

Buttons should be provided for clearing and submitting the form. 

20. Design a personal information form in html that accept Name, age, address, current status as Working or Non-Working and Educational Qualification. Buttons should be provided for clearing and submitting data.

21. Write HTML code for displaying form  with title Employee Login. It should have provision to take employee  name, data of joining, and department. Use checkboxes for selecting departments as HR,  purchase, Sales. Buttons should be provided for submitting and clearing data.

HTML5 - Audio and Video Tags

HTML Lists - Ordered, Unordered, Nested

Cascading Style Sheets - Positioning

Cascading Style Sheets - Borders, Margins and Padding

Cascading Style Sheets - Fonts and Text Styles

Cascading Style Sheets - Color and Background property

Cascading Style Sheets - CSS Selectors

 CSS Selector

A selector is an HTML tag or id or class at which a style will be applied. 

Selector Types:

• HTML Element selector
• ID selector
• Class selector
• Universal selector
• Group selector

HTML Element Selector

• Tag selector or Element type Selector is the first Major selector in CSS. 
• Tag Selectors are LEVEL 1 selectors in CSS. 
• Any html element can be accessed in CSS using their tag name. 
• The CSS properties will apply to all the html tag for that selector used in web page.

ID Selector

• The id selector uses the id attribute of an HTML element to select a specific element.
• The id of an element is unique within a page, so the id selector is used to select one unique element!
• To select an element with a specific id, write a hash (#) character, followed by the id of the element.

Class Selector

• The CSS class selector is specifies style for a group of elements. 
• The class selector is used on several elements.
• Using class you can use the same style for many HTML elements. 
• The class selector selects HTML elements with a specific class attribute.
• To select elements with a specific class, write a period (.) character, followed by the class name.

Class Selector – specific element

To specify only one specific HTML element   should be affected then you should use the  element name with class selector.

Universal Selector

• The  universal  selector  is  used  as  a  wildcard  character (*).  
• It  selects  all  the  elements on the Webpages.

Example :

*   {   color : #FF3E0C;  font-family: Verdana;}

Grouping Selector

• The grouping selector selects all the HTML elements with the same style definitions.
• It is used to group the html elements for applying of same styles.
• To group selectors, separate each selector with a comma.

Attribute Selector

Attribute Selector select an html element based on their attributes name or value. Brackets [] are used to write attribute or attribute with value. 

Child Selector

A Child selector allows you to style only those elements which are direct descendants.

Example:

p>strong { color: red; }

<p>Web hosting is the service of providing <strong>storage space.</strong> The website  is made available on the Internet with the help of web hosting. </p>

Pseudo-class Selector

• A CSS pseudo-class selector allows you to select and style an element with a special state specified by a keyword.
• Pseudo Selectors are selectors used with colon selector
• Top pseudo selectors and :hover, :focus, :active, :link, :visited etc.