Basics of Web Design 1 Copyright © 2016 Pearson Education, Inc., Hoboken NJ.

Slides:



Advertisements
Similar presentations
Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 2 Introduction to XHTML Programming the World Wide Web Fourth edition.
Advertisements

HTML Basics 1450 Technology Seminar Copyright 2003, Matthew Hottell.
Web Development & Design Foundations with XHTML
A guide to HTML. Slide 1 HTML: Hypertext Markup Language Pull down View, then Source, to see the HTML code. Slide 1.
Chapter 2 HTML Basics Key Concepts
Beginning Web Site Creation: Dreamweaver CS4 Noreen Brown XHTML CODING -- TAGS.
 2003 Prentice Hall, Inc. All rights reserved. Chapter 4 - Introduction to XHTML: Part 1 Outline 4.1 Introduction 4.2 Editing XHTML 4.3 First XHTML Example.
Web Page Development Identify elements of a Web Page Start Notepad
 2008 Pearson Education, Inc. All rights reserved. 1 Introduction to HTML.
 2004 Prentice Hall, Inc. All rights reserved. Introduction to XHTML: Part 1.
 2003 Prentice Hall, Inc. All rights reserved. Chapter 4 - Introduction to XHTML: Part 1 Outline 4.1 Introduction 4.2 Editing XHTML 4.3 First XHTML Example.
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.
Tutorial 3: Adding and Formatting Text. 2 Objectives Session 3.1 Type text into a page Copy text from a document and paste it into a page Check for spelling.
Basics of HTML Shashanka Rao. Learning Objectives 1. HTML Overview 2. Head, Body, Title and Meta Elements 3.Heading, Paragraph Elements and Special Characters.
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.
Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.
Define html document byusing Example : Title of the document The content of the document......
Basics of Web Design 1 Copyright © 2016 Pearson Education, Inc., Hoboken NJ.
ACM 511 HTML Week -1 ACM 511 Course Notes. Books ACM 511 Course Notes.
© Copyright by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 1 Tutorial 30 – Bookstore Application: Client Tier Introducing.
 2002 Prentice Hall, Inc. All rights reserved.2 Chapter 2 — Introduction to HyperText Markup Language 4: Part I Outline 2.1Introduction 2.2Markup Languages.
1.  Describe the anatomy of a web page  Format the body of a web page with block-level elements including headings, paragraphs, lists, and blockquotes.
Chapter 2 HTML Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D 1.
Basics of Web Design 1 Copyright © 2016 Pearson Education, Inc., Hoboken NJ.
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.
HTML (continued). Assignment 3 Creating a web page with:  Images  Hyperlinks to some websites  Hyperlinks to your  Information about a company,
Web Technologies COMP6115 Session 2: Planning, Designing, Constructing and Testing Static Web Sites Dr. Paul Walcott Department of Computer Science, Mathematics.
Basics of Web Design 1 Copyright © 2016 Pearson Education, Inc., Hoboken NJ.
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.
Copyright © Osmosys O S M O S Y SO S M O S Y S D e p l o y i n g E x p e r i e n c e & E x p e r t i s e™ HTML Training.
4 Chapter Four Introduction to HTML. 4 Chapter Objectives Learn basic HTML commands Discover how to display graphic image objects in Web pages Create.
Introduction to HTML Xiangming Mu 9/23/ Learning Objectives Understand basic HTML tags and their attributes Learn to create a simple HTML page.
INT222 - Internet Fundamentals Shi, Yue (Sunny) Office: T2095 SENECA COLLEGE.
Web Development & Design Foundations with XHTML Chapter 2 HTML/XHTML Basics.
Committed to Shaping the Next Generation of IT Experts. 1 Essentials For Design Dreamweaver Level One Julian Rickards Project 3 Applying Structure To.
Basics of Web Design 1 Copyright © 2016 Pearson Education, Inc., Hoboken NJ.
1 Introduction to XHTML: Part 1 Outline Introduction Elements and Attributes Editing XHTML Common Elements W3C XHTML Validation Service Headers Linking.
WEB DESIGN AND PROGRAMMING Introduction to XHTML.
Suzanne Sultan1 Line Breaks, Paragraphs, lists Lab3.
HTML.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 2 Key Concepts 1 Copyright © Terry Felke-Morris.
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.
Web programming Part 1: HTML 由 NordriDesign 提供
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 2- part 2 Key Concepts 1 Copyright © Terry Felke-Morris.
The Web Wizard’s Guide to HTML Chapter Two Basic Text Formatting.
Elements and Attributes. XHTML Elements The element contains special information that does not necessarily show up on the web page. The element determines.
HTML cancho. HTML HyperText Markup Language A set of HTML tags.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 2 Key Concepts 1 Copyright © Terry Felke-Morris.
Chapter 5 pp HTML Elements & Attributes Format Content Or Examples This Text Is A Hyperlink.
Project 02 Creating and Editing a Web Page Concept Map of Unit Creating and Editing a Web Page Key Learning Understand the elements to create a web page.
Course created by Sarah Phillips BBCD Melbourne BAPDCOM Version 1 – April 2013.
Week-11 (Lecture-1) Introduction to HTML programming: A web based markup language for web. Ex.
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
Tutorial 1 – Creating Web Pages With HTML
Web Development & Design Foundations with HTML5 8th Edition
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
Web Development & Design Foundations with HTML5 8th Edition
© 2015 Pearson Education, Inc.
© 2015 Pearson Education, Inc.
Dreamweaver – Project #1
ITI 133 HTML5 Desktop and Mobile Level I
HTML5 Level I Session II Chapter 3 - How to Use HTML to Structure a Web Page
Web Development & Design Foundations with H T M L 5
Exercise 9 Skills You create and use styles to create formatting rules that can easily by applied to other pages in the Web site. You can create internal.
Johan Ng and Muhammad Hazzry
Basics of Web Design Chapter 2 HTML Basics Key Concepts
Basics of Web Design Chapter 2 HTML Basics Key Concepts
For the CIS17 course..
© 2017, Mike Murach & Associates, Inc.
Presentation transcript:

Basics of Web Design 1 Copyright © 2016 Pearson Education, Inc., Hoboken NJ

Learning Outcomes Copyright © 2016 Pearson Education, Inc., Hoboken NJ

The Heading Element Copyright © 2016 Pearson Education, Inc., Hoboken NJ

The Paragraph Element tag Copyright © 2016 Pearson Education, Inc., Hoboken NJ

The Line Break Element tag Read Reviews Copyright © 2016 Pearson Education, Inc., Hoboken NJ

The Horizontal Rule Element tag Read Reviews Copyright © 2016 Pearson Education, Inc., Hoboken NJ

The Blockquote Element Copyright © 2016 Pearson Education, Inc., Hoboken NJ

Phrase Elements Copyright © 2016 Pearson Education, Inc., Hoboken NJ

9

HTML List Basics Copyright © 2016 Pearson Education, Inc., Hoboken NJ

Unordered List Copyright © 2016 Pearson Education, Inc., Hoboken NJ

Unordered List Example Copyright © 2016 Pearson Education, Inc., Hoboken NJ

Ordered List Copyright © 2016 Pearson Education, Inc., Hoboken NJ

Ordered List Example Copyright © 2016 Pearson Education, Inc., Hoboken NJ

Description List Copyright © 2016 Pearson Education, Inc., Hoboken NJ

Description List Example Copyright © 2016 Pearson Education, Inc., Hoboken NJ

Special Entity Characters Copyright © 2016 Pearson Education, Inc., Hoboken NJ

The div element 18 Copyright © 2016 Pearson Education, Inc., Hoboken NJ

19 main Copyright © 2016 Pearson Education, Inc., Hoboken NJ

20 Copyright © 2016 Pearson Education, Inc., Hoboken NJ

The Anchor Element 21 Copyright © 2016 Pearson Education, Inc., Hoboken NJ

More on Hyperlinks 22 Copyright © 2016 Pearson Education, Inc., Hoboken NJ

Opening a Link in a New Browser Window 23 Copyright © 2016 Pearson Education, Inc., Hoboken NJ

Hyperlinks 24 Copyright © 2016 Pearson Education, Inc., Hoboken NJ

Writing Valid HTML Copyright © 2016 Pearson Education, Inc., Hoboken NJ

Summary Copyright © 2016 Pearson Education, Inc., Hoboken NJ