Week 010
Getting started with
HTML5 Program
Week 010: Getting Started with HTML5 Program
The World Wide Web and Websites
• A website is a collection of information located on a server
connected to the World Wide Web (WWW).
• Websites include links to other sites in the form of hypertext,
highlighted or colored text that a user can click on using the mouse
cursor, instructing their computer to jump to a certain web page or
website.
Week 010: Getting Started with HTML5 Program
Examples of Famous Websites
• Every website has a specific web
address on the WWW.
• These addresses end with
extensions that indicate the
type of organization providing
the website Source:
[Link]
m/image?url=https%3A%2F%2Ftimed
[Link]%2F2017%
2F10%[Link]&w=1600&q=70
Date Retrieved: October 15, 2018
Week 010: Getting Started with HTML5 Program
HTML Defined
• HTML or Hypertext Markup Language is mark-up language used to
create webpages and/or websites.
• Hypertext is the method by which you move around on the web by
clicking on special text called hyperlinks which bring you to the
next page.
• HTML was developed by Tim Berners-Lee in 1991 and has since
been the standard for creating and designing websites.
• It now constantly goes through changes that is maintained by the
W3C (World Wide Web Consortium).
• The W3C is the organization in-charge with designing and
maintaining HTML
Week 010: Getting Started with HTML5 Program
HTML Defined cont.
• HTML files are usually created using text editors. These files are
usually saved with a “.html” extension. In this way, you are telling your
computer that the file is an HTML document.
• These files can then be viewed by using Internet Browsers.
Example of an HTML Program
Source:
[Link]
[Link] , October 15, 2019
Week 010: Getting Started with HTML5 Program
Timeline of Web Technologies
Source: [Link]
Date Retrieved: October 15, 2018
Week 010: Getting Started with HTML5 Program
HTML and its History
• In the 1980s, a physicist named Tim Berners-Lee, who was working for CERN (European
Organization for Nuclear Research) at the time, prototyped and proposed a system called
ENQUIRE.
Figure 4: Tim Berners-Lee at CERN
Source: [Link]
Date Retrieved: October 15, 2018
Week 010: Getting Started with HTML5 Program
HTML and its History
• In 1989, Berners-Lee proposed yet
another kind of system.
• In late 1991, he released a document
called “HTML tags”.
• In early 1994, Berners-Lee began working
with the IETF (Internet Engineering Task
Force), and created an HTML Working
Group.
• And by 1995, they completed HTML 2.0.
This version of HTML was the first to be Figure 5: This logo indicated that a Web site was HTML
2.0 compliant and adhered to HTML 2.0 standards.
set as the standard for future HTML Source:
implementations [Link]
18/Valid_HTML_2.[Link]/2000px-Valid_HTML_2.[Link]
Date Retrieved: October 15, 2018
Week 010: Getting Started with HTML5 Program
HTML and its History
• In 1996, specifications of HTML have been
since maintained by the W3C.
Figure 6: This logo indicated that a Web site was HTML 2.0 compliant and
adhered to HTML 2.0 standards.
Source: [Link]
Date Retrieved: October 15, 2018
Week 010: Getting Started with HTML5 Program
HTML and its History
• In 2000, HTML also became an
international standard (ISO/IEC
15445:2000).
• Also in late 1999 up to 2001, HTML 4.01
has been published and refined.
Figure 7: This logo indicated that a Web site was HTML 4.0 compliant and
adhered to HTML 4.0 standards.
Source:
[Link]
g/2000px-Valid_HTML_4.[Link]
Date Retrieved: October 15, 2018
Week 010: Getting Started with HTML5 Program
HTML and its History
• In 2004, development for HTML5 has
begun in the WHATWG ( Web Hypertext
Application Technology Working Group).
• This became a joint deliverable with the
W3C in 2008 which was completed and
standardized on October 28, 2014.
Figure 8: HTML5 Logo
Source: [Link]
[Link]/images?q=tbn:ANd9GcTs_cfnVxYXl95EfsyjHYQn
nlBmOVmTqNsWdMpY7XItadu1E5Yw
Date Retrieved: October 15, 2018
Week 010: Getting Started with HTML5 Program
HTML Files and Tags
As mentioned above, HTML files are consists
of tags. These tags are used to format the
appearance of your webpage.
Figure 8: Example of an HTML file and its Tags
Source: [Link]
Date Retrieved: October 15, 2018
Week 010: Getting Started with HTML5 Program
Text Editors
Notepad
This is one of the most popular text editors
used for creating HTML programs. It’s found
on any version of Windows and is easy to
use.
TextEdit
This is the default text editor for Mac
Computers. It can also be used for creating
HTML programs.
Week 010: Getting Started with HTML5 Program
Text Editors
Notepad++
Notepad++ is an advanced text editor that
can be used for creating HTML programs.
Atom
A powerful text editor that can be used by
any platform. It is designed to be simple to
use out of the box, but also easily
expandable using hundreds of packages.
Week 010: Getting Started with HTML5 Program
Text Editors
Vim
This text editor is for the more advance
users. It might be a little difficult to learn at
first but can be a useful tool for web design
once mastered.
Week 010: Getting Started with HTML5 Program
Popular Web-browsers
Mozilla Firefox
This is the browser developed by Mozilla. It
has a lot of features that can make web
browsing smooth.
[Link]
Google Chrome [Link]
Date Retrieved: October 15, 2018
A browser launched by Google. It’s one of
the popular web-browser of choice today.
[Link]
content/uploads/2018/09/8683__google_chrome-
_for_mac_1_2_12_16.png
Date Retrieved: October 15, 2018
Week 010: Getting Started with HTML5 Program
Popular Web-browsers
Opera
Another alternative web-browser you can
use. It has a clean UI and is easy to use. But it
has lesser plugins than its rivals.
[Link]
content/uploads/2018/09/8683__google_chrome-
_for_mac_1_2_12_16.png
Date Retrieved: October 15, 2018
Microsoft Edge
A browser by Microsoft that is built-in with
Windows 10.
[Link]
l,f_auto/p/449d6486-96d2-11e6-b4e2-
00163ec9f5fa/4033389997/[Link]
Date Retrieved: October 15, 2018
Week 010: Getting Started with HTML5 Program
Popular Web-browsers
Safari
A browser built-in with every Mac OS.
Retrieved From:
[Link]
795PH795&oq=list+of+browser&aqs=chrome.0.0j69i57j0l4.3042j0j7&sour
ceid=chrome&ie=UTF-8
Date: January 1, 2019