JPG image HTML5

    SEBA 
    CLASS- 9
    CHAPTER-13
    Introduction To HTML5


    OBJECTIVE TYPE QUESTIONS:

    1. Fill in the blanks:

    a. Internet explorer is a graphical web browser developed by Microsoft Corporation.

    b. A Server is a computer on the Internet that is used for storing and running a website.

    c. Empty element of HTML, does not have an OFF tag.

    d. CSS provide the set of the rules for displaying HTML. Elements.

    e. Home Page is the first page of a website.

    f. HTML elements that only have the ON tag are called empty elements.

    g. Attributes gives us extra information about the elements.

    h. ON and OFF tag is an example of a container tag.

    i. Body section of HTML contains everything that is displayed on the web page.

    j. Background Attachment property specifies whether the background image is fixed or scrolls.

    2. Write TRUE or FALSE

    a. The BODY section contains information about the document. FALSE

    b. A web browser is used to view HTML document. TRUE

    c. The <br> tag is used to insert line break. TRUE

    d. You can view a web page only in Google Chrome. FALSE

    e. HTML tags are written within < and > sign. TRUE

    f. Attributes are specified inside the end tag. FALSE

    g. <html> tag is an empty tag. FALSE

    h. <body> and <title> tags are container tags. TRUE

    i. Color Property is used to specify the background color of the web page. TRUE

    j. Tag names cannot contain spaces. TRUE

    3. Choose the correct options:

    a. Which of the following values can be assigned to a background-repeat property.

    All of these

    b. A ___ is an application program that display HTML page.

    Web Browser.

    c. Which of these options is available on the File menu of a web browser?

    Open and Save both

    d. which of the following does not have an OFF tag?

    <br>

    e. Which of the following is a container tag.

    All of these

    f. In which of the following ways can CSS be incorporated in an HTML document?

    Using external, Embedded and Inline styles (All of these)

    g. The property that specifies whether the background image is fixed or scrolling is

    None of these (it is background-attachment)

    h. A____ consists of web pages written in HTML.

    Website.

    i. The ___ element is written after the <!DOCTYPEhtml> element.

    <html>


    Click To Top


    DESCRIPTIVE TYPE QUESTIONS:

    1. Short answer questions:

    a. What is the use of HTML?

    HTML, or Hypertext Markup Language, is used to make website pages. Website creators use HTML to design text as titles and headings, organize illustrations on a site page, connect to various pages inside a site, and connect to multiple locations.

    OR (Write the below answer if it is  for 1 marks )

    HTML, or Hypertext Markup Language, is used to create web pages for a web sites for displaying on the World Wide Web.

    b. Mention two striking features of HTML5?

    The most striking features of HTML5 is the facility to play audio and video content without the need for plug-ins such as flash player.

    c. Write two advantages of WYSIWYG HTML editors?

    The two advantages of WYSIWYG HTML editors are:

    i) Websites can be created quickly.

    ii) Knowledge of HTML tags or commands is not required.

    d. What do you mean by attributes?

    Attributes are special words that gives us extra information about elements and define the characteristic of an elements.

    OR. (Any one you can write)

    Attributes are special words that are given along with the ON tag within the angular brackets and specify additional information for that tag or commands.

    e. What is the use of the <!DOCTYPEhtml> elements?

    The use of <!DOCTYPEhtml> element is to instruct the web browser about what version of HTTML the page is written in. it generally specifies the general; syntax of your document. It is an empty element and does not have closing tag.

    f. What is the use of <br> tag?

    <br> tag is used to insert a line break. It is an empty tag.

    g. Give the syntax for writing a CSS rule.

    The syntax for CSS rule is:

    Selector

    {

    property: Value;

    }

    h. What is the purpose of background-attachment property?

    The purpose of the background-property is the specify whether the background image is fixed or scroll when the user scrolls the rest of the page.

    i. Mention two value that can be assigned to the background-attachment property.

    The value that can be assigned to the background-attachment property are:

    1. Scrolls

    2. Fixed (Default is Fixed)

    j. Name a freeware web browser developed by Google?

    Google Chrome is the freeware web browser developed by Google.

    2. Long answer questions:

    a. Explain the structure of a website with the help of an example.

    Basic Structure of a website:

    Website structure refers to how website is setup, i.e. how the individual subpages are link to another. It is particularly important that crawler can find all the subpages quickly and easily when website have large number of subpages.

    Header: Usually sits at the top of each page and serves a few very important purposes. This does more than provide a place for heading or logo. This is where the main common information about a website usually stay from one web page to another.

    Navigation Bar:  A navigation bar is a user interface element within a webpage that contains links to other sections of the website. In most cases, the navigation bar is part of the main website template, which means it is displayed on most, if not all, pages within the website.

    Main content: A big area in the center that contains most of the unique content of a given webpage, for example, the video you want to watch, or the main story you're reading, or the map you want to view, or the news headlines, etc. This is the one part of the website that definitely will vary from page to page.

    Side bar: a sidebar is a user interface element that displays a list of choices, it typically appears as a column either to the left or the right of the main content, but its exact location depends on the theme that you are using. Technically, a sidebar can appear below the main content or above it and be either in the form of a row or a column, but the most common usage is a column to one side of the main content.

    Footer: footer is an area located at the bottom of every page on a website, it typically contains a copyright notice, link to a privacy policy, sitemap, logo, contact information, social media icons, and an email sign-up form. In short, a footer contains information that improves a website’s overall usability.

    EXAMPLE:-

    Structure of a website, Example, Diagram

    b. Mention any two features and limitation of HTML.

    FEATURES OF HTML

    LIMITATIONS OF HTML

    1. Simple and small language

    1. HTML Has limited designing capabilities, we use CSS for it.

    2. it is used to make the text look attractive.

    2. HTML has no Programming capabilities, we used JS for it.

    3. It is very versatile language and can be used on any platform.

    3. It only defines page layout and enable easy browsing through hyperlink.

    4. Flexible and maintainable.

    4. It is neither a word -processing tool nor a desktop publishing solution like word.

    c. Differentiate between container tag and empty elements with example.

    The different between Container and Empty element is that:

    CONTAINER ELEMENTS

    EMPTY ELEMENTS

    1. The HTML elements that include both ON or OFF tag are called container.

    1. The HTML elements that have only an ON tag and do not required an OFF or Closing tag are called Empty elements.

    2. For example:

    <b>  </b> where <b> is ON and </b> is OFF.

    2. For Example:

    <br> tag which is used to insert line break does not required a closing tag or OFF tag

    d. What is the different between external style sheet and an embedded style sheet.

    The differences between an external style sheet and an embedded style sheet is that.

    External style sheet: An external style sheet is a separate document that contain only CSS rules and has the extension .css . This CSS file define the style for many HTML pages. With an external style sheet, we can change the look of multiple pages with similar styles of an entire web site without writing the same code again. To use an external style sheet, add a link to it in the <head> </head> section of the HTML page.

    For example:<head> <link rel = “stylesheet” href =  “Style.css” > </head>

    Embedded Style sheet: It is a set of styles which is created as a part of an HTML document. These are used when you want to apply similar styles to different elements on the web page. The embedded style sheets is created using the <style> </style> tags inside the <head> </head> tag section. For example:

    <head>

    <style>

    Selector

     {

    property: value;

    }

    </style>

    </head>

    e. What is the use of CSS?

    CSS Cascading Style Sheet is a style sheet language used for describing the presentation of a document written in a markup language like HTML. It describes how HTML elements are to be displayed on screen, paper or in other media.

    f. What are the different ways in which CSS can be incorporated in an HTML?

    CSS styles sheet can be incorporated in an HTML document in one of the following ways.

    1. External Style Sheets: It is a separate document that contain only CSS rules and has the extension .css. it is used to apply uniform style to many web pages without writing the same code again.

    2. Embedded Style Sheets: It is also known as Internal Style Sheet which is created as a part of an HTML document at the Head section using the <style> </style> Tag. It is used when we want to apply similar styles to different elements on the same page.

    3. Inline Style Sheets: Inline CSS can be used to unique style to a single HTML element. For this, the style attribute is added to the HTML tags. Example : <h1 style = “Property: value;”>

    g. What is the use of background-repeat property? What different values can be given to the background-repeat property?

    Background-repeat properties are used to set the background style of various HTML elements. It specifies whether the background image is repeated or not.

    The different values can be given to the background-repeat property are :

    i) repeat

    ii) repeat-x

    iii) repeat-y

    iv) no-repeat

    h. Mention two distinct part of an HTML document. What information is contained in these sections?

    The two distinct parts of an HTML document are :

    1. Head: head is a logical part. It contains the information about the web page which represent the body header which can be a link, title, style etc.

    2. Body: body is a visible part. It contains every thing displayed on the web page which represent the document’s body which keep other HTML tag like <h1>, <p>, <div> etc 

    j. Writer the rules that must be followed while writing an HTML code.

    The rules that must be followed while writing an HTML code are:

    1. All HTML documents must start with a document type declaration: <!DOCTYPE html>

    2. The HTML document itself begins with <html> and end with </html>.

    3. Tag names and attribute names are not case sensitive.

    4. Attributes values are case sensitive, especially if they refer to file name.

    5. Attributes values should be placed between quotes when they contain space or specify character.

    6. Space between tags do not matter.

    7. Tag name cannot contain spaces.

    8. Element can be nested.

    9. Attributes like center, right, left, etc do not required surrounding quotes as they do not contain embedded spaces.

    k. Explain the steps to open an HTML document in a web browser.

    The steps to open an HTML document in a web browser are:

    1. Open the Internet Explorer.

    2. Select the file then click open (open dialog box is displayed)

    3. Click Browse.

    4. A file selection dialog box appears. Select the HTML file you just created.

    5. Click open. The open dialog box re-appears. Click OK and you will see the web page you created in the Internet Explorer.


    ADDITIONAL QUESTIONS

    1. What is the full form of HTML?

    HTML stand for Hypertext Markup Language.

    2. What do you mean by markup?

    Markup is the process of adding text that has extra feature to ordinary text.

    3. What do you mean by Hypertext?

    Hypertext is the method by which you move around on some web pages by clicking on special text called hyperlink.

    4. When was HTML designed?

    HTML was designed in 1990 by Tim Berners Le

    5. Write the advantages and disadvantages of HTML.

    ADVANTAGES OF HTML

    DISADVANTAGES OF HTML

    1. Widely used

    2. Every browser support HTML language.

    3. Easy to learn and use.

    4. It is by default in every window so you don’t need to purchase extra software.

    1. It can create only static pages so if we need dynamic pages then HTML is not useful

    2. Need to write lots of codes for making simple webpages.

    3. Security features are not good in HTML.

    4. We need to learn CSS and JS to create a dynamic web page.

    6. What are Container tags?

    Those tags that have both On and OFF tags or we can say Start and End tags are called container tags or paired tags.

    7. Why we called Tags as Container Tag in HTML? Give example.

    If an HTML tags has separate opening and separate closing tag, then such tags are Known as container tags or paired tags. Example: <p> </p> This is a paragraph tag.

    8. What are Empty tags?

    Those tags that have only ON tag and do not required OFF tag are called Empty tag, unpaired tag or self-closed tag.

    9. Why we called Tags as Empty Tag in HTML? Give example.

    If an HTML tag has both opening and closing tag in a single tag. Then such HTML tag is known as unpaired tag or self-closed tag. Example: <br/> (it inserts line break), <hr/> (it draws a horizontal line).

    10. What are block level tags? How will you know it block level tag? Give example.

    Block level tags are those tags that always start on a new line and takes up the full width of a Page from left to right.

    If an HTML tags always, displays the content on the new fresh line and occupies the complete available width of its parent tag, then such tags are known as block level tag.

    Example: <h1> to <h6>, <ol>, <p>, <ul>, <div>, <span> etc are some of the block level tags.

    10. What are Inline level tags? How will you know it Inline tag? Give example.

    Inline tags do not cause a line break and does not take up the full width of a page, only the space bounded by its opening and closing tag. It usually used with other elements.

    If an HTML tag occupies the exact amount of space required to display the content on the browser, and will not move the content to the new line, then such HTML tag is known as inline tag.

    Example: <a> <emp> <img> etc are some inline tags.

      10.Differentiate between CSS and HTML?

    HTML

    CSS

    1. It stand for Hypertext Markup Language

    2. It is a formatting language for webpage.

    3. it is a structural language for web page

    4. it is used to describe the structure of a web page.

    1. It stand for Cascading Style Sheets

    2. It is a reformatting language for web page.

    3. It is a presentational language for webpage.

    4. It is used to describe presentation of web page.


    Click To Content