Scribd
Upload
12 views3 pages

HTML

Uploaded by

Smiley Crush
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
12 views3 pages

HTML

Uploaded by

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

`

What is HTML?
HTML stands for Hyper Text Markup Language
It is the standard markup language for creating Web pages
It is describes the structure of a Web page
It is consists of a series of elements
It is elements tell the browser how to display the content

element?
An HTML element is defined by a start tag, some content, and an end tag.
ex:
Heading tag start with <h1> tag and some content end with <h1> tag

Attribute?
HTML attributes provide additional information about HTML elements.
ex:
<img> tag additional information for src, height and width.

List?
HTML lists allow web developers to group a set of related items in lists.

ordered?
An ordered list starts with the <ol> tag. Each list item starts with the <li>
tag.
The list items will be marked with numbers by default

unordered?
An unordered list starts with the <ul> tag. Each list item starts with the <li>
tag.
The list items will be marked with bullets (small black circles) by default:

Block-level Elements
A block-level element always starts on a new line, and the browsers
automatically add some space (a margin) before and after the element.
A block-level element always takes up the full width available (Occupy the full
width)(stretches out to the left and right as far as it can).
ex:
<h1> tag, <p> tag, <div> tag .

Inline Elements
An inline element does not start on a new line.
An inline element only takes up as much width as necessary.
ex:
<span> tag

iframe?
An HTML iframe is used to display a web page within a web page.

What are Semantic Elements?


A semantic element clearly describes its meaning to both the browser and the
developer.
ex:header,nav,aside,footer

Examples of non-semantic elements: <div> and <span> - Tells nothing about its
content.ex:div,span

What is HTML Canvas?


The HTML <canvas> element is used to draw graphics, on the fly, via JavaScript.
The <canvas> element is only a container for graphics. You must use JavaScript
to actually draw the graphics.
Canvas has several methods for drawing paths, boxes, circles, text, and adding
images.
Canvas is supported by all major browsers.

What is SVG?
SVG stands for Scalable Vector Graphics
SVG is used to define vector-based graphics for the Web
SVG defines graphics in XML format
Each element and attribute in SVG files can be animated
SVG is a W3C recommendation
SVG integrates with other standards, such as CSS, DOM, XSL and JavaScript

HTML Api;
Geolocation: The HTML Geolocation API is used to locate a user's position.

drag and drop :Drag and Drop


Drag and drop is a very common feature. It is when you "grab" an object and
drag it to a different location.

Webstorage:What is HTML Web Storage?


With web storage, web applications can store data locally within the user's
browser.

Before HTML5, application data had to be stored in cookies, included in every


server request. Web storage is more
secure, and large amounts of data can be stored locally, without affecting
website performance.

Unlike cookies, the storage limit is far larger (at least 5MB) and information
is never transferred to the server.

Web storage is per origin (per domain and protocol). All pages, from one
origin, can store and access the same data.
The localStorage Object:
The localStorage object stores the data with no expiration date. The data
will not be deleted when the browser is closed,
and will be available the next day, week, or year.
The sessionStorage Object:
The sessionStorage object is equal to the localStorage object, except that
it stores the data for only one session.
The data is deleted when the user closes the specific browser tab.

webworker:
A web worker is a JavaScript running in the background, without affecting the
performance of the page.

What is a Web Worker?


When executing scripts in an HTML page, the page becomes unresponsive until the
script is finished.
A web worker is a JavaScript that runs in the background, independently of
other scripts, without affecting
the performance of the page. You can continue to do whatever you want:
clicking, selecting things, etc., while
the web worker runs in the background.

HTML 5 Features:
Before 5 html audio, video , drag and drop depent on third party plugin but
html 5 don't depend on third party
plugin it have own tag
Addtionaly add semantic, Webstorage,Canvas and svg, input attributes - Date,
DateTime, DateTime-local, time,
week, month, email, tel, URL, search, range, color, and number

meta :data about the data


The <meta> tag defines metadata about an HTML document. Metadata is data
(information) about data.

<meta> tags always go inside the <head> element, and are typically used to
specify character set, page description,
keywords, author of the document, and viewport settings.

You might also like