html

3 rules for using images

1) Save images in the right format 2) save images in the right size 3) measure images in pixels

tag to have a break in between themes

<hr />

section vs article

An article is for standalone content, and a section is for grouping thematically related content. They can be used within each other, as needed. For example, if a book is the article, then each chapter is a section. When there's no relationship between groups of content, then use a div.

Define iframe in HTML.

An iframe is used to display different document content inside the different document content in a rectangular region in the browser. When different document content is embedded into a current HTML content, then it is known as an inline iframe.

What is Anchor tag and how can you open an URL into a new tab when clicked

Anchor tag in HTML is used for linking between two sections or two different web pages or website templates. To open an url into a new tab in the browser upon a click, we need to add target attribute equal to _blank.

"article"

Article is a sectioning element, and is used to wrap independent, self-contained content.

Differentiate between HTML and XHTML.

Below are the differences between HTML and XHTML: HTML stands for Hypertext Markup Language, whereas XHTML stands for Extensible Markup Language. A static webpage is an html web page and dynamic web pages are XHTML. XHTML are more stricter than HTML. An XML application of HTML is defined as XHTML. All modern browsers support XHTML.

Explain about Canvas.

Canvas is a pixel-based graphics and it is one of the new features of HTML5. It provides a space in the document where we can draw graphics by using JavaScript and it is resolution dependent, hence the quality will be affected when it's zoomed or resized.

Name some new features which were not present in HTML but are added to HTML5?

DOCTYPE declaration, section, header, footer, article, main, figcaption

Define forms in HTML

Forms in html are required when we want to collect the user information whenever a user fills any form or provides any details and when we want to save it into our database.

audio element

HTML5's audio element gives semantic meaning when it wraps sound or audio stream content in your markup. Audio content also needs a text alternative to be accessible to people who are deaf or hard of hearing. This can be done with nearby text on the page or a link to a transcript.

What is Quirks mode in HTML5?

If we do not include the <!DOCTYPE> element in our HTML page or Document, it will go to Quirks Mode. In this mode, the HTML element depends on the browser. Hence the content will be displayed according to the browser.

Why Meta tags are used in HTML?

Meta tags in html are used by the developer to tell the browser about the page description, author of the template, character set, keywords and many more.

What is the SVG element?

SVG is a followed XML format; it stands for Scalable Vector Graphics which is used to create vector graphics with the support for interactivity and animation.

why use SVG

SVG is resolution independent as it's not losing its quality when they are resized or zoomed.

semantic HTML

Semantic HTML is the use of HTML markup to reinforce the semantics, or meaning, of the information in webpages and web applications rather than merely to define its presentation or look.

Define Semantic elements in HTML.

Semantic elements are HTML elements which represent its meaning to the browser and developer about its contents.

Explain new form elements in HTML5.

The new form elements that were added into HTML5 are: Datalist - It's used as a list of options for input control. Keygen - This tag defines a key-pair generator (Private/Public) field. Output - It's used to show the result of a calculation.

What is Web Workers?

Web Workers is a code of JavaScript which runs in the background threads without disturbing the performance of the page. It is used for computing-heavy tasks like an access database or function.

Can we modify the attribute's value of the HTML tag dynamically

Yes, we can modify the value of the attributes by using JavaScript

blockline elements

block elements always appear on a new line

head tag

contains information about the page

padding

controls the amount of space between the element's content and its border

empty elements

elements with nothing between the opening and closing tags

body tag

everything inside the body tag appears in the browser

dead links

hash symbol

inline elements

inline elements sit within a block level element and do not start on a new line

two parts of attributes

name and value

three types of list

ordered, ordered, and definition

The two main types of length units are ________________________

relative and absolute

resolution

resolution of a screen is the number of pixels represented on it

animated GIF

show several frames of an image in a sequence

HTML comments

start with <!-- and end with -->

If you set an element's margin to a negative value,

the element will grow larger.

alt altribute in img tags

these are required and display text when the image fails to load. if the image is purely decorative, then have an empty alt value

when to use JPEG

when an images has many different colors

when to use GIF or PNG

when images have few colors or large areas with the same color

whitespace collapsing

when the browser comes across two or more whitespaces next to each other, only one is displayed

Can we change inline elements into block-level elements?

yes, we can change inline elements into block-level elements by adding display equal to block in its CSS tag.