Introduction to HTML

1
Introduction to HTML

• Simple facts yet crucial to beginning of study in
  fundamentals of web page design!

2
Objectives

• Describe the Internet and its associated key
  terms
• Describe the World Wide Web and its associated
  key terms
• Identify the types and purposes of Web sites
• Discuss Web browsers and identify their purpose

3
Objectives

• Define Hypertext Markup Language (HTML) and the
  standards used for Web development
• Describe Web editors and their relationship to
  Web development

4
The Internet

• Worldwide collection of networks that link
  together millions of businesses, the government,
  educational institutions, and individuals

5
The Internet

• A network is composed of a group of computers
  that are connected together to share resources
  and information
• The Internet backbone is a high-speed data line
  that connects major computer systems
• An Internet Service Provider (ISP) is a company
  with a permanent connection to the Internet
  backbone

6
The World Wide Web

• Part of the Internet that supports multimedia and
  consists of a collection of linked documents,
  called Web pages
• A Web site is a collection of Web pages that are
  created and maintained by an organization or
  individual
• Relies on Hypertext Markup Language (HTML)

7
Web Servers

• Web pages are stored on a Web server or host
• Publishing is the process of copying files to a
  Web server

8
Web Site Types and Purposes
9
Web Browsers

• Web Browsers are required to view Web pages
• Microsoft Internet Explorer
• Netscape Navigator
• Uniform Resource Locator (URL)
• Web pages are linked together by the use of
  hyperlinks
• Clicking a hyperlink allows you to move quickly
  from one Web page to another

10
Hypertext Markup Language

• Hypertext Markup Language (HTML) is used to
  create Web pages
• Set of special instructions called tags and
  markups
• Web page files contain text and HTML tags
• Tags mark the text to define how it displays when
  viewed in a browser
• Ex. ltBgt ltPgt ltHRgt

11
(No Transcript)
12
Hypertext Markup Language

• HTML is platform independent
• Can be created on one type of computer and viewed
  on another type of computer

13
HTML Elements
14
HTML Coding Practices

• Use capitalized tags to separate tags from
  contents
• Use ending tags whenever possible
• Separate sections of HTML code with spaces

15
(No Transcript)
16
Web Editors

• Text Editor
• Program that allows a user to enter, change,
  save, and print text, such as HTML
• No advanced features
• Allows you to develop HTML documents easily
• Notepad is an example

17
Web Editors

• HTML Editor
• Program that provides basic text-editing
  functions
• Microsofts Save as Web Page feature
• WYSIWYG Editor
• (What You See Is What You Get)
• Utilizes a graphical user interface
• Microsoft FrontPage
• Macromedia Dreamweaver

18
Summary

• Describe the Internet and its associated key
  terms
• Describe the World Wide Web and its associated
  key terms
• Identify the types and purposes of Web sites
• Discuss Web browsers and identify their purpose

19
Summary

• Define Hypertext Markup Language (HTML) and the
  standards used for Web development
• Describe Web editors and their relationship to
  Web development