What Is HTML(Hypertext Markup Language), HTML5, CSS and CSS3 ?

What Is HTML(Hypertext Markup Language), HTML5, CSS and CSS3 ?

What is HTML?

Firstly, HTML is called for “Hyper Text Markup Language”. That might also sound horrifying, but it actually manner it’s miles a language for describing web pages the usage of ordinary/simple text. HTML is not a complex programming language.

HTML Files

Every internet page is definitely a HTML record. Each HTML report is just a plain-textual content record, however with a .Html record extension as opposed to .Txt, and is made from many HTML tags as well as the content material for an internet web page.
A net web site will often comprise many html documents that hyperlink to every other. You can edit HTML documents with your preferred editor.

HTML Tags

HTML tags are the hidden key phrases within an internet page that define how your internet browser need to layout and show the content material.
Most tags have to have two components, an opening and a final component. For instance,is the opening tag andis the last tag. Note that the ultimate tag has the same text as the hole tag, however has an extra forward-minimize ( / ) character. I generally tend to interperet this because the “stop” or “near” person.

There are a few tags which are an exception to this rule, and in which a final tag is not required. The tag for displaying photographs is one example of this.
Each HTML report have to have the essential tags for it to be legitimate, so that net browsers can recognize it and show it successfully.
The rest of the HTML record can comprise as little or as many tags as you need to display your content.

Tag Attributes

Attributes permit you to customize a tag, and are described within the beginning tag and at end tag as an instance: or
Attributes are regularly assigned a cost the use of the equals sign, inclusive of border=”0″ or width=”50%”, however there are some that simplest need to be declared within the tag like this:
Most attributes are optional for most tags, and are most effective used while you want to change something approximately the default way a tag is displayed via the browser. However, some tags which includes the tag has required attributes which includes src and alt which can be needed so as for the browser to show the internet web page well.

HTML Code Example:

Below is a simple html document, containing all the critical tags. You can copy the code underneath, paste it into your editor, and save as “mypage.Html” to begin your personal internet page.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title of the document</title>
</head>

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

</html> 

HTML5

HTML5 is an attempt is to bring order to web improvement chaos through organizing commonplace practices, embracing implementations from various browsers. It is massive, with over one hundred specs as a part of the HTML5 specifications. Understanding this, you can simplify via thinking of HTML5 this manner. HTML5 is simply just an umbrella time period for the following generation of web apps an how capability might be accelerated with better markup (HTML), higher fashion (CSS), and higher interactivity (JavaScript).

The specification of HTML5 that has been posted currently is not but final. HTML5 is anticipated due for Candidate Recommendation (CR) by 2012, and is expected for Proposed Recommendation (PR) via 2022. However, this doesn’t mean that HTML5 isn’t ready to be used. The proposed recommendation does mean but that there might be interoperable implementations. As of 2011, browser providers are actively adding guide for brand new functions of HTML5.

New features of HTML5 include:

  • New parsing policies that are not based totally on SGML however are orientated closer to bendy parsing and compatibility.
  • Support of use of inline Scalar Vector Graphics (SVG) and Mathematical Markup Language (MathML) in text/html.
  • New to be had factors consist of article, apart, audio, bdi, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup,
  • keygen, mark, meter, nav, output, progress, rp, rt, ruby, section, supply, summary, time, video and wbr.
  • New to be had kinds of shape controls encompass dates and times, e-mail, url, search, quantity, variety, tel and coloration.
  • New available attributes of charset on meta and async on script.
  • Global attributes that can be implemented for each detail that consist of identity, tabindex, hidden, facts-* or consumer facts attributes.

HTML5 Code Example:

The most interesting new HTML5 elements or tags are declared.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title of the document</title>
</head>

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

</html>

What is JQuery?

jQuery is a fast, small, move-platform and characteristic-rich JavaScript library. It is designed to simplify the consumer-facet scripting of HTML. It makes things like HTML record traversal and manipulation, animation, event coping with, and AJAX very simple with an easy-to-use API that works on loads of special type of browsers.

The fundamental motive of jQuery is to offer an clean manner to use JavaScript on your website to make it extra interactive and attractive. It is also used to add animation.

jQuery is a small, light-weight and rapid JavaScript library. It is move-platform and supports distinct varieties of browsers. It is likewise referred as ? Write less do extra? As it takes loads of commonplace responsibilities that requires many traces of JavaScript code to accomplish, and binds them into techniques that can be referred to as with a single line of code every time needed. It is also very useful to simplify a number of the complicated things from JavaScript, like AJAX calls and DOM manipulation.

  • JQuery is a small, rapid and lightweight JavaScript library.
  • JQuery is platform-impartial.
  • JQuery means “write much less do extra”.
  • JQuery simplifies AJAX name and DOM manipulation.

JQuery Features

Following are the vital features of jQuery:

  • HTML manipulation
  • DOM manipulation
  • DOM element selection
  • CSS manipulation
  • Effects and Animations
  • Utilities
  • AJAX
  • HTML event techniques
  • JSON Parsing
  • Extensibility via plug-ins

Why jQuery is required

Sometimes, a query can get up that what is the need of jQuery or what difference it makes on bringing jQuery instead of AJAX/ JavaScript? If jQuery is the replacement of AJAX and JavaScript? For a majority of these questions, you can kingdom the following answers.

  • It is very fast and extensible.
  • It enables the customers to write UI related feature codes in minimal possible traces.
  • It improves the overall performance of an application.
  • Browser’s well matched internet applications can be evolved.
  • It makes use of often new features of new browsers.

jQuery Code Example:

$(document).ready(function(){
    $("p").click(function(){
        $(this).hide();
    });
}); 

So, you can say that out of the lot of JavaScript frameworks, jQuery is the most popular and the most extendable. Many of the biggest agencies on the net use jQuery.

Some of those corporations are:

  • Microsoft
  • Google
  • IBM
  • Netflix

What must you recognize before starting to learn jQuery?

It is constantly suggested to a fresher to study the basics of internet designing before starting to study jQuery. He need to study HTML, CSS and JavaScript first. But, if you belong to a technical history, it’s miles as much as you.

If you’re a fresher and want to observe those topics first.

Articles / Editorials

Blunt pointers: Assembly by-polls

Blunt pointers: Assembly by-polls

The BJP did well in the through-elections, but the Congress managed to arrest its slide in Karnataka By using-elections are no more than recommendations to the well-known mood. they’re now not corporation trend-setters for a fashionable... Read More

Turkey transformed republic: Mr. Erdogan rising

Turkey transformed republic: Mr. Erdogan rising

The path is now clear for Turkey to be converted from a parliamentary democracy to a presidential republic, after a referendum on constitutional reforms proposed by means of the ruling Justice and Development Party (or AKP) gave the nod for handing... Read More

General Awareness

Daily Current Affairs One Liner- 21 April 2017 | SSC-Banking

Daily Current Affairs One Liner- 21 April 2017 | SSC-Banking

21 April 2017: The one liner of 21st April covers important current happenings in nation an international that are relevant to competitive exams. Are you worried about current... Read More