Page 56 - Code & Click - 7
P. 56
6 Introduction to HTML5
Pre-Processing
Pre-Processing
• What is HTML? • Features of HTML5
• HTML Editors • HTML5 Coding
• Structure of an HTML Document • Working with HTML Documents
• Basic HTML Tags
Internet is the primary medium for obtaining information in
the modern world. We access the information on the Internet
through websites on the World Wide Web (WWW). A website is a
collection of related web pages. A web page is a file that contains
information in the form of text, graphics, audio, and video.
WHAT IS HTML?
Hypertext Markup Language (HTML) is a computer language used for creating web pages in the form
of HTML documents. It describes the content, format, and layout in which a web page should be
displayed over the World Wide Web (WWW).
• Hypertext : Hypertext is the method to move from one web page to another on the WWW. It is
in the form of links, called hyperlinks, which, when clicked, open a new web page. A hyperlink
can be in the form of text or graphic.
• Markup : Markup is the process of adding extra features to ordinary text. It lets you add certain
commands or tags to your document to instruct a web browser how the content in your web
page is to be displayed.
FEATURES OF HTML5
HTML5 provides new and better features over previous versions of HTML. Some of these are:
1. Empty tags can be closed with end tags.
2. HTML5 has in-built support for inserting audio and video content in a web page.
3. It incorporates graphics features such as CANVAS that let you create shapes, graphs and
animations in a web page.
4. It supports dynamic drag and drop of elements within a web page.
5. HTML5 supports CSS to create multiple web pages with the same formatting features.
HTML EDITORS
An HTML Editor is a software that allows you to create web pages in HTML. There are two types of
HTML editors – WYSIWYG and Text.
• WYSIWYG Editors: WYSIWYG stands for What You See Is What You Get. WYSIWYG editors allow
to create web pages without any knowledge of HTML. These provide a graphical interface and
tools to develop a web page and insert images, tables, audio, and video in it. Some popular
WYSIWYG editors are Google Web Designer and Adobe Dreamweaver.
54