Question 1

Question 1How do you add a background color for all <h1> elements?

Accepted Answer

We define a rule for

tag and use the property background-color to set the background color for all h1 elements.For example, to set the background color of all

Q: Question 4How do you tell the browser you are creating a styling section with an internal style sheet ?<style type="css"></style><class type="css"></class>class type="text/css"></class><style type="text/css"></style>

elements to blue, we define the rule as follows:h1 { background-color : blue ; }

Question 2

Question 2How do you display a border like this :The top border = 10 pixels 
The bottom border = 5 pixels 
The left border = 20 pixels 
The right border = 1pixel

Accepted Answer

To display the given border, we use the border-width property and write the values in the order — top, right, bottom, left. Thus, the rule will be written as follows:selector { border-width : 10px 1px 5px 20px ; }

Question 3

Question 3How do you make each word in a text start with a capital letter ?

Accepted Answer

To make each word in a text start with a capital letter we set the value of text-transform property to capitalize.For example, to make each word in all <H1> elements start with a capital letter, we define a rule as:h1 { text-transform : capitalize ; }

Question 4

Question 4Perform as instructed below.(a) Create an HTML file namely index.html file with following guidelines :x Make sure there are at least 2 paragraphs (

) in your HTML file x Use h1, h2 and h3 headings x Use a numbered and a bulleted list x Use a table x At least 4 hyperlinks (b) Link to an external style sheet namely personal.css from your index.html file.(c) Create a CSS document called personal.css (Make sure you save as type .css) with rules for the following :x Have your h2 headings : (a) Appear in a color of your choice (b) Be centered on the page (text-align: center;) (c) In the Serif font family of your choice x Double the H1 headings size (relative font size) x For paragraphs (a) Specify a font family and font size. (b) Give a background color with 5 px padding on each side x For tables (a) Specify a border of width 3px (b) Table heading in bold x Remove the underline in your links. (d) View the html file in a browser(e) Create another CSS file with different style rules for above mentioned elements and then link index.html to this CSS file. Now view index.html and see the change.

Accepted Answer

index.html HTML Introduction

Introduction to HTML

What is HTML ?

HTML (Hypertext Markup Language) is the standard markup language used for creating and structuring web pages. HTML uses a system of tags and elements to define the different components and content of a web page.

HTML forms the foundation of web development and is often combined with CSS (Cascading Style Sheets) and JavaScript to create interactive and visually appealing websites.

Advantages of HTML

Universal support across web browsers.
Easy to learn and understand syntax.
Platform independence for broad device compatibility.
Seamless integration with CSS and JavaScript.

Limitations of HTML

Limited styling and layout control.
Lack of built-in interactivity.
Insufficient data handling capabilities.
Browser compatibility issues.

Some tags of HTML
Tag	Description
B tag	Used to make text bold
I tag	Used to make text italic

Check out these links to learn more about HTML:

personal.cssh2 { color: red ; text-align: center ; font-family: Times New Roman ; } h1 { font-size: 2em ; } p { font-family: Arial ; font-size: 10px ; background-color: cyan ; padding: 5px 5px 5px 5px ; } table { border: 3px solid; } th { border: 3px solid; font-weight: bold ; } td { border: 3px solid; } a { text-decoration: none ; }Outputnew-personal.cssh2 { color: blue ; text-align: left ; font-family: Verdana ; } h1 { font-size: 3em ; } p { font-family: Georgia ; font-size: 14px ; background-color: green ; padding: 3px 8px 3px 8px ; } table { border: 1px dashed; } th { border: 1px dashed; font-weight: normal ; } td { border: 1px dashed; } a { text-decoration: overline ; }Output

Question 5

Question 1Which of the following is not one of the DHTML technology ?HTMLCSSJavaScriptWWW

Accepted Answer

WWWReason — DHTML is a combination of HTML, CSS, JavaScript and DOM (Document Object Model) while the World Wide Web (WWW) is the system of interconnected hypertext documents accessed through the internet, it is not considered a DHTML technology itself. Instead, the WWW is the platform or environment where DHTML technologies are utilized to create interactive and dynamic web pages.

Question 6

Question 2The acronym CSS stands for what ?Carrot System StyleCorrelated Styling SystemCascading Style SheetsCanvas Styling System

Accepted Answer

Cascading Style SheetsReason — CSS stands for Cascading Style Sheets.

Question 7

Question 3What property would you use to create space between the element's border and inner content ?marginspacingpaddingborder

Accepted Answer

paddingReason — Padding defines the inner distance between the border and the content of the element.

Question 8

Question 4How do you tell the browser you are creating a styling section with an internal style sheet ?class type="text/css">

Accepted Answer

Reason — To embed a style sheet in a web page, we use the

Question 9

Question 5To reference a style sheet across multiple HTML pages, how would you define your CSS ?Inline StyleInternal Style SheetExternal Style SheetCSS is meant for only one page

Accepted Answer

External Style SheetReason — To reference a style sheet across multiple HTML pages, we define our CSS as an external style sheet.

Question 10

Question 6What is the correct CSS syntax for making all the elements bold ?span {text-size:bold}span {font-weight:bold}

Accepted Answer

span {font-weight:bold}Reason — The property font-weight specifies the boldness or heaviness for a font. In the given code, the content of span is set to bold.

Question 11

Question 7In the following code snippet, what value is given for the left margin :margin: 5px 10px 3px 8px;3px10px8px5px

Accepted Answer

8pxReason — The order of border margin values is top, right, bottom and left. Thus, the value given for the left margin is 8 pixels.

Question 12

Question 8What property is used to change the text color of an element ?fontcolor:textcolor:color:font-color:

Accepted Answer

color:Reason — color property is used to change the text color of an element. For example:p {color : red ;}

Question 13

Question 9Which is the correct CSS syntax ?{p:color=black(p}p {color: black;}{p;color:black}p:color=black

Accepted Answer

p {color: black;}Reason — The correct CSS syntax is :selector {color : value ;}The option p {color: black;} follows correct CSS syntax.

Question 14

Question 10What is the correct CSS syntax to change the font name ?font-name:font:font-family:fontname:

Accepted Answer

font-family:Reason — font-family:	is used to define a list of fonts that should be used to display a given element or web page.

Question 15

Question 11Which HTML attribute is used to define inline CSS styles ?cssstyletypeid

Accepted Answer

styleReason — STYLE attribute is used to define inline CSS styles. For example,<H3 STYLE = "FONT-FAMILY = ARIAL">

Question 16

Question 12How do you make each word in a text start with a capital letter ?text-transform:capitalizetext-transform:uppercaseYou can't do that with CSStext:capitalize

Accepted Answer

text-transform:capitalizeReason — When the value of text-transform is set to capitalize, it will capitalize the first letter of each word.

Question 17

Question 13What is the correct CSS syntax for making all the

tag's font size 14px ?p {14px}p {font-size: 14px;}p {text-size: 14px;}p {font: 14px;}

Accepted Answer

p {font-size: 14px;}Reason — The correct syntax for changing all the

tag's font size is :p {font-size : value ;}The given option follows the correct CSS syntax.

Question 18

Question 14Which CSS property controls the text size ?font-heighttext-sizefont-sizetext-style

Accepted Answer

font-sizeReason — font-size property is used to set the size of a font.

Question 19

Question 15How do you insert padding so that it is :10 pixels at the top
15 pixels at the bottom
5 pixels at the right
10 pixels to the left
padding:10px 15px 5px 10px ;padding:15px 5px 10px 10px ;padding:10px 5px 10px 15px ;padding:10px 5px 15px 10px ;

Accepted Answer

padding:10px 5px 15px 10px ;Reason — The order of padding values is top, right, bottom and left. Thus, to insert the given padding, we write the definition as follows:padding:10px 5px 15px 10px ;

Question 20

Question 16How do you display hyperlinks without an underline?a {decoration:no underline}a {text-decoration:none}a {hyperlink:no underline}a {text-decoration:no underline}

Accepted Answer

a {text-decoration:none}Reason — To display hyperlinks without an underline, the value of text-decoration property is set to none.

Cascading Style Sheets (CSS)

Application Oriented Questions

Objective Type Questions

Theoretical Questions