Table of Contents
Introduction To Website Creation
HTML5 Introduction: Today we have access to a wide variety of information through Websites on the Internet. We can access a Web site if we have a connection to the Internet and a browser on our computer. Popular browsers are Mozila Firefox, Google Chrome and Opera. When you connect to a Web site, your browser is presented with a file in a special format by the Web server on the remote computer. The contents of the file are stored in a special format using Hyper Text Markup Language, often called HTML This format is rendered, or interpreted, by the browser and you then see the page of the web site from your computer.
HTML is one language in a class of markup languages, the most general form of which is Standard Generalized Markup Language, or SGML. Since SGML is complex, HTML was invented as a simple way of creating web pages that could be easily accessed by browsers. HTML is a special case of SGML.
HTML consists of tags and data. The tags serve to define what kind of data follows them, thereby enabling the browser to render the data in the appropriate form for the user to see. There are many tags in HTML, of which the few most important ones are introduced in this unit. HTML files usually have the extension “.htm” or “.html”.
If you want to create Web pages, you need a tool to write the HTML code for the page. This can be a simple text editor if you are hand-coding HTML. You also have sophisticated HTML editors available that automate many (though not all) of the tasks of coding HTML. You also need a browser to be able to render your code so that you can see the results.
HTML stands for HyperText Markup Language. HTML provides a way of displaying Web pages with text and images or multimedia content. HTML is not a programming language, but a markup language. An HTML file is a text file containing small markup tags. The markup tags tell the Web browser, such as Mozila Firefox, Google Chrome and Opera, how to display the page. An HTML file must have an .htm or .html file extension. These files are stored on the web server. So if you want to see the web page of a company, you should enter the URL (Uniform Resource Locator), which is the web site address of the company in the address bar of the browser. This sends a request to the web server, which in turn responds by returning the desired web page. The browser then renders the web page and you see it on your computer.
The basic HTML page begins with the tagand ends with. In between, the file has two sections – the header and the body.
The header – enclosed by theandtags – contains information about apage that will not appear on the page itself, such as the title. The body – enclosed byand- is where the action is. Everything that appears on the page is contained within these tags.
HTML pages are of two types: Static, Dynamic
Static pages, as the name indicates, comprise static content (text or images). So you can only see the contents of a web page without being able to have any interaction with it.
Dynamic pages are those where the content of the web page depend on user input. So interaction with the user is required in order to display the web page. For example, consider a web page which requires a number to be entered from the user in order to find out if it is even or odd. When the user enters the number and clicks on the appropriate button, the number is sent to the web server, which in turn returns the result to the user in an HTML page.
Since the early days of the web, there have been many versions of HTML:
Here we will learn HTML5. There are many advantage of HTML5 over HTML.
New HTML5 Elements
|semantic elements||<header>, <footer>, <article>, and <section>|
|attributes of form elements||number, date, time, calendar, and range.|
|graphic elements||<svg> and <canvas>|
|multimedia elements||<audio> and <video>|
New HTML5 API’s (Application Programming Interfaces)
The most interesting new API’s in HTML5 are:
- HTML Geolocation
- HTML Drag and Drop
- HTML Local Storage
- HTML Application Cache
- HTML Web Workers
- HTML SSE
Removed Elements in HTML5
The following HTML4 elements have been removed in HTML5:
|Removed Element||Use Instead|
|<strike>||CSS, <s>, or <del>|
To Know more we can go through w3schools