Lesson 2 - HTML Overview - History and Basic Syntax

Lesson 2 - HTML Overview - History and Basic Syntax

• 1.
  LESSON 2: HTMLOVERVIEW
• 2.
  What is HTML? •HTML stands for Hypertext Markup Language. • Hypertext refers to the way in which Web Pages (HTML documents) are linked together. Thus, the link available on a webpage is called Hypertext. • It is the standard markup language for creatingWeb Pages. • HTML describes the structure of aWeb page. • HTML elements tell the browser how to display the content. • Originally, HTML was developed with the intent of defining the structure of documents like headings, paragraphs, lists, and so forth to facilitate the sharing of scientific information between researchers. Now, HTML is being widely used to format web pages with the help of different tags available in HTML language.
• 3.
  HTML Evolution HTML isa very evolving markup language and has evolved with various versions updating. Long before its revised standards and specifications are carried in, each version has allowed its user to create web pages in the much easier and prettier way and make sites very efficient. • HTML 1.0 was released in 1993 with the intention of sharing information which can be readable and accessible via web browsers. But not much of the developers were involved in creating websites. So, the language was also not growing
• 4.
  • Then comesthe HTML 2.0, published in 1995; which contains all the features of HTML 1.0 along with that few additional features; which remained as the standard markup language for designing and creating websites until January 1997 and refined various core features of HTML. • Then comes the HTML 3.0, where Dave Raggett who introduced a fresh paper or draft on HTML. It included improved new features of HTML, giving more powerful characteristics for webmasters in designing web pages. But these powerful features of new HTML slowed down the browser in applying further improvements. • Then comes the HTML 4.01 which is widely used and was a successful version of HTML before HTML 5.0, which is currently released and used worldwide. HTML 5 can be said for as an extended version of HTML 4.01 which was published in the year 2012.
• 5.
  Setting-up HTML Before startingto learn how to write your first HTML code, you need to first set up your workstation by doing the following: 1. Create a folder/directory which will hold all of your files. Make sure that all files related to your project is located inside this folder. Location of your project folder depends on you just make sure to name it properly. 2. Select your HTML Editor • To write HTML code, we need an HTML editor, and we can do this with the help of a notepad on our computer. Some computers with different Operating system have different text editors. But all text editors are used to write and save texts in various formats. In this lesson, you will learn how to write, save, and run HTML documents.
• 6.
  A web pageis a text file, in which a hypertext language is written according to the grammar of HTML.This HTML code is displayed by the browser converting it to a web page. Programs in which HTML code is written or modified are called HTML editors. Some of the most common HTML code editor are the following:
• 7.
  Creating Basic HTMLFile with Notepad Notepad is a basic application that comes with the Windows operating system; It is commonly used to write and save texts. Below are four steps to write, save, and run HTML usingWindows Notepad: 1. Open Notepad.You can easily find Notepad in the list of programs
• 8.
  Creating Basic HTMLFile with Notepad 2. Write your code.After opening the Notepad, you can now write your HTML code on it. Here is a sample HTML code, for example.
• 9.
  Creating Basic HTMLFile with Notepad 3. Save the file as HTML document. To save a file, go to the Notepad File menu and click the Save As option.After that, it will show you a popup window where you have to select the file path, file name, and file type to save this file. Make sure to save it in your project folder. Here you have to type the file name with the .html extension to save the file as an HTML document.
• 10.
  Creating Basic HTMLFile with Notepad 3. Run the HTML in yourWeb Browser
• 11.
  END OF PRESENTATION