HTML (Hyper Text Markup Language) Part VI Computer Science YouTube Lecture Handouts

Doorsteptutor material for competitive exams is prepared by world's top subject experts: get questions, notes, tests, video lectures and more- for all subjects of your exam.

Topics to be covered

1. Displaying symbols using reference

2. Displaying characters using ASCII codes

3. < Basefont >

4. < Menu >

5. < Marquee >

6. Creating header/footer/main content area

7. < Param > & < object >

8. < Div >

Symbols

There are various symbol that we use generally but not available on our keyboard. We can use these symbols by typing their reference codes in HTML.

Code/Output

CODE/OUTPUT

ASCII Codes

ASCII is character encoding standard for digital/electronic communication. It stands for American Standard Code for Information Interchange. All the characters have their unique ASCII value. Even ‘A’ and ‘a’ have different ASCII values. So we can also use ASCII codes in html code to display the Character/any symbol.

Code/Output

ASCII CODES
ASCII CODES

< Basefont > TAG

< basefont > tag is defined as the default font colour, font size, font style where as < font > tag apply these formatting to only text enclosed within the < font > . . < /font > . that՚s why a < basefont > tag does not have an end tag.

Attributes:

color: specifies the default color for the text

Face: specifies the default font style

Size: specifies the default font size

Note: this tag will not work in html5.

Code/Output

CODE/OUTPUT
CODE/OUTPUT

Creating Menus

  • Menus in HTML like a context list of some commands which performs some actions whenever clicked.
  • It can be created like a normal ordered/unordered list. < menu > tag is used to create a Menu.
  • < menuitem > . . < /menuitem > or < li > . . < /li > tags are used to add items in the list.
  • We can apply some action on these menu items by applying hyperlinks on it.

Code/Output

Creating Menus
Creating Menus

Marquee

  • Marquee in HTML is a moving text on a web page. It gets focus while moving. < marquee > tag is used to create a moving text. It is a container tag. The moving Text is enclosed within < marquee > … < /marquee >
  • It is used to create highlights/bulletin on a web page.
  • There different ways to move the text on a web page.
  • A marquee can be of different color, width, height.
Marquee in HTML Ng

Attributes of Marquee

  • direction: specifies the direction of a marquee. It can have four values i.e.. left, right, top, bottom
  • width: specifies the width of the marquee. It can be a number or in % .
  • height: specifies the height of the marquee. It also can be a number or in % .
  • behavior: specifies the behavior of marquee like how it will be moved on the web page. It can have three values:
    • Scroll: This is the default behavior of a marquee. The text start from one side and end at the opposite side. After completion of a scroll, it again starts moving.
    • Slide: The text starts moving from one side. The text stops moving, when it reaches at the end of the opposite side.
    • Alternate: The text starts moving from one side. The text stops moving and bounce back when it reaches at the end of the opposite side.
  • scrollamount: it specifies the speed of the marquee.

Header/Footer/Content Area

< header >: This tag is used to create header section on a web page. A header section can have multiple heading levels an image as logo and some information about website such as website name, its authentication ID etc. It also can have menus.

Note: A < header > is a container tag, but cannot contain another < header > tag. It also cannot be declared inside a footer.

< footer >: This tag is used to create footer section on a web page. A footer can have a organization՚s address, site map, copyright information etc.

Note: A web page can have multiple < footer > tags.

< main >: This tag defines the content area of the web page. It contains the main content that should be unique, means which is not repeated in the header and footer section.

Note:< main > cannot be created within < header > or > footer > sections.

Header/Footer/Content Area
Header/Footer/Content Area

< Param > & < Object >

  • < param > tag is used to control an object. It specifies parameter for an object.
  • < object > can be any multimedia object like audio, video. < object > is a container tag that holds < param > tag. An object tag contains more than one < param >

Attributes

Name: specifies the name of the parameter.

Value: specifies the value of the parameter.

Code/Output

Specifies the Name of the Parameter
Specifies the Name of the Parameter

MCQs

Q-1 Name the parameters of < param > .

1. name, control

2. height, control

3. name, value

4. width, control

Answer: 3

Q-2 Which attribute of marquee tag specifies the speed of a marquee.

1. Direction

2. Behavior

3. Speed

4. Scroll amount

Answer: 4

Developed by: