Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 2 Key Concepts 1 Copyright © Terry Felke-Morris.

Slides:



Advertisements
Similar presentations
Web Development & Design Foundations with XHTML
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
XHTML Basics.
1 eVenzia Technologies Learning HTML, XHTML & CSS Chapter 1.
Upgrading to XHTML DECO 3001 Tutorial 1 – Part 1 Presented by Ji Soo Yoon 19 February 2004 Slides adopted from
HTMLMR.Mostafa badr1. Lesson 3 HTML Tags Lesson 2 Creating a HTML File Lesson 1: Hyper Text Markup Language (HTML) Basics Get Trained for a Better Future.
HTML Notes Chapters 1--6 Codes used in creating HTML documents are called tags. Tags are always enclosed in left ( ) angle brackets. Tags can be upper.
Basics of HTML Shashanka Rao. Learning Objectives 1. HTML Overview 2. Head, Body, Title and Meta Elements 3.Heading, Paragraph Elements and Special Characters.
Chapter 1 Internet & Web Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D. 1.
Using HTML to Create a Basic Web Page… By Josh Gallagan.
Using HTML to Create a Basic Web Page… By Josh Gallagan.
Chapter 1 Internet & Web Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D. Revised 1/12/2015 by William Pegram 1.
HTML Structure & syntax
Introduction to HTML5. History of HTML HTML first published – Tim Berners-Lee HTML 2.0 HTML 3.2 HTML 4.01 XHTML 1.0 XHTML 2.0.
CS134 Web Design & Development Creating a Basic Web Page Mehmud Abliz.
Chapter 1 XHTML: Part I The Web Warrior Guide to Web Design Technologies.
1 HTML intro The development of HTMLThe development of HTML The transition from HTML to XHTMLThe transition from HTML to XHTML XHTML syntax, tags, and.
All Web pages are written with some form of HTML (HyperText Markup Language). HTML documents are saved as Text Only files so virtually any computer can.
1 Web Developer Foundations: Using XHTML Chapter 2 Key Concepts.
>> Introduction to HTML: Tags. Hyper - is the opposite of linear Text – words / sentences / paragraphs Mark-up – Marking the text Language – It is a language.
HTML INTRODUCTION, EDITORS, BASIC, ELEMENTS, ATTRIBUTES.
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.
XHTML. Introduction to XHTML What Is XHTML? – XHTML stands for EXtensible HyperText Markup Language – XHTML is almost identical to HTML 4.01 – XHTML is.
HTML CRASH COURSE. What is HTML?  Hyper Text Markup Language  The language used to make web pages  Written by using tags.
HTML INTRODUCTION. What is HTML?  HTML stands for Hypertext Markup Language  Developed in 1990  Hidden code that helps us communicate with others on.
Basic HTML PowerPoint How Hyper Text Markup Language Works
HTML Codes Miss B.
Chapter 1 Internet & Web Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D. 1.
HTML Structure & syntax. Introduction This presentation introduces the following: Doctype declaration HTML Tags, Elements and Attributes Sections of a.
Copyright (c) 2004 Prentice-Hall. All rights reserved. 1 Committed to Shaping the Next Generation of IT Experts. Creating XHTML Documents Essentials for.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 1 Key Concepts 1.
Web Development & Design Foundations with XHTML Chapter 2 HTML/XHTML Basics.
HTML/XHTML By Joaquin Vila. What is HTML? HTML stands for HyperText Markup Language. HTML documents are cross-platform compatible and device-independent.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 6 Key Concepts 1 Copyright © Terry Felke-Morris.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 2 Key Concepts 1 Copyright © Terry Felke-Morris.
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.
Introduction to HTML Year 8. What is HTML O Hyper Text Mark-up Language O The language that all the elements of a web page are written in. O It describes.
Objective: To describe the evolution of the Internet and the Web. Explain the need for web standards. Describe universal design. Identify benefits of accessible.
Creating Your 1 st Web Page. Tags Refers to anything between on a webpage Most appear in pairs surrounding content Some appear as empty tags (no closing.
INT222 – Internet Fundamentals
Intro to HTML.  Hypertext markup language (HTML) is a way of telling web browsers how to display a page  You can type them by hand in a word processing.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 2 Key Concepts 1 Copyright © Terry Felke-Morris.
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.
Hyper Text Markup Language.  My First Heading My first paragraph. Example Explained The DOCTYPE declaration defines the document type The text between.
Basic HTML Page 1. First Open Windows Notepad to type your HTML code 2.
Blended HTML and CSS Fundamentals 3 rd EDITION Tutorial 1 Using HTML to Create Web Pages.
HTML Structure & syntax
HTML Structure & syntax
Basic HTML Introduction to HTML.
Basic concepts of web design
Pertemuan 1 Desain web Pertemuan 1
Web Development & Design Foundations with HTML5 8th Edition
XHTML Basics.
Basic HTML PowerPoint How Hyper Text Markup Language Works
Web Development & Design Foundations with HTML5 8th Edition
Basic HTML PowerPoint How Hyper Text Markup Language Works
XHTML Basics.
XHTML Basics.
Basics of Web Design Chapter 1 Internet & Web Basics Key Concepts
XHTML Basics.
Web Application Development
Pertemuan 1 Desain web Pertemuan 1
The Most Basic HTML Page
XHTML Basics.
HTML Structure & syntax
WJEC GCSE Computer Science
Basics of Web Design Chapter 1 Internet & Web Basics Key Concepts
Creating Web Documents
Presentation transcript:

Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 2 Key Concepts 1 Copyright © Terry Felke-Morris

WHAT IS HTML?  HTML: The set of markup symbols or codes placed in a file intended for display on a Web browser page.  The World Wide Web Consortium ( sets the standards for HTML and its related languages. 2

Copyright © Terry Felke-Morris HTML ELEMENTS Each markup code represents an HTML element. Each element has a purpose. Most elements are coded as a pair of tags: an opening tag and a closing tag. Tags are enclosed in angle brackets, " " symbols. 3

Copyright © Terry Felke-Morris WHAT IS HTML5 ?  Newest draft version of HTML/XHTML  Supported by modern browsers  Safari, Google Chrome, Firefox, Internet Explorer 9  Intended to be backwards compatible  Adds new elements  Adds new functionality  Edit form data  Native video and audio  And more! 4 Source: W3C

Copyright © Terry Felke-Morris DOCUMENT TYPE DEFINITION  Document Type Definition (DTD)  doctype statement  identifies the version of HTML contained in your document.  placed at the top of a web page document 5

Copyright © Terry Felke-Morris DTD EXAMPLES XHTML 1.0 Transitional DTD <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" HTML5 DTD 6

Copyright © Terry Felke-Morris EXAMPLE HTML5 WEB PAGE Page Title Goes Here... body text and more HTML5 tags go here... 7

Copyright © Terry Felke-Morris HEAD & BODY SECTIONS  Head Section Contains information that describes the Web page document …head section info goes here  Body Section Contains text and elements that display in the Web page document …body section info goes here 8

Copyright © Terry Felke-Morris TITLE ELEMENT META ELEMENT 9