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.

Slides:



Advertisements
Similar presentations
WeB application development
Advertisements

ASHIMA KALRA.  WHAT IS HTML WHAT IS HTML  HTML TAGS HTML TAGS  FORMATTING TAGS FORMATTING TAGS.
XP Information Technology Center - KFUPM1 Microsoft Office FrontPage 2003 Creating a Web Site.
Project 1 Introduction to HTML.
Infrastructure for Electronic Commerce
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;
Computer Science 1611 Internet & Web Creating Webpages Hypertext and the HTML Markup Language.
Introduction to HTML 2006 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
1 Chapter 2 Infrastructure for Electronic Commerce.
HTML Introduction HTML
HTML Companion. Lecture Objectives Learn about HTML. Know basic HTML tags.
Dreamweaver 8 Concepts and Techniques Introduction Web Site Development and Macromedia Dreamweaver 8.
Developing a Basic Web Page Posting Files on UMBC
1st Project Introduction to 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.
CPSC 203: Introduction to Computers Tutorials 03 & 29 by Jie (Jeff) Gao.
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.
HTML 1 Introduction to HTML. 2 Objectives Describe the Internet and its associated key terms Describe the World Wide Web and its associated key terms.
Chapter ONE Introduction to HTML.
Tutorial 1: Getting Started with HTML5
Basics of HTML Shashanka Rao. Learning Objectives 1. HTML Overview 2. Head, Body, Title and Meta Elements 3.Heading, Paragraph Elements and Special Characters.
HTML Comprehensive Concepts and Techniques Intro Project Introduction to HTML.
Using HTML to Create a Basic Web Page… By Josh Gallagan.
HTML Links and Anchors.
DAT602 Database Application Development Lecture 14 HTML.
Today’s Topic Language of web page - HTML (Hypertext Markup Language)
Using HTML to Create a Basic Web Page… By Josh Gallagan.
Basic HTML Hyper text markup Language. Re-cap  … - The tag tells the browser that this is an HTML document The html element is the outermost element.
4 HTML Basics 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.
Web Design ITM 2010 Tutorial 1 Prepared by Wang Shiyu.
WEB DESIGN USING DREAMWEAVER. The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file.
HTML INTRODUCTION, EDITORS, BASIC, ELEMENTS, ATTRIBUTES.
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.
Copyright 2006 South-Western/Thomson Learning Chapter 17 Creating and Linking Web Pages.
Designing Web Sites Using “tags” Tags are codes inserted among the text to tell the text how to behave Their format is very rigid; they always look like.
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.
Dreamweaver MX Unit B CIS 205—Web Site Design and Development.
XHTML Introduction to Xtensible HyperText Markup Language Screen Readers – Click the Notes button in the lower right corner.
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 &
Fundamentals of Web Design Copyright ©2004  Department of Computer & Information Science Introducing XHTML: Module A: Web Design Basics.
XHTML1 Introduction to Web Pages Chapter 1. XHTML2 Objectives In this chapter, you will: Learn about the World Wide Web (WWW) Create simple Hypertext.
XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1 1 Microsoft Office FrontPage 2003 Tutorial 1 – Creating a Web Site.
Web Development & Design Foundations with XHTML Chapter 2 HTML/XHTML Basics.
XHTML Hyperlinks. Creating Links to Other Web Pages A link, or hyperlink, is a specially formatted Web page object that the user can click to open a different.
WEB DESIGN AND PROGRAMMING Introduction to XHTML.
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.
CPS Today’s topics Basic HTML The Internet Upcoming ä Networks and the Internet ä Writing programs in pseudocode Reading Great Ideas Chapters 1,
4 HTML Basics 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.
Exploring Microsoft Microsoft FrontPage Chapter 21 Exploring Microsoft FrontPage 2002 Chapter 1 Creating a Home Page: Introduction to MS FrontPage.
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
XP Review 1 New Perspectives on JavaScript, Comprehensive1 Introducing HTML and XHTML Creating Web Pages with HTML.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
HyperText Markup Language (HTML) Developing a Web Page.
Web Page Programming Terms. Chapter 1 Objectives Describe Internet and Understand Key terms Describe World Wide Web and its Key terms Identify types and.
HTML PROJECT #1 Project 1 Introduction to HTML. HTML Project 1: Introduction to HTML 2 Project Objectives 1.Describe the Internet and its associated key.
Computer Fundamentals Desktop Publishing & Web Design MSCH 233 Lecture 9.
Project 1 Introduction to HTML.
Section 4.1 Section 4.2 Format HTML tags Identify HTML guidelines
Chapter 1 Introduction to HTML
Introducing XHTML: Module A: Web Design Basics
Introducing XHTML: Module A: Web Design Basics
Chapter 1 Introduction to HTML.
Project 1 Introduction to HTML.
The Internet and HTML Code
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
Intro Project Introduction to HTML.
Presentation transcript:

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 specify the format on screen. Each tag is enclosed in brackets ( ). Most tags are two-sided – opening and closing tags.

3

4

5

6

7 HTML Links Hyperlinks are bits of text that connect the current document to: –Another location in the same document –Another document on the same host machine –Another document on the Internet Hyperlinks are created using the HTML anchor tag. Two popular link structures: –Linear hyperlink structure –Hierarchical hyperlink structure Click to see Figure 2-14:

8

9 HTML Version History HTML version 1.0 was introduced in HTML 2.0 was released in Sept HTML 3.2 was introduced in HTML 4.0 was released by W3C in Dec HTML 4.01 was released in Dec XHTML 1.0 became a W3C recommendation in Jan

10 HTML Editors Low end editor displays HTML code on the screen and allow you to insert HTML tag pairs by clicking selected buttons. High end editor are Web site builder programs, they provide a rich environment that displays the Web page, not the HTML code. Microsoft FrontPage and Macromedia Dreamweaver are examples of Web site builders. Click to see Figure 2-15:

11

12

13 Create a Web Page

14