Introducing the World Wide Web Internet- a structure made up of millions of interconnected computers whose users communicate with each other and share.

Slides:



Advertisements
Similar presentations
HTML I. HTML Hypertext mark-up language. Uses tags to identify elements of a page so that a browser such as Internet explorer can render the page on a.
Advertisements

Internet Services and Web Authoring (CSET 226) Lecture # 5 HyperText Markup Language (HTML) 1.
HTML Introduction Creating a Web Page.
WeB application development
INTRO TO THE WWW. What is the World Wide Web? The World Wide Web (WWW) is most often called the Web. The World Wide Web (WWW) is most often called the.
New Perspectives on Creating Web Pages with HTML
Introduction to HTML 2006 INT197B. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Introduction to HTML 2004 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Developing a Basic Web Page with HTML
Developing a Basic Web Page Posting Files on UMBC
Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (85) Lesson 4.2Lesson 4.2 Format.
Chapter 2 Introduction to HTML5 Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.
1 Lesson 1 Quick HTML Know-How HTML and JavaScript BASICS, 4 th Edition Barksdale / Turner.
COMPUTERS AND INFORMATION SYSTEMS HTML. How the Web Works To access a web site  Enter its address (URL) in the address box of your browser 
 Definition of HTML Definition of HTML  Tags in HTML Tags in HTML  Creation of HTML document Creation of HTML document  Structure of HTML Structure.
Q.Nand HTML Hypertext Markup Language Lesson 1. Q.Nand Overview Introduction the World Wide Web Structure of the internet The Development of the World.
Tutorial 1: Getting Started with HTML5
1 Networks and the Internet A network is a structure linking computers together for the purpose of sharing resources such as printers and files Users typically.
Creating a Basic Web Page
Using HTML to Create a Basic Web Page… By Josh Gallagan.
THE BACKBONE OF EVERY WEB PAGE HTML Day 1. What will we learn? How to create a basic web page Backgrounds and colors How to link Web sites How to include.
HTML Structure & syntax
Introduction to HTML. HTML Hyper-Text Markup Language: the foundation of the World-Wide Web Design goals:  Platform independence: pages can be viewed.
XP Mohammad Moizuddin Creating Web Pages with HTML Tutorial 1 1 New Perspectives on Creating Web Pages With HTML Tutorial 1: Developing a Basic Web Page.
HTML CRASH COURSE. What is HTML?  Hyper Text Markup Language  The language used to make web pages  Written by using tags.
Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 
Introduction to HTML. What is a HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup tags  The.
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.
Course Content - Chapter 2 Introduction to HTML Introduction to a Text Editor as a web authoring tool Instructional Activity: Creating a webpage using.
CSCI 1101 Intro to Computers 7.1 Learning HTML. 2 Introduction Web pages are written using HTML Two key concepts of HTML are:  Hypertext (links Web pages.
XP New Perspectives on The Internet, Sixth Edition— Comprehensive Tutorial 8 1 Creating Effective Web Pages Creating HTML Documents Tutorial 8.
XP 1 HTML Committed to Shaping the Next Generation of IT Experts. 01: Introduction to HTML.
15.1 Fundamentals of HTML.
Just Enough HTML How to Create Basic HTML Documents.
HTML Hyper Text Markup Language. What is an HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup.
HTML INTRODUCTION. What is HTML?  HTML stands for Hypertext Markup Language  Developed in 1990  Hidden code that helps us communicate with others on.
Computer Information Technology – Section 3-4. HTML – The Language of the Internet Objectives: The Student will: 1. Look at HTML 2. Understand the basic.
Basic HTML PowerPoint How Hyper Text Markup Language Works
Web111a_chapt01.ppt Definitions Hypertext Documents Documents containing elements that can be selected Links Active pointers to other documents or files.
Introduction to HTML. Slide 1 Hard-Coding What is hard-coding? –Creating the page in a text editor just using HTML A Web designer should know how to hard-
Introduction to HTML Tutorial 1 eXtensible Markup Language (XML)
XP 1 New Perspectives on Creating Web Pages with HTML Tutorial 1: Developing a Basic Web Page.
1 Creating Web Pages Part 1. 2 OVERVIEW: HTML-What is it? HyperText Markup Language, the authoring language used to create documents on the World Wide.
XP 2 HTML Tutorial 1: Developing a Basic Web Page.
Introduction to HTML Wah Yan College (Hong Kong) Mr. Li C.P.
HTML Structure & syntax. Introduction This presentation introduces the following: Doctype declaration HTML Tags, Elements and Attributes Sections of a.
HTML ( HYPER TEXT MARK UP LANGUAGE ). What is HTML HTML describes the content and format of web pages using tags. Ex. Title Tag: A title It’s the job.
HTML HTML: Hypertext Markup Language. The basic language of the World Wide Web. Developed around 1991 at the CERN lab on the French-Swiss border by Tim.
Web Page Design Introduction. The ________________ is a large collection of pages stored on computers, or ______________ around the world. Hypertext ________.
Lecture 3 Creating a Web Page with HTML. Objectives §Hypertext Document in WWW p §The HTML language p l Definition l Web browsers and.
15.1 Fundamentals of HTML DeKalb County School System.
HTML Hyper Text Markup Language 1BFCET BATHINDA. Definitions Web server: a system on the internet containing one or more web site Web site: a collection.
15.1 Fundamentals of HTML 2 assignments: 1st—complete the worksheet. 2nd—create your first HTML web page following the directions in this PowerPoint where.
HTML HyperText Markup Language. Text Files An array of bytes stored on disk Each element of the array is a text character A text editor is a user program.
CHAPTER 1: INTRODUCTION. CONTENTS  Networks  World Wide Web  Hypertext Documents  Web pages - Web site  Web Servers and Web Browsers  HTML: The.
Hypertext Markup Language.  Developed by Tim Berners-Lee in 1990  Stands for HyperText Markup Languange  A format that tells a computer how to display.
Web Page Creation Standard Grade Computing. WWW n The World Wide Web is a collection of information held in multimedia form on the Internet. n This information.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
XP 2 HTML Tutorial 1: Developing a Basic Web Page.
Using HTML. Glogger Glogger is like you own personal web page, you can add… Pictures Text Videos Music, etc… Modify and adjust anything you want Glogger.
XP 1 HTML Tutorial 1: Developing a Basic Web Page.
HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.
1 Introduction to HTML. 2 Definitions  W W W – World Wide Web.  HTML – HyperText Markup Language – The Language of Web Pages on the World Wide Web.
HTML Part I.
Tutorial Developing a Basic Web Page
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
What is HTML?.
Introduction to Web Application Design
Basic HTML Workshop.
15.1 Fundamentals of HTML 2 assignments: 1—complete the worksheet
Presentation transcript:

Introducing the World Wide Web Internet- a structure made up of millions of interconnected computers whose users communicate with each other and share information. Computers that are linked together form a Network; a network that has Internet access can join the worldwide Internet community.

World Wide Web- organizes the Internet's vast resourc es to give you easy access to information.

Hypertext document An electronic file that contains elements that you can select by clicking a mouse to open. Hypertext offers a new way of progressing through a series of documents so that you progress through pages in whatever way is suited to your desires (You can skip from one topic to another). Click Here!

A feature that contributes to the popularity of the web is that it gives users the ability to easily create their own web pages.

The World Wide Web has two components: Web Server- the computer that stores the web page that users access. Web Browser- software program that accesses the web document and displays its contents on the user's computer.

HTML: The Language of the Web To create a web document, you use a special language called a markup language, HyperText Markup Language (HTML). HTML was designed to describe the contents of the web page in a very general way.

HTML: The Language of the Web Basic HTML uses code that describes the function the text has in the document. A web browser interprets these codes to determine the text's appearance. Extensions- features that add new possibilities to HTML.

Writing HTML Documents HTML documents are simple text files. The only software you n eed is a basic text editor such as Notepad. If you want software to do some of the work of creating an HTML document HTML converters or HTML editors are available

HTML Software : HTML converter- takes text in one format and converts it to HTML code Converters free you f rom the laborious task of typing HTML code and you do not have to worry about typographical errors in your code. HTML editor- helps you create an HTML file by inserting HTML codes for you as you work.

An HTML document has two elements: Document content - parts of the document that you want the user to see. Tags - HTML codes that control the appearance of the document content.

HTML Syntax The HTML syntax applies a tag to the document content in this way: – content – You always identify a tag by the brackets (<>) that enclose the tag name.

Tags usually come in pairs: Opening tag - comes first and tells the browse r to turn on the feature and apply it to the document content that follows. Closing tag - turns off the feature Closing tags are identified by a slash (/) that precedes the tag name.

One-sided tags - tags that require only the opening tag. Two-sided tags require both the opening and closing tags. Tags are not case sensitive; is the same as.

To start entering code: You need a basic text editor such as Notepad. The tag is used where you enter information about the web page itself such as a title. A title is entered using the tag followed by the title which is followed by the tag. At the end of the head you need to close it by adding the tag.

Entering HTML Code: The portion of the web page that users will see is contained between the tag and the tag. My first web page Type what you want people to see here!

Saving Your File Save it as something.htm (something can be changed to whatever you want but it must end in.htm)!

Heading Text HTML supports six levels of headers ( through ). Smaller numbers are larger and larger numbers are smaller headings. Heading Text

New Paragraphs You begin a new paragraph by adding the tag before the first sentence of that paragraph. —————————————————— You can also add a line by adding the tag where you want the line.

You can create emphasis by adding special codes to your page: puts emphasis on whatever follows puts more emphasis than on whatever follows makes the text that follows bold makes the text that follows italicized Example: This is BOLD

Inserting a Graphic The tag is used for displaying an image. The code for inserting an image is