HyperText Markup Language (HTML) Developing a Web Page.

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

Computers: Tools for an Information Age Writing Your Own Web Page: Using HTML and Web Authoring Tools.
Web Development & Design Foundations with XHTML
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.
INTRODUCTION TO HYPERTEXT MARKUP LANGUAGE 1. Outline  Introduction  Markup Languages  Editing HTML  Common Tags  Headers  Text Styling  Linking.
MIS 425 Lecture 1 – HTML Basics and Web Page Design Instructor: Martin Neuhard
Adding HTML to Blackboard
Made by: Dan Ye. Introduction Basic Last Page ☆ HTML stands for Hyper Text Markup Language; ☆ HTML is not a programming language, it is a markup language;
MGMT 230 Lab 1 HTML Basics. 2 HTML Tags An HTML document contains both document content and tags. The tags are the HTML codes inserted in a document to.
Creating a Web Page HyperText Markup Language. HTML Documents  Created using any text editor  Notepad  Vi, Pico, or Emacs  If using word-processor,
HTML Introduction HTML
Basic HTML Workshop LIS Web Team Fall What is HTML? Stands for Hyper Text Markup Language Computer language used to create web pages HTML file =
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.
1 HTML / Website Creation. 2 HTML – HyperText Markup Language  For formatting Web pages  Ordinary text can be created using any Text editor: e.g. NotePad,
Basics of HTML. Example Code Hello World Hello World This is a web page.
Basics of HTML.
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.
Exploring Microsoft Office XP - Microsoft Word 2002 Chapter 61 Exploring Microsoft Word Chapter 6 Creating a Home Page and Web Site By Robert T. Grauer.
Today’s Topic Language of web page - HTML (Hypertext Markup Language)
HTML HyperText Markup Language Constantly evolving - extra facilities being added regularly Java applets and JavaScript used to increase functionality.
ACM 511 HTML Week -1 ACM 511 Course Notes. Books ACM 511 Course Notes.
CP2022 Multimedia Internet Communication1 HTML and Hypertext The workings of the web Lecture 7.
HTML. WHAT IS HTML HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup language A markup language is a set of.
Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and attributes Create.
Chapter 4 (through page 110) Fluency with Information Technology 4 th edition by Lawrence Snyder (slides by Deborah Woodall : 1.
Welcome to CMPE003 Personal Computer Concepts: Hardware and Software Winter 2003 UC Santa Cruz Instructor: Guy Cox.
Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 
Course Content - Chapter 2 Introduction to HTML Introduction to a Text Editor as a web authoring tool Instructional Activity: Creating a webpage using.
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.
By Brieya. What is HTML Hypertext Markup Language, a standardized system for tagging text files to achieve font, colour, graphic, and hyperlink effects.
Just Enough HTML How to Create Basic HTML Documents.
All you ever needed to know…and more!. H.T.M.L. HyperText Mark-up Language Web’s programming language All web browsers Set of instructions Written with.
Hypertext Mark-Up Language Web Page Creation HTML.
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 &
CREATING WEB PAGES Using…More HTML code! My First \ Web Page.
CPSC 203 Introduction to Computers Lab 33 By Jie Gao.
LEARNING HTML PowerPoint #1 Cyrus Saadat, Webmaster.
INP 150: Basic HTML Term: Winter 2002 Section: H1 Time: Mon/Wed 5:30- 7:25 pm Place: TI237 Instructor: Paul J. Millis.
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.
CPS Today’s topics Basic HTML The Internet Upcoming ä Networks and the Internet ä Writing programs in pseudocode Reading Great Ideas Chapters 1,
HTML HyperText Markup Language ©Richard L. Goldman July 15, 2003.
HTML Basic. What is HTML HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language, it.
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.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
Exploring Microsoft Microsoft FrontPage Chapter 21 Exploring Microsoft FrontPage 2002 Chapter 1 Creating a Home Page: Introduction to MS FrontPage.
Unit 2, Lesson 7 Creating Web Pages and Web Documents.
HyperText Markup Language. Web Hosting Creating a web site (on a site like iPage) –Buy domain name ( –iPage has registrar (e.g., FastDomain.
Introduction to HTML UWWD. Agenda What do you need? What do you need? What are HTML, CSS, and tags? What are HTML, CSS, and tags? html, head, and body.
Writing Your Own Web Page: Using HTML and FrontPage Chapter 10.
Getting Started with HTML. HTML  Hyper Text Markup Language  HTML isn’t a program language, its known as a markup language  A Markup language has tags.
HTML: Hypertext Markup Language The language to make web pages 0.
CPSC 203 Introduction to Computers Lab 23 By Jie Gao.
2 Apr 04 1 Application Software Practical 13/14 HTML / Website Creation.
HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.
HTML cancho. HTML HyperText Markup Language A set of HTML tags.
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.
Basic Web Publishing M. Scott Gartner 7/15/98.
HTML Basics.
Section 4.1 Section 4.2 Format HTML tags Identify HTML guidelines
Computers and Information Systems
What is HTML?.
AN INTRODUCTION BY FAITH BRENNER
WJEC GCSE Computer Science
Presentation transcript:

HyperText Markup Language (HTML) Developing a Web Page

Objectives n Define Tag n Discuss the functions of HTML Tags n Review Hyperlinks n Methods of Creating HTML Documents

What’s a Tag? n A Tag is a code that is inserted into a document that identifies the formatting that should be applied to that location. –Enclosed in angle brackets –Enclosed in angle brackets –End tag includes a slash –End tag includes a slash –Usually occur in pairs –Can be nested within each other

For Example <html> John Sullivan's Page John Sullivan's Page StFX Home Page StFX Home Page

Creating HTML Documents n Copy HTML text from an existing Web document n Use a plain text editor (Notepad) n Microsoft Word, “Save as” HTML type n HTML development tool (HoTMetaL) n Netscape Page Wizard

Netscape Page Wizard

Example <HTML><HEAD> A Sample HTML Page A Sample HTML Page </HEAD><BODY> HTML is a Piece of Cake HTML is a Piece of Cake Learning and using HTML is going to be a blast. This is the first paragraph. Learning and using HTML is going to be a blast. This is the first paragraph.</P> This is the second. This is the second.</P></BODY></HTML>

Screen Results

Summary n Creating HTML documents n Using Tags n Hyperlinks n Tools for creating and modifying web documents

Assignment (Due July 24th) Create Your Own Web Page n Use any theme you want (real or fictional) n Show some style! –Color, bold, italics, etc. n At least five links to other sites n Insert at least three images n Link to your n me your URL n Be creative and have fun with it!