This is Betawad Jr Collage Block , This collage on stated information Teachnology subject is 2019. with Mr. Arun Prabhakar Sapkale Subject Teacher contact no 8484822629
The most technologically efficient machine that man has ever invented is the book.
Friday, April 18, 2025
Friday, June 3, 2022
Paper Pattern for HSC Information Technology(IT)
Paper Pattern for HSC Information Technology(IT) Maharashtra Board new syllabus 2021-22
Paper Format for final year Board exam(Prelium exam)—————–Total Carry – 80 Marks
| Questions. | Question Types | No. of Questions | Total Marks |
| 1. | Fill in the Blanks | 10 | 10 |
| 2. | State True or False | 10 | 10 |
| 3. | Multiple choice Single answer | 10 | 10 |
| 4. | Multiple choice Two correct answer | 10 | 20 |
| 5. | Multiple choice three correct answer | 02 | 06 |
| 6. | Match the following | 04 | 04 |
| 7. | Answer Briefly ( Any 5) | 08 | 10 |
| 8. | A. Write a program using Html (Or) A. Write a program using HTML | 02 | 05 |
| 8. | B. Write a program using JavaScript (OR) B. Write a program using JavaScript | 02 | 05 |
Thursday, July 2, 2020
Attributes Tags
The <ol> tag defines an ordered list. An ordered list can be numerical or alphabetical.
Attributes of <ol> tag-
Attribute | Values | Description |
Type | "1" /"a"/"I"/"i" | 1 is default value and other values specify the numbering type for the used items. |
Reversed | Reversed | This attributespecifies that the items of the list are specified in the reverse order. |
Start | Number | Specifies the starting number of the first item in an ordered list. |
Unordered list or bulleted list
An unordered list created using the
<ul> tag, and each list item starts with the <li> tag. The list items in unordered lists are marked with bullets (small black circles), by default.
Example : 1
<!DOCTYPE html>
<html>
<head>
<title>Example of HTML Unordered List</title>
</head>
<body>
<h3>HTML Unordered List</h3>
<ul>
<li>Basics of IT</li>
<li>HTML 5</li>
<li>PostgreSQL</li>
</ul></body></html>
Click below link for more information about <ul> tag
Attributes of <ul> tag
Attribute | Values | Description |
Type = disc/ circle/square (use style(css) instead of type attribute in HTML5. Type attribute is supported by previous versions of HTML) | style="list-style-type:disc" e.g <ul style="list-style-type:disc;"> style="list-style-type:circle" e.g <ul style="list-style-type:circle"> style="list-style-type:square" e.g <ul style="list-style-type:square"> style="list-style-type:none" e.g <ul style="list-style-type:none;"> | Sets the list item marker to a bullet (default)
Sets the list item marker to a circle
Sets the list item marker to a square
The list items will not be marked |
Note : HTML5 does not support bullets, circle and square value of type attribute instead you use CSS style. Definition list
|
To define a definition list <dl> tag is used. You can create items in definition list with the <dt> and <dd> tags. The <dt> tag is used to define the term whereas the <dd>tag is used to define the term’s definition.
Nested list
List within another list either order list or unordered list is called nested list.
Inserting audio and video in HTML 5
HTML5 new specifications enables users to have a far more control over audio on webpages.
HTML5 features include native audio and video support without the need for Flash. HTML5 includes special elements (tags) allowing to include video and audio and to define controls.
Common Audio Formats :
mp3 : An audio format from MPEG(Moving / Motion Pictures Experts Group).
aac : Advanced Audio Coding, standard format on Iphone, youtube etc.
ogg : An Open container and free audio format.
<Audio >Tag
The <audio> element enables you to embed(or add) audio files on Webpages.
Declare the audio tag, and specify the source attribute with the Audio file location.
Syntax :
<audio src="sample.mp3" type="audio/ mpeg" controls>
</audio>
Attributes of <audio> tag
Attribute | Values | Description |
Autoplay |
- | The audio will start playing as soon as it is ready |
Controls |
- | The audio controls shouldbe displayed (i.e. play/pause button etc.) |
loop |
Value | The audio will start over again, every time it is finished |
muted |
- | This Specifies that the audio output shouldbe muted |
src |
URL | Specifies the URL of the audio file |
Example :
<!DOCTYPE html>
<html>
<body>
<p>Audio Sample</p>
<audio controls>
<source src="test.mp3" type="audio/ mp3">
</audio>
</body></html>
In previous code
The controls attribute is used to add audio controls such as play, pause, and volume.
The"source"element is used to specify the audio files which the browser may use.
Adding audio with multiple sources :
Multiple sources of audios are specified so that if the browser is unable to play the first source then it will automatically jump to the second source.
<source> tag
The <source> tag is used to specify multiple media resources for media elements.
Example :
<!DOCTYPE html>
<html>
<body>
<p>Audio Sample</p>
<audio controls autoplay>
<source src="test.mp3" type="audio/mp3">
<source src="test.ogg" type="audio/ogg">
<source src="test.opus" type="audio/ogg">
</audio>
</body>
</html>
<video>Tag
The HTML <video> tag is used to embed video into your web page, it has several video sources.
There are three different formats that are commonly supported by web browsers
– .mp4, .Ogg and .WebM.
Syntax :
<video src="URL" controls></video>
Attributes of <video> tag :
Attribute | Values | Description |
Src | URL | Defines link to video file |
autoplay |
- | Specifies that the video will start playing as soon as it is ready |
controls |
- | Specifies that video controls should be displayed (such as a play/pause button etc). |
height |
Pixels | Sets the height of the video player |
loop |
Value | Specifies that the video will start over again, every time it is finished |
muted |
- | Specifies that the audio output of the video should be muted |
Attribute | Values | Description |
poster |
URL | Specifies an image to be shown while the video is downloading, or until the user hits the play button |
preload |
1. auto 2. metadata 3. none | Specifies if and how the author thinks the video should be loaded whenthe webpage loads |
width |
Pixels | Sets the width of the video player |
The <source> tag is used to specify multiple media resources for video as well as audio media elements.
Example :<!DOCTYPE html>
<html>
<body>
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ ogg">
Your browser does not support the video tag.
</video></body></html>
Image map in HTML 5
An image with multiple hyperlinks is called an image map.
Image map is used to connect links to different regions on the webpage. An Image map is created by marking certain regions on an image clickable. These clickable regions are called as hotspots.
Image Maps are of two types; Client Side and Server Side. We will confine only to Client Side image map. The tags used to define client side image map are
1. <Img> : It is used to insert an image on a web page. To create a client side image map usemap attribute of <img> is used with value which is preceded with a # symbol. The usemap attribute acts as a pointer which indicates that the image is a client side image map.
2. <map> : It has only one attribute name. It specifies name of the image used for client side image map. The value of the name attribute is the value specified in usemap attribute of
<img>
.3) <area> - It defines specific clickable regions. A given <map> element can contain multiple <area> element within it.<area> is singular tag and
<map> is paired.
Attributes of <area>:
Attribute | Description |
Href | Defines the URL to which the clickable region within the image-map navigates. |
Shape | It can value rect, circle or poly. |
coords | Specifies co-ordinates of the clickable regions on the image-map. Rect- specifiesrectangular area withfour co-ordinates. Circle-Defines a circular region. It requires three co-ordinates. Poly-Defines a polygon region with co-ordinates specifying each point on the polygon. It requires four co-ordinates. Default-Region covers the entire image. No co-ordinates are required |
alt | Specifies extra information about clickable area. It is thealternative text to the clickable region. |
Example : Image Map with element
<map> and <area>
<!DOCTYPE HTML>
<html>
<head><title>image map</title>
</head>
<body>
<h1>An example of Image Map
</h1>
<img src="Tulips.jpg" usemap="#imagemap" alt="Image of Tulip">
<map name="imagemap">
<area href="http://www.google.com" shape="rect" coords="0,0,93,65" alt="google site"/>
<area href=" great_wall_china.html" shape="circle" coords="118,140 ,40" alt=" great wall of china"/>
<area href="http://mahahsscboard. in" shape="poly"coords
="145,187,198,215,245,280,305"
alt="maharashtra stateboard site"/>
</map>
</body></html>
(In the above program great_wall_ china.html is a local file created on the machine.)
INLINE FRAME IN HTML5
The <iframe> element creates an inline frame. Inline frames are often used in online advertising, where the contents of the <iframe> is an advertisement from an external party. HTML5 allows the incorporation to be seamless (no scrollbars, borders, margins etc).
Attributes of <iframe> :
|
<!DOCTYPE html>
<html>
<body>
<h2>HTML Iframes</h2>
<p>This is the example of iframes.</p>
<iframe src="xyz.html" height="200" width="300"></iframe>
</body>
</html>
In this chapter we have seen how to create a website. But just creating of a website is not sufficient. One has to make the website available on the Internet. These web pages are to be stored in the web servers that are connected to the Internet, to be made available to others.
What is web hosting?
Web hosting is the service of providing storage space. The website is made available on the Internet with the help of web hosting.
What is Web Host?
The companies that provides web hosting services are called web hosts. Web hosts own and manage web servers. These web servers offer uninterrupted Internet connectivity.
Types of Web hosting :
Types of web hosting are
1. Shared hosting : It is cost effective. It gives domain name to your website.
2. Free hosting : There are some hosting websites which provide you free hosting of the website for limited period of time.
3. Dedicated hosting : These are paid hosting servers for large websites.
Note : You can buy your own web server space, but it is the most expensive way to publish your website. Though it is very expensive, but it gives you a lot of control over your website.
Subscribe to:
Posts (Atom)
Information Technology
This is Betawad Jr Collage Block , This collage on stated information Teachnology subject is 2019. with Mr. Arun Prabhakar Sapkale Subject ...