Skip to main content

ads1

Class 10th Chapter - 4 List and Table in Html

 List and Table in HTML

LIST

List types are

1. unordered list

2. ordered list

3. descriptive list.

Unordered list :- An unordered list contains item along with a symbol. This symbol is also called a bullet. To create an unordered list in HTML, the <ul> tag and </ul> tag pair is used. The items of the list are enclosed within the <li> and </ li> tag pair.  If you want to change the bullets, you can use an attribute called type.

Descriptive list. :- Description list using tag pairs <dl> and </dl>, Here 'dl' is an abbreviated form of the word description list. We need to define description terms using <dt> and </dt>.

Ordered list :- An ordered list contains items along with numbers or alphabets instead of bullets. To create an ordered list in HTML, the <ol> tag and </ol> .As usual, the items of the list are enclosed within the <li> and </li> tag pair.




Table tag

A table contains information separated in form of grids. To create table in HTML <table> and </table> tags are used. Within the <table> and </table> tags, we may use attributes such as caption (title) of the table, table border, table rows and columns. table is formed by rows and columns. A row in a table is defined by <tr>, row tag. The first row of a table is heading row, which is denoted by the <th>, table heading tag. Entries of remaining rows are entered using <td> tag.

Table tag and its Attribute

Align

This attribute indicates alignment of table.

Bgcolor

This attribute specifies background of the table.

Border

This attribute specifies table border.

Cellpadding

This attribute leaves  specified gap between edges of the cells and their content .

Cellspacing

This attribute manages space between each  cell of the table

Dir

This attribute specifies the direction of the text that is displayed in the table.

Frame

This attribute controls the outermost border of the table.

Rules

This attribute controls the presentation of inner border of the table.

Summary

This attribute presents description of the table.

Width

This attribute specifies the width of the table.

Multiple choice Question  

(1) Which of the following is specified by <ul> in HTML? 

(a) Simple list (b) Ordered list (c) Unordered list  (d) Simple table 


(2) Which of the following is specified by <ol> in HTML? 

(a) Simple list  (b) Ordered list (c) Unordered list  (d) Simple table 


(3) Which of the following tag pairs identifies items of lists? 

(a) <li> and </li>  (b) <items> and </items>  (c) <object> and </object>  (d) <table> and </table>


(4) Which of the following tag pairs are used to print list without bullets ? 

(a) <ol> and </ol>  (b) <ul> and </ul> (c) <dt> and </dt>   (d) <pt> and <pt>


(5) Which of the following tag pairs are used to define a row of a table ? 

(a) <tr> and </tr>  (b) <td> and </td> (c) <col> and </col>  (d) <row> and </row>


(6) Which of the following attribute is used when a cell spans across more than one row ? 

(a) Colspan  (b) Rowspan (c) Span (d) Scope


(7) Which of the following is used to divide browser window into multiple parts ? 

(a) Frameset (b) Elements (c) Layout (d) Design


(8)Which of the following is used to display an alternative content, in case browser does not support frames ? 

(a) Noframe  (b) Yesframe  (c) Falseframe  (d) Truefarme


(9) Which of the following can be changed in an ordered list in HTML ? 

(a) Order of the items  (b) Start number (c) Number style  (d) All of these


(10)  Which of the following is an optional entity in an HTML table ? 

(a) Caption of the table (b) Heading of the table (c) Grouping of columns of the table (d) All of these  

 

Link to Download Chapter .......

 

Link to download :-  Class 10th Chapter - 4 List and Table in Html  




 Link to download :-  Class 10th Chapter - 4 List and Table in Html  




ads2

Popular posts from this blog

11. Write a Java program to input basic salary of an employee and calculate its Gross salary according to following:

    11. Write a Java program to input basic salary of an employee and calculate its Gross salary according to following: Basic Salary <= 10000 : HRA = 20%, DA = 80% Basic Salary <= 20000 : HRA = 25%, DA = 90% Basic Salary > 20000 : HRA = 30%, DA = 95% Static Solution :-  class salary {     public static void main(String args[])     {     double basic=20000.50,gross,da,hra;     if(basic <=10000)     {         da = basic * 0.8;         hra = basic *0.2;     }              else if(basic <=20000)     {         da = basic * 0.9;         hra = basic *0.25;     }     else     {         da = basic * 0.95;         hra = basic * 0.3;     }     gross = basic + da + hra;     System.out.println("The Gross Salary is :-"+gross);     } } Output :-  Dynamic Solution :-  class salary {     public static void main(String args[])     {     double basic=20000.50,gross,da,hra;     Scanner in = new Scanner(System.in);     System.out.println("Enter the Basic Salary

1. Given the school result data, analyses the performance of the students on #different parameters, e.g subject wise or class wise.

1. Given the school result data, analyses the performance of the students on #different parameters, e.g subject wise  or class wise. Solution :-   # x-axis is shows the subject and y -axis # shows the markers in each subject # import pandas and matplotlib  import pandas as pd  import matplotlib.pyplot as plt # Simple Line Chart with setting of Label of X and Y axis, # title for chart line and color of line  subject = ['Physic','Chemistry','Mathematics', 'Biology','Computer'] marks =[80,75,70,78,82] # To draw line in red colour plt.plot(subject,marks,'r',marker ='*')     # To Write Title of the Line Chart plt.title('Marks Scored') # To Put Label At Y Axis plt.xlabel('SUBJECT')           # To Put Label At X Axis plt.ylabel('MARKS')             plt.show() Output :- 

24.Create a Data Frame quarterly sales where each row contains the item category, item name, and expenditure. Group the rows by the category and print the total expenditure per category.

24.Create a Data Frame quarterly sales where each row contains the item category, item name, and expenditure. Group the rows by the category and print the total expenditure per category. import pandas as pd  # initialize list of lists data = [['CAR','Maruti',1000000],['AC','Hitachi',55000],['AIRCOLLER','Bajaj',12000], ['WASHING MACHINE','LG',15000],['CAR','Ford',7000000],['AC','SAMSUNG',45000],['AIRCOLLER','Symphony',20000],['WASHING MACHINE','Wirlpool',25000]] Col=['itemcat','itemname','expenditure'] # Create the pandas DataFrame qrtsales = pd.DataFrame(data,columns=Col) # print dataframe.  print (qrtsales) qs=qrtsales.groupby('itemcat')  print('Result after Filtering Dataframe')  print(qs['itemcat','expenditure'].sum()) Output :-