Thursday 16 February 2017

HCF and LCM Java Program

Q : Write a program to input two number and find out HCF and LCM ?

Solution : 


class lcm {
 void get(m1, m2) {

Tuesday 14 February 2017

Progress Tag HTML 5

Progress Tag HTML 5 Example


In making of a website , we often need to provide essential feedback to a user informing them of the progress of their request or task, be it uploading a file, playing a video, or importing data.

Progress Tag HTML 5

Meter Tag HTML 5

Meter Tag HTML 5 Example

The HTML <meter> tag specifies a scalar measurement within a known range (a gauge).

Meter Tag HTML 5 Example


<meter value="3" min="0" max="10">2 out of 10</meter><br>

Menuitem Tag HTML 5

Menuitem Tag HTML 5 Example

The HTML <menuitem> element represents a command that a user is able to invoke through a popup menu. This includes context menus, as well as menus that might be attached to a menu button.
A command can either be defined explicitly, with a textual label and optional icon to describe its appearance, or alternatively as an indirect command whose behavior is defined by a separate element. Commands can also optionally include a checkbox or be grouped to share radio buttons. (Menu items for indirect commands gain checkboxes or radio buttons when defined against elements <input type="checkbox"> and <input type="radio">.)

<!DOCTYPE html>
<html>
<body>

Mark tag HTML 5

Mark tag HTML 5 Example 

Mark is highlighter as we used in our notebook to highlight something in same way you can do it on your webpage. In previous version of HTML you do with by changing background color of span.

Main tag HTML 5

Main tag HTML 5 example


The main tag specifies the main content of a document. The main element represents the main content of the body of a document or application. The main content area consists of content that is directly related to or expands upon the central topic of a document or central functionality of an application. The content inside the <main> element should be unique to the document. It should not contain any content that is repeated across documents such as sidebars, navigation links, copyright information, site logos, and search forms.

The main tag is better for SEO point of because search can better understand with the help main container text that what is exactly particular page is stand for.


<!DOCTYPE html>
<html>
<body>

Figure Tag HTML 5


Figure  Tag HTML 5 Example

HTML 5 introduce figure tag for apply image on your webpage. You may think that what about img tag? Yes it still in use but there was a problem with img tag, when you want to apply some caption to related image then you will add some HTML tag but if you are using figure tag then you have figure caption tag for display caption. Figure tag is container of graphics element which is use in conjunction of img and figure caption tag. So figure has better description processing option.

There are some exceptions. Graphics that are just graphics should still be listed as <img>. The reason regular graphics deserve different treatment is because they’re not necessary to the content on the page. If someone can’t see the graphic, they’d still get a clear message from your site.

<figure>

Dialog Tag HTML 5

Dialog Tag HTML 5 Example

The HTML <dialog> element represents a dialog box or window. It makes it easy to create popup dialogs and modals on a web page. The <dialog> element accepts a boolean attribute called open that sets the element to "active" and allows users to interact with it.

<html>
<body>

Details Tag HTML 5

Details Tag HTML 5

Detail tag is use to show some detail information about something which you want display in such manner when user can show and details. Like in copyright information in example only copyright small message is displaying and if user wants show detail then he needs to click on arrow symbol.

Note: The details tag is not supported in Internet Explorer.

<html>
<body>

BDI HTML 5

BDI tag isolates its text from default alignment of your HTML setting. Most of website language is English and its default alignment is left to right but when we write something in URDU then as we know alignment of URDU is right to left BDI tag help its alignment as in URDU. To check this then tries to use backspace from your browser. Text will be deleted from left to right.

<ul>
  <li>User <bdi>hrefs</bdi>: 60 points</li>
  <li>User <bdi>jdoe</bdi>: 80 points</li>
  <li>User <bdi>إيان</bdi>: 90 points</li>
</ul>

Next Topic

HTML 5 New Tag List

Page Structure

<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Title of the document</title>
</head>

<body>
    Content of the document......
</body>

</html>

HTML 5 New Tag List

Tag Name
Detail Description
<article>
Defines an article in the document
<aside>
Defines content aside from the page content
Defines a part of text that might be formatted in a different direction from other text
Defines additional details that the user can view or hide
Defines a dialog box or window
Defines a caption for a <figure> element
Defines self-contained content, like illustrations, diagrams, photos, code listings, etc.
<footer>
Defines a footer for the document or a section
<header>
Defines a header for the document or a section
<main>
Defines the main content of a document
<mark>
Defines marked or highlighted text
Defines a command/menu item that the user can invoke from a popup menu
Defines a scalar measurement within a known range (a gauge)
<nav>
Defines navigation links in the document
Defines the progress of a task
<rp>
Defines what to show in browsers that do not support ruby annotations
<rt>
Defines an explanation/pronunciation of characters (for East Asian typography)
<ruby>
Defines a ruby annotation (for East Asian typography)
<section>
Defines a section in the document
<summary>
Defines a visible heading for a <details> element
<time>
Defines a date/time
<wbr>
Defines a possible line-break

HTML 4 Remove Tag List

HTML 4 Remove Tag List

Tags (Elements)
Description
<acronym>
Defines an acronym
<applet>
Defines an applet
<basefont>
Defines an base font for the page.
<big>
Defines big text
<center>
Defines centered text
<dir>
Defines a directory list
<font>
Defines text font, size, and color
<frame>
Defines a frame
<frameset>
Defines a set of frames
<isindex>
Defines a single-line input field
<noframes>
Defines a noframe section
<s>
Defines strikethrough text
<strike>
Defines strikethrough text
<tt>
Defines teletype text
<u>
Defines underlined text

]
































Monday 13 February 2017

HTML 4 VS HTML 5

HTML 4 VS HTML 5 Example

This is about live example of what is exactly page wise difference between HTML 4 and HTML 5. In HTML 4 we use div as page structure schema which is old now. Normally we make CSS classes for header,menu,section,article,footer etc. HTML 5 minimize this complexity by introducing new page structure element like header,footer,menu,section,acticle etc. these new tags simplified your page structure which was mess in previous for beginner. In upcoming example you will see a complete web page design separately in HTML4 and HTML5. After this example I am sure you will be able to understand what exactly difference between HTML 4 and 5 .

HTML 4


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">

HTML 5 SVG

SVG is a standard for drawing shapes in browsers. However, SVG is at a fundamentally higher level because each drawn shape is remembered as an object in a scene graph or DOM, which is subsequently rendered to a bit map. This means that if attributes of an SVG object are changed, the browser can automatically re-render the scene.
SVG images are represented in XML, and complex scenes can be created and maintained with XML editing tools

HTML 5 Audio

In HTML 4 audio was play using any plugin like flash or Microsoft silver light but in HTML 5 audio player is updated so no need to install any other plugin browser automatically plays it.

<audio controls>
  <source src="xxx.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

HTML 5 Video

Video is new tag added in HTML 5. The controls attribute adds video controls, like play, pause, and volume. It is a good idea to always include width and height attributes. If height and width are not set, the page might flicker while the video loads and video will in its original resolution and if resolution is high or HD it will disturb all other element position of your page.

Syntax :


<video width="XX" height="XX" controls>
  <source src="XX" type="video/mp4">
  
<source src="XX" type="video/ogg">
Your browser does not support the video tag.
</video>

HTML 5 Form

HTML 5 Form New Element Example

Form is   use to collect data from user. HTML 5 add some new control which helps and minimize your coding for date,time,email etc input. In following code I have differentiate HTML 4 and HTML 5 control sperately.

<!DOCTYPE html>
<html>

   <head>
      <meta charset="utf-8">
      <title>HTML5 Form Tutorial</title>
   </head>
      <h1 align="center">Girfa : Student Help Form New Element</h1><hr>
   <body>