Scribd
Upload
105 views23 pages

html5 Updated 15-2-17-1-1

The document provides information about HTML5 canvas drawing, including: 1. The process of drawing lines on a canvas using beginPath(), moveTo(), and lineTo() methods. 2. Details about the transform() method and how it replaces the current transformation matrix. 3. Examples of canvas line drawing syntax.

Uploaded by

vignesh waran
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
105 views23 pages

html5 Updated 15-2-17-1-1

The document provides information about HTML5 canvas drawing, including: 1. The process of drawing lines on a canvas using beginPath(), moveTo(), and lineTo() methods. 2. Details about the transform() method and how it replaces the current transformation matrix. 3. Examples of canvas line drawing syntax.

Uploaded by

vignesh waran
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 23

<wbr> stand for >Word Break Opportunity

Which is not input type attributes : Meter >(Range,Search,Meter,date)


Set input type focus attributes syntax <input type="text" name="fname" autofocus><br>

transform() method replaces the current transformation matrix

Canvas Lines: lineTo(x,y)


The process of drawing lines on a Canvas bitmap is similar to that on a normal paper.
1.Denote the start of a new path by using method beginPath().
2.Call the drawing cursor to the starting point of the subpath using method moveTo(x,y).
3.Draw a straight line from starting point to the specified co-ordinates using
method lineTo(x,y).
4.Finally,make the line visible by drawing its outline using method stroke().

1. Which is not semantic element


<div>
2. Which is not semantic element
<span>
3. Which is new element in HTML5
Canvas
4. The HTML <canvas> element is used to draw graphics on a web page.
5. The HTML <canvas> element is used to draw graphics, on the fly, via
JavaScript.
6. The multiple attribute works with the following input types:
email, and file.
7. The _________ is used for input fields that should contain a telephone
number.
Ans. <input type="tel">
8. The ____________ defines a numeric input field.
Ans. <input type="number">
9. The <input type="month"> allows the user to select a month and year.
10. required Specifies that an input field is required (must be filled
out)
11. The formaction attribute specifies the URL of a file that will process the input control when
the form is submitted.
12. The <keygen> tag specifies a key-pair generator field used for
forms.When the form is submitted, the private key is stored locally, and
the public key is sent to the server.
13. Which is false for <doctype> in html5
a. Doctype does not contain end tag
b. Doctype has 3 different declaration
c. <!DOCTYPE html> is the only declaration in html5
d. It is case insensitive
Ans: b is false
14. <track> element is used to specify subtitles, caption files or other files
containing text, that should be visible when the media is playing.
15. The poster attribute specifies an image to be shown while the video is
downloading, or until the user hits the play button. If this is not included,
the first frame of the video will be used instead.
16. Css version in html5
Css3

17. which attribute is used to specify zone wise date time.


ans. datetime
note. only two input is possible in datetime i. datetime, ii. datetime-
local
18.which is not a form element
a. <output>
b.<keygen>
c.<datalist>
d.<canvas>
ans. canvas

19. which method is used to draw rectangle in canvas?


a. rectanglle(x,y,width,height)
b. rect(x,y,width,height)
c. createRect(x,y,width,height)
d.createRectangle(x,y,width,height)
ans. b rect()
20. which method is used to draw image in html5?
a. drawImage()
b.drawGraph()
c. drawPicture()
ans. drawImage()
21. which tag is used for figure caption
ans. <figcaption>
22. ________ is the new html5 input type
a)search
b)block
c)layout
d)list
23. ________ tag is not supported in html5
a) code
b) <basefont>
c)base
d)canvas
24. autocomplete – there was one question on this.
25. which one is valid html5 rule

26. which tag is used for result of calculation


Output
Datalist
Keygen
Input

27. Canvas element ______ is used to fill rectangle, circle, line,


text.
Image
Fill
Style
Gradient

28. Method for repeating specified element in specified directions


HTML <input> multiple Attribute
<form action="demo_form.asp">
Select images: <input type="file" name="img" multiple>
<input type="submit">
</form>

The multiple attribute is a boolean attribute.When present, it specifies that the


user is allowed to enter more than one value in the <input> element.

The multiple attribute works with the following input types: email, and file.

The <keygen> tag specifies a key-pair generator field used for forms.When the
form is submitted, the private key is stored locally, and the public key is sent to
the server.

Q. The _________ is used for input fields that should contain a telephone
number.
Ans. <input type="tel">

Q. The ____________ defines a numeric input field.

Ans. <input type="number">


q) how many audio format are supported ------------- ans- 3

q) what is used for creating graphics-------------- ans- canvas

q) createLinearGradient()

q) non-symentic tags-------------- ans- <div> and <span>


q) tag used to highlight text -----------ans-------<mark>

q) which element dont have ending text . ans.

<!DOCTYPE>
q) canvas tag

q) dimention in canvas --- 2D


q) canvas is used for ---------- drawing graphics

q) which tag is used for highlight text-----<mark>

q) new tags in HTML 5--------------<datalist><output><embed>

q)syntax for required ------------- required

q) tag specifies a key-pair generator field used for forms -----------<keygen>

q) tag defines a scalar measurement within a known range----------<meter>

q) <embed tag>

q) tag defines a multi-line text input control <textarea>

q) <video> tag
q) <audio > tag

Form Tag

q) css version used in html 5 ------- css3


Semantic Elements in HTML5
Below is an alphabetical list of the new semantic elements in HTML5.
The links go to our complete HTML5 Reference.

Tag Description

<article> Defines an article

<aside> Defines content aside from the page content

<details> Defines additional details that the user can view or hide

<figcaption> Defines a caption for a <figure> element

<figure> Specifies self-contained content, like illustrations, diagrams, photos,

<footer> Defines a footer for a document or section

<header> Specifies a header for a document or section

<main> Specifies the main content of a document

<mark> Defines marked/highlighted text


<nav> Defines navigation links

<section> Defines a section in a document

<summary> Defines a visible heading for a <details> element

<time> Defines a date/time

Attribute Description

accesskey Specifies a shortcut key to activate/focus an element

class Specifies one or more classnames for an element (refers to a c

contenteditable Specifies whether the content of an element is editable or not

contextmenu Specifies a context menu for an element. The context menu ap


right-clicks on the element

data-* Used to store custom data private to the page or application


dir Specifies the text direction for the content in an element

draggable Specifies whether an element is draggable or not

dropzone Specifies whether the dragged data is copied, moved, or linked

hidden Specifies that an element is not yet, or is no longer, relevant

id Specifies a unique id for an element

lang Specifies the language of the element's content

spellcheck Specifies whether the element is to have its spelling and gramm

style Specifies an inline CSS style for an element

tabindex Specifies the tabbing order of an element

title Specifies extra information about an element


translate Specifies whether the content of an element should be translat

Attribute Value Description

onafterprint script Script to be run after the document is printed

onbeforeprint script Script to be run before the document is printed

onbeforeunload script Script to be run when the document is about to be unloaded

onerror script Script to be run when an error occurs

onhashchange script Script to be run when there has been changes to the anchor p

onload script Fires after the page is finished loading

onmessage script Script to be run when the message is triggered

onoffline script Script to be run when the browser starts to work offline

ononline script Script to be run when the browser starts to work online
onpagehide script Script to be run when a user navigates away from a page

onpageshow script Script to be run when a user navigates to a page

onpopstate script Script to be run when the window's history changes

onresize script Fires when the browser window is resized

onstorage script Script to be run when a Web Storage area is updated

onunload script Fires once a page has unloaded (or the browser window has b

Form Events
Events triggered by actions inside a HTML form (applies to almost all HTML
elements, but is most used in form elements):

Attribute Value Description

onblur script Fires the moment that the element loses focus

onchange script Fires the moment when the value of the element is changed

oncontextmenu script Script to be run when a context menu is triggered


onfocus script Fires the moment when the element gets focus

oninput script Script to be run when an element gets user input

oninvalid script Script to be run when an element is invalid

onreset script Fires when the Reset button in a form is clicked

onsearch script Fires when the user writes something in a search field (for <in

onselect script Fires after some text has been selected in an element

onsubmit script Fires when a form is submitted

Keyboard Events

Attribute Value Description

onkeydown script Fires when a user is pressing a key


onkeypress script Fires when a user presses a key

onkeyup script Fires when a user releases a key

Mouse Events

Attribute Value Description

onclick script Fires on a mouse click on the element

ondblclick script Fires on a mouse double-click on the element

onmousedown script Fires when a mouse button is pressed down on an element

onmousemove script Fires when the mouse pointer is moving while it is over an ele

onmouseout script Fires when the mouse pointer moves out of an element

onmouseover script Fires when the mouse pointer moves over an element
onmouseup script Fires when a mouse button is released over an element

onmousewheel script Deprecated. Use the onwheel attribute instead

onwheel script Fires when the mouse wheel rolls up or down over an element

Drag Events

Attribute Value Description

ondrag script Script to be run when an element is dragged

ondragend script Script to be run at the end of a drag operation

ondragenter script Script to be run when an element has been dragged to a valid

ondragleave script Script to be run when an element leaves a valid drop target

ondragover script Script to be run when an element is being dragged over a vali
ondragstart script Script to be run at the start of a drag operation

ondrop script Script to be run when dragged element is being dropped

onscroll script Script to be run when an element's scrollbar is being scrolled

Clipboard Events

Attribute Value Description

oncopy script Fires when the user copies the content of an element

oncut script Fires when the user cuts the content of an element

onpaste script Fires when the user pastes some content in an element

Media Events
Events triggered by medias like videos, images and audio (applies to all HTML
elements, but is most common in media elements, like <audio>, <embed>,
<img>, <object>, and <video>).
Tip: Look at our HTML Audio and Video DOM Reference for more information.
Attribute Value Description

onabort script Script to be run on abort

oncanplay script Script to be run when a file is ready to start playing (when
to begin)

oncanplaythrough script Script to be run when a file can be played all the way to the
for buffering

oncuechange script Script to be run when the cue changes in a <track> elemen

ondurationchange script Script to be run when the length of the media changes

onemptied script Script to be run when something bad happens and the file i
(like unexpectedly disconnects)

onended script Script to be run when the media has reach the end (a usefu
like "thanks for listening")

onerror script Script to be run when an error occurs when the file is being

onloadeddata script Script to be run when media data is loaded


onloadedmetadata script Script to be run when meta data (like dimensions and dura

onloadstart script Script to be run just as the file begins to load before anythi

onpause script Script to be run when the media is paused either by the use

onplay script Script to be run when the media is ready to start playing

onplaying script Script to be run when the media actually has started playin

onprogress script Script to be run when the browser is in the process of gettin

onratechange script Script to be run each time the playback rate changes (like w
to a slow motion or fast forward mode)

onseeked script Script to be run when the seeking attribute is set to false in
has ended

onseeking script Script to be run when the seeking attribute is set to true in
active

onstalled script Script to be run when the browser is unable to fetch the me
reason
onsuspend script Script to be run when fetching the media data is stopped be
loaded for whatever reason

ontimeupdate script Script to be run when the playing position has changed (lik
forwards to a different point in the media)

onvolumechange script Script to be run each time the volume is changed which (in
volume to "mute")

onwaiting script Script to be run when the media has paused but is expecte
the media pauses to buffer more data)

Misc Events

Attribute Value Description

onshow script Fires when a <menu> element is shown as a context menu

ontoggle script Fires when the user opens or closes the <details> element

HTML Forms - W3Schools Forms


www.w3schools.com
Well organized and easy to understand Web building tutorials with lots of examples of
how to use HTML, CSS, JavaScript, SQL, PHP, and XML.

HTML5 Canvas - W3Schools


www.w3schools.com

Canvas Examples. A canvas is a rectangular area on an HTML page. By default, a canvas has
no border and no content. The markup looks like this:

New HTML5 Elements


The most interesting new HTML5 elements are:
New semantic elements like <header>, <footer>, <article>, and <section>.
New attributes of form elements like number, date, time, calendar, and
range.
New graphic elements: <svg> and <canvas>.
New multimedia elements: <audio> and <video>.

1. What is the previous version of HTML, prior to HTML5?

HTML 4.9
HTML 4
HTML 4.01
HTML 4.1

2. Which doctype is correct for HTML5?

<!DOCTYPE HTML5>
<!DOCTYPE html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 5.0//EN"
"http://www.w3.org/TR/html5/strict.dtd">
3. Which HTML5 element is used to specify a footer for a document or section?

<footer>
<bottom>
<section>

4. Which element is no longer supported in HTML5?

<ins>
<font>
<menu>
<q>

5. Which element is no longer supported in HTML5?

<abbr>
<acronym>
<cite>
<base>

6. In HTML5, onblur and onfocus are:

HTML elements
Style attributes
Event attributes

7. What is the correct HTML5 element for playing video files?

<movie>
<video>
<media>

8. What is the correct HTML5 element for playing audio files?

<audio>
<sound>
<mp3>

9. Which attribute for <script> elements is no longer required in HTML5?

href
src
rel
type

10. In HTML5, which method is used to get the current location of a user?

getPosition()
getCurrentPosition()
getUserPosition()

11. The new HTML5 global attribute, "contenteditable" is used to:

Return the position of the first found occurrence of content inside a string
Specify whether the content of an element should be editable or not
Update content from the server
Specifies a context menu for an element. The menu appears when a user right-clicks on the
element

12. In HTML5, contextmenu and spellcheck are:

HTML attributes
HTML elements
Event attributes
Style attributes

13. In HTML5, you can embed SVG elements directly into an HTML page.
False
True

14. Graphics defined by SVG is in which format?

HTML
CSS
XML

15. The <canvas> element in HTML5 is used to:

manipulate data in MySQL


draw graphics
create draggable elements
display database records

16. Which built-in HTML5 object is used to draw on the canvas?

getContent
getContext
getCanvas
getGraphics

17. In HTML5, which attribute is used to specify that an input field must be filled out?

required
validate
placeholder
formvalidate

18. Which input type defines a slider control?

controls
slider
range
search

19. Which input type defines a week and year control (no time zone)?

date
year
week

20. Which HTML5 element is used to display a scalar measurement within a known range?

<measure>
<range>
<gauge>
<meter>

21. Which HTML5 element defines navigation links?

<navigate>
<navigation>
<nav>

22. Browsers remove extra spaces when displaying an HTML file.

False
True

23. In HTML5, what does the <aside> element define?

A navigation list to be shown at the left side of the page


The ASCII character-set; to send information between computers on the Internet
Content aside from the page content

24. Which HTML5 element is used to specify a header for a document or section?
<top>
<section>
<header>
<head>

25. Which HTML5 element defines an article?

<content>
<header>
<section>
<article>

Total 25 questions

You might also like