Deprecated Elements. Extensions to HTML Browser specific. Proposed revisions to standard. +Powerful presentation tools. −Limited support (or) −Subject.

Slides:



Advertisements
Similar presentations
XHTML Week Two Web Design. 2 What is XHTML? XHTML is the current standard for HTML Newest generation of HTML (post-HTML 4) but has many new features which.
Advertisements

Elder L. Lionel Kendrick Of the First Quorum of the Seventy It has been from the beginning and it will be till the end that the natural man will have a.
XHTML Basics. What is XHTML? XHTML is newer than the old HTML XHTML has stricter rules and does not allow some elements formerly used in HTML One benefit.
1 HTML Standards & Compliance. 2 Minimum Required HTML tags: (must go in this order!)
1. Content – Collective term for all text, images, videos, etc. that you want to deliver to your audience. 2. Structure – How the content is placed on.
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 3: XHTML Coding © 2007 Prosoft Learning Corporation All rights reserved ITD 110 Web Page.
Tutorial 4 Formatting Text. XP New Perspectives on Blended HTML, XHTML, and CSS2 Objectives Create a spread heading Indent text Change the line spacing.
CS134 Web Design & Development Attributes, Lists, Tables, Links, and Images Mehmud Abliz.
Cascading Style Sheets 1. About Lists HTML list code ul, ol, dldl CSS list-item style properties
Server Web Server Pages Client Browser  HTML can do everything  We will limit our use to defining the content units – NOT formatting  Why? ›
XHTML 16-Apr-17.
Introduction to Web Site Development Steven Emory Department of Computer Science California State University, Los Angeles Lecture 4: Tables and Frames.
17-Jun-15 XHTML 2 What is XHTML? XHTML stands for Extensible Hypertext Markup Language XHTML is aimed to replace HTML.
XHTML and CSS Overview. Hypertext Markup Language A set of markup tags and associated syntax rules Unlike a programming language, you cannot describe.
HTML syntax By Ana Drinceanu. Definition: Syntax refers to the spelling and grammar of a programming language. Computers are inflexible machines that.
Working with Text and Cascading Style Sheets Adobe Dreamweaver Chapter 3.
1 The Structure of a Web Table beginning of the table structure first row of three in the table end of the table structure table cells You do not need.
Creating and Editing a Web Page
Week 1.  Phillip Chee   Ext.1214 
HTML BASICS Creating Web Pages with HTML CIS 133 Web Programming Concepts 1.
WDV 101 Intro to Website Development
ACM 511 HTML Week -1 ACM 511 Course Notes. Books ACM 511 Course Notes.
XHTML - Basics Teppo Räisänen LIIKE/OAMK Introduction XHTML = eXtensible Hypertext Markup Language Transitional ~ HTML 4.01 Goal: to replace HTML.
HTML-1© 2004 D. J. Foreman HTML - An Introduction.
Chapter 1 XHTML: Part I The Web Warrior Guide to Web Design Technologies.
CNIT 132 – Week 2 HTML (1). Introducing the World Wide Web A network is a structure linking computers together for the purpose of sharing resources such.
Introduction. Document Structure Overview  XML declaration (prolog)  Document type declaration  Root element (namespace)  Document header  Document.
1 HTML XHTML. 2 Understand the Doctype tag Know the html tags which are now classed as depreciated Understand how Dreamweaver adds styles Add styles to.
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.
1 Web Developer Foundations: Using XHTML Chapter 2 Key Concepts.
CIS 1315 – Web Development for Educators CIS 1315 HTML Tutorial 9: Working With XHTML.
Website Development & Management Working with Style Rules Instructor: John Seydel, Ph.D. CIT Fall
Tutorial #4 Formatting Text and Links. Tutorial #3 Review - CSS CSS format Selector { property1: value1; /* Comments */ } Embedded, In-Line, and External.
CSS-Lists CSS provides special properties that are designed for lists. It is usually more convenient to use these properties whenever you can. To specify.
XP Tutorial 9 1 Working with XHTML. XP SGML 2 Standard Generalized Markup Language (SGML) A standard for specifying markup languages. Large, complex standard.
LITTLE BOXES Controlling size of boxes Box model for borders, margin and padding Displaying and hiding boxes.
Doncho Minkov Telerik Web Design Course html5course.telerik.com Technical Trainer
IT Engineering I Instructor: Rezvan Shiravi
Project 2 Web Page Design Creating and Editing a Web Page Pages
Copyright (c) 2004 Prentice-Hall. All rights reserved. 1 Committed to Shaping the Next Generation of IT Experts. Creating XHTML Documents Essentials for.
Chapter 7 Web Design.. HTML  Hypertext Markup Language  Using HTML, text is formatted by wrapping it in a tag.  The tags provide instructions to the.
Web Development & Design Foundations with XHTML Chapter 2 HTML/XHTML Basics.
INTRODUCTORY Tutorial 4 Exploring Graphic Elements and Images.
Committed to Shaping the Next Generation of IT Experts. 1 Essentials For Design Dreamweaver Level One Julian Rickards Project 3 Applying Structure To.
Lecture: Web Design Assis. Prof. Freshta Hanif Ehsan Faculty of Computer Science Kabul Polytechnic University Spring Semester
CSS Class 2 -Add margins to elements on a page. -Set width and height of elements. - CSS shorthand properties for box model. -Style links. -Style tables.
HTML.
Note #2.  How does a structure of HTML document look like?  How do you align … A paragraph? A heading?  What is the main difference between one-sided.
DYNAMIC HTML What is Dynamic HTML: HTML code that allow you to change/ specify the style of your web pages. Example: specify style sheet, object model.
COP 3813 Intro to Internet Computing Prof. Roy Levow Lecture 2.
Agenda Lists Purpose Types of Lists: Unordered Ordered Definition.
XHTML Lists. There are three types of lists available in XHTML  Unordered or bulleted lists  Ordered or numbered lists  Definition or directory lists.
IS1825 Multimedia Development for Internet Applications Lecture 12: IDs, Classes and Internal CSS Rob Gleasure
CS134 Web Design & Development Attributes, Lists, Tables, Links, and Images Mehmud Abliz.
©SoftMoore ConsultingSlide 1 Introduction to HTML: Block-Level Elements.
CIS 228 The Internet 9/20/11 XHTML 1.0. “Quirks” Mode Today, all browsers support standards Compliant pages are displayed similarly There are multiple.
INT222 – Internet Fundamentals
Tutorial #1 Using HTML to Create Web Pages. HTML, XHTML, and CSS HTML – HyperText Markup Language The tags the browser uses to define the content of the.
Tutorial 3 Designing a Web Page with CSS
XHTML Basics. What is XHTML? XHTML is newer than, but built upon, the original HTML (Hyper Text Markup Language) platform. XHTML has stricter rules and.
Blended HTML and CSS Fundamentals 3 rd EDITION Tutorial 4 Formatting Text and Links.
Tutorial 1 – Creating Web Pages With HTML
CITA 330 Section 3 XHTML.
Programming the Web using XHTML and JavaScript
HTML Lists CS 1150 Fall 2016.
XHTML
Cascading Style Sheets (Introduction)
Cascading Style Sheets (Introduction)
XHTML 7-May-19.
XHTML 29-May-19.
Presentation transcript:

Deprecated Elements

Extensions to HTML Browser specific. Proposed revisions to standard. +Powerful presentation tools. −Limited support (or) −Subject to change. Avoid!

Deprecated and Obsolete Deprecated –Being phased out. –Still supported in current browsers. Obsolete –No longer in standard. –Not supported in current or future browsers. DO NOT USE!

Document Types (DOCTYPE) Strict – no deprecated elements – Goal. Transitional – deprecated elements. Frameset – deprecated and frames.

Lists

Basics of Lists Types of lists: –Unordered Lists. –Ordered Lists. –Definition Lists. Block-level elements. Be sure to close your lists!

Unordered Lists

Ordered Lists

Definition Lists

Nested Lists

List CSS Properties list-style – marker and position of text. list-style-type –Shape of the marker. –Many options (see book for examples). list-style-position –inside – text wraps inline with the marker. –outside – text is indented from the marker. list-style-image – use image for marker.

Introduction to Tables

Some Uses Organize data – worksheets. Format items on pages. –Side-by-side images. –Side-by-side lists. –Eventually CSS will supplant for these.

Basic Table Structures

CSS and Tables