Total Pageviews

Sunday 14 December 2014

HTML 5 USAGE AND ITS TAGS

WE WILL
DISCUSS LATER ON THE CONCEPTS OF
  • DIFFERENT TYPES OF ATTRIBUTES
  • INSERTING AN IMAGE
  • EMBEDDING A VIDEO IN THE PAGE
  • STYLE SHEETS

Description Regarding html and its usage in web designinig:

HTML DESCRIPTION AND IT USAGE IN              ADVANCED WEB TECHNOLOGIES:




WHAT HTML ACTUALLY MEANS:

HTML (Hyper Text Markup Language )   is the standard markup language used to create Web pages.

HTML elements form the building blocks of all Websites. HTML allows images and objects to be embedded and can be used to create interactive forms.
 It provides a means to create structured documents by denoting structural semantics for text such as headings, paragraphs, lists, links, quotes and other items. It can embed scripts written in languages such as JavaScript which affect the behavior of HTML Web pages.
Basic html syntax syntax:

<!DOCTYPE  html>
<html>                                  
<head>                                 //head section
<title>title name </title>
</head>
<body >                                        //content section
some text that is to be appeared on screen
</body>
</html>


HTML is composed of a tree of HTML elements and other nodes, such as text nodes. Each element can have HTML attributes specified. Elements can also have content, including other elements and text. HTML elements represent semantics, or meaning. For example, the title element represents the title of the document.

HTML is written in the form of HTML elements consisting of tags enclosed in angle brackets (like <html>). 
All elements represented in tags enclosed (<>(opening  tag),</>closing tag))....

In the HTML syntax,

 most elements are written with a start tag and an end tag, with the content in between. 
An HTML tag is composed of the name of the element, surrounded by angle brackets
An end tag also has a slash after the opening angle bracket, to distinguish it from the start tag. For example, a paragraph, which is represented by the p element, would be written as
<p>SOME TEXT...</p>
However, not all of these elements require the end tag, or even the start tag, to be present.
 Some elements, the so-called void elements, do not have an end tag. 
A typical example is the  br element, which represents a significant line break, such as in a poem or an address. A void element's  behavioUR  is predefined, and it can not contain any content or other elements. 

EX :HELLO<BR>HOW

syntax to insert any text would follow like:
<tag name or element name> some text </tag name or element name>..

HTML tags most commonly come in pairs like <h1> and  </h1>,  although some tags represent empty elements and so are unpaired, 
for example <img>some elements wont have any closing tags....
The first tag in a pair is the start tag, and the second tag is the end tag (they are also called opening tags and closing tags).


what html element would be:

An HTML element is an individual component of an HTML document or web page, once this has been parsed into the Document Object Model


Web browser can read HTML files and compose them into visible or audible Web pages. The browser does not display the HTML tags and scripts, but uses them to interpret the content of the page. HTML describes the structure of a Website semantically along with cues for presentation, making it a markup language, rather than a programming language.

what DOM (document object model)  mean:
The Document Object Model (DOM) is an application programming interface (API) for valid HTML and well-formed  XML documents.
It defines the logical structure of documents and the way a document is accessed and manipulated.

In the DOM specification, the term "document" is used in the broad sense - increasingly, XML is being used as a way of representing many different kinds of information that may be stored in diverse systems, and much of this would traditionally be seen as data rather than as documents.

 Nevertheless, XML presents this data as documents, and the DOM may be used to manage this data.
With the Document Object Model, programmers can build documents, navigate their structure, and add, modify, or delete elements and content. Anything found in an HTML or XML document can be accessed, changed, deleted, or added using the Document Object Model, with a few exceptions - in particular, the DOM interfaces for the XML internal and external subsets have not yet been specified.

"HTML 5 IS THE LATEST TECHNOLOGY IN HTML VERSIONS.....".

some of the html 5 elements:

HTML 5   element    list::

All standard  HTML5 elements are listed here, described by their opening tag and grouped by function.
 Contrary to the HTML Element index which lists all possible tags, standard, non-standard, valid, obsolete or deprecated ones, this page lists only the valid HTML 5 elements. Only the elements listed here should be used in new Web sites.
The symbol This element was added as part of HTML5 indicates that the element was added in HTML 5. Note that other elements listed here may have been modified or extended in their meaning by the HTML 5 specification.

Root element:
ElementDescription
<html>Represents the root of an HTML or X HTML document. All other elements must be descendants of this element.

Document metadata

ElementDescription
<head>Represents a collection of metadata about the document, including links to, or definitions of, scripts and style sheets.
<title>Defines the title of the document, shown in a browser's title bar or on the page's tab. It can only contain text and any contained tags are not interpreted.
<base>Defines the base URL for relative URLs in the page.
<link>Used to link JavaScript and external CSS with the current HTML document.
<meta>Defines metadata that can't be defined using another HTML element.
<style>Used to write inline CSS.
styles:inline,external,external css(cascading style sheets....)

CONCLUSION:

THUS BY USING THESE ELEMENTS WE CAN MAKE A ATTRACTIVE WEB  PAGE OF STATIC USAGE....