BB efore, accessing information through the internet was a rather technical affair. II t was so hard for people to swap data. 11 990 TT im Berners.

Slides:



Advertisements
Similar presentations
HTML. The World Wide Web Protocols Addresses HTML.
Advertisements

Hyper Text Markup Language.  HTML is a language for describing web pages.  HTML stands for Hyper Text Markup Language  HTML is not a programming language,
WeB application development
A guide to HTML. Slide 1 HTML: Hypertext Markup Language Pull down View, then Source, to see the HTML code. Slide 1.
ASHIMA KALRA.  WHAT IS HTML WHAT IS HTML  HTML TAGS HTML TAGS  FORMATTING TAGS FORMATTING TAGS.
Adding HTML to Blackboard
CIS101 Introduction to Computing Week 05. Agenda Your questions Exam next week - Excel Introduction to the Internet & HTML Online HTML Resources Using.
FrontPage 2003 Web Fundamentals Web Site Design. World Wide Web System based on Hypertext Transfer Protocol (HTTP) Provides access to information Information.
Introduction to HTML 2006 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
COMP101 – Exploring Multimedia and Internet Computing LA2 (Thu 14:00 – 16:50) TA: Jackie Lo.
Introduction to HTML 2004 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Creating a Web Page HyperText Markup Language. HTML Documents  Created using any text editor  Notepad  Vi, Pico, or Emacs  If using word-processor,
Developing a Basic Web Page with HTML
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.
CIS101 Introduction to Computing Week 06. Agenda Your questions Excel Exam during second hour Our status after the snow day Introduction to the Internet.
CPSC 203: Introduction to Computers Tutorials 03 & 29 by Jie (Jeff) Gao.
CPSC 203 Introduction to Computers Lab 39, 40 By Jie (Jeff) Gao.
Slide 1 Today you will: think about criteria for judging a website understand that an effective website will match the needs and interests of users use.
HTML HTML stands for "Hyper Text Mark-up Language“. Technically, HTML is not a programming language, but rather a markup language. Used to create web pages.
Internet Fundamentals Total Advantage MS Excel 97, Hutchinson, Coulthard, 1998 McGraw Introduction to HTML Chapter 7.
Introduction to HTML. HTML Hyper-Text Markup Language: the foundation of the World-Wide Web Design goals:  Platform independence: pages can be viewed.
1. Short History Of HTML HTML was invented in 1990 by a scientist called Tim Berners-Lee. The purpose was to make it easier for scientists at different.
Course Content - Chapter 2 Introduction to HTML Introduction to a Text Editor as a web authoring tool Instructional Activity: Creating a webpage using.
Introduction to HTML. What is HTML? Hyper Text Markup Language (HTML) is a language for describing web pages. HTML is not a programming language, it is.
XP New Perspectives on The Internet, Sixth Edition— Comprehensive Tutorial 8 1 Creating Effective Web Pages Creating HTML Documents Tutorial 8.
What is Markup and Markup Languages? What is HTML? A Basic HTML Document Basic HTML Tags Tag Attributes and Text Formatting Tags Insert Hyperlinks Add.
XP 1 HTML Committed to Shaping the Next Generation of IT Experts. 01: Introduction to HTML.
Computing Theory: HTML Year 11. Lesson Objective You will: o Be able to define what HTML is - ALL o Be able to write HTML code to create your own web.
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.
Web Design-Lecture1-QN-2003 Web Design Web Design Using HTML.
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-
Hypertext Mark-Up Language Web Page Creation HTML.
Introduction to HTML Tutorial 1 eXtensible Markup Language (XML)
1 What is HTML? Standardized codes Web pages SGML Descriptive markup Tags.
HTML BASICS Web Design I. Web Design  WWW created in the late 1980’s  Used in academics for the next 5 years  Mosaic (1994) allowed both pictures &
INTRODUCTORY Tutorial 1 Using HTML Tags to Create Web Pages.
Basic HTML Hyper text markup Language. Lesson Overview  In this lesson, you will learn to:  Write HTML code using a text editor application such as.
HTML file format  Lesson Objective: Understanding HTML and how it is used to create web pages.  Learning Outcome:  Create a HTML page by interpreting.
Web Page Design Introduction. The ________________ is a large collection of pages stored on computers, or ______________ around the world. Hypertext ________.
Introducing the World Wide Web Internet- a structure made up of millions of interconnected computers whose users communicate with each other and share.
CPSC 203 Introduction to Computers Lab 66 By Jie Gao.
Web Design. How do web pages work? Webpages are written in a code called HTML. Programs like Internet Explorer read the code, and then show it as a web.
Using FrontPage FrontPage is a great Web editing tool for people with limited knowledge and time for HTML coding. It’s similar to using Microsoft Word.
CS 111 – Oct. 4 Web design –HTML –Javascript Commitment: –This week, read sections 4.3 – 4.5.
Introduction to HTML Unit 3: E-business.
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.
XML The Extensible Markup Language (XML ), which is comparable to SGML and modeled on it, describes how to describe a collection of data. A standard way.
Basic HTML. Lesson Overview In this lesson, you will learn to:  Write HTML code using a text editor application such as Notepad.  View Web pages created.
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!
Introduction to the World Wide Web & Internet CIS 101.
HTML HyperText Markup Language Victoria E. Kozlek.
HTML: Hypertext Markup Language The language to make web pages 0.
HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.
McGraw-Hill Technology Education © 2004 by the McGraw-Hill Companies, Inc. All rights reserved. Office Word 2003 Working Together 1 Word 2003 and Your.
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.
Introduction to HTML (Web Design) IT Fundamentals.
Web Page Programming Terms. Chapter 1 Objectives Describe Internet and Understand Key terms Describe World Wide Web and its Key terms Identify types and.
Basic concepts of web design
Creating a Web Page CSC 121.
HTML Part I.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
What is HTML?.
HTML Structure.
HTML What is Html? HTML stands for Hypertext Markup Language.
Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.
HyperText Markup Language
HTML Basics Mr. Fazzalari.
CAII 4.01 Web Page Design Terms List 2.
Presentation transcript:

BB efore, accessing information through the internet was a rather technical affair. II t was so hard for people to swap data. 11 990 TT im Berners Lee – invented the use of HTML HH ypertext means text stored in electronic form with cross-reference links between pages. HH ypertext Markup Language (HTML) is a language for describing how pages of text graphics, and other information are organized, formatted and linked together. What is a Web Page?

11 993 AA lmost 100 computers throughout the world were equipped to serve up HTML pages. WW orld Wide Web (WWW), Web browser programs MM arc Andressen CC reator of Netscape Navigator TT he first Web browser that could view graphic images

WW YSIWYG WW hat you see is what you get WW eb browser II s a computer program that interprets (HTML) commands to collect, arrange and display the parts of a Web page. How Web Pages Work

SS oftware for Editing HTML WW indows Notepad MM icrosoft FrontPage MM acromedia Dreamweaver SS.H.E. (Simple HTML Editor) How to Edit Web Pages

HH TML tag II s a coded command used to indicate how part of a Web page should be displayed. MM ost HTML tags have to parts: AA n opening tag, which indicates where a piece of text begins AA closing tag, which indicates where the piece of text ends CC losing tags start with / (forward slash) just after the < symbol. Create a Web Page Right Now

FF our basic HTML tags in a Web Page << HTML> << HEAD> << TITLE> << BODY> Tags Every HTML Page Must Have

TT o skip a line between paragraphs, put a <p> tag at the beginning of each paragraph and a </p> tag at the end. TT he <br> tag forces a line break within a paragraph. DD oesn’t require a closing </br> TT he <hr> a horizontal rule line to appear. Paragraphs and Line Breaks

FF or a big level 1 heading, put an <h1> tag at the beginning and an </h1> tag at the end. SS maller level use <h2> and </h2> LL ittle level use <h3 and </h3> Headings

<< html>…</html> EE ncloses the entire HTML document << head>…</head> EE ncloses the head of the HTML document << title>…</title> II ndicates the title of the document. Used within <head> << body>…</body> EE ncloses the body of the HTML document << p>…</p> AA paragraph; skips a line between paragraphs << br /> AA line break. HTML Tags Covered

  A horizontal line rule  …  A first-level heading  …  A second-level heading  …  A third-level heading  …  A fourth-level heading (seldom used)  …  A fifth-level heading (seldom used)  …  A sixth-level heading (seldom used) HTML Tags Covered