By Jacob Farnes For CIT-230 Winter 2016.  Declares document type  Normal   Depreciated   Legacy 

Slides:



Advertisements
Similar presentations
What is XML? a meta language that allows you to create and format your own document markups a method for putting structured data into a text file; these.
Advertisements

Neal Stublen Content Models  Metadata content Data not necessarily presented on the page ○ title, link, meta, style  Flow content.
WeB application development
Teppo Räisänen LIIKE/OAMK 2010
Thayer School of Engineering Dartmouth Lecture 2 Overview Web Services concept XML introduction Visual Studio.net.
HTML syntax By Ana Drinceanu. Definition: Syntax refers to the spelling and grammar of a programming language. Computers are inflexible machines that.
Chapter 2 Introduction to HTML5 Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.
HTML & CSS A brief introduction. OUTLINE 1.What is HTML? 2.What is CSS? 3.How are they used together? 4.Troubleshooting/Common problems 5.More resources.
 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......
Online Chapter 1 4 th Edition.  Review elements  Whitespace handling  Rule structure  Linking to an external style sheet  Alternate Style Sheets.
Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.
HTML (HyperText Markup Language)
.  Entertain  Inform  Educate  Blogs  Sell  Date  Gamble  Religion.
XML - DTD. The building blocks of XML documents Elements, Tags, Attributes, Entities, PCDATA, and CDATA.
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML Pt. 2.
XHTML Presented by Kelly(Geun-young) Yim. Learning Objectives  List the difference between XHTML and HTML  Create a valid, well-formed XHTML document.
Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.
INTRODUCTION. What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language,
INTRODUCTION TO JAVASCRIPT AND DOM Internet Engineering Spring 2012.
TUTORIAL 10: PROGRAMMING WITH JAVASCRIPT Session 2: What is JavaScript?
Web Design (3) HTML tags. Back to your web design ! Open Brackets Click on the drop down box on the left. Last time, you clicked on ‘Open Folder’ but.
Copyright 2007, Information Builders. Slide 1 Understanding Basic HTML Amanda Regan Technical Director June, 2008.
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.
2.2 XHTML (cont.). Motto Yea, from the table of my memory I’ll wipe away all trivial fond records. —William Shakespeare.
XML Documents Chao-Hsien Chu, Ph.D. School of Information Sciences and Technology The Pennsylvania State University Elements Attributes Comments PI Document.
Advanced Computer Science Lab Coding Style & Documentation.
1 HTML Frames
META tag META tag is the element in the HTML that interacts with the search engines. It’s contain 2 attributes that should always be used: NAME: is an.
17 Apr 2002 XML Syntax: Documents Andy Clark. Basic Document Structure Element tags – Elements have associated attributes Text content Miscellaneous –
Internet & World Wide Web How to Program, 5/e. Revised by Dr. T. Tran for CSI3140 Copyright © Pearson, Inc All Rights Reserved.2.
225 City Avenue, Suite 106 Bala Cynwyd, PA , phone , fax presents… XML Syntax v2.0.
Well Formed XML The basics. A Simple XML Document Smith Alice.
HTML JAVASCRIPT. CONTENTS Javascript Example NOSCRIPT Tag Advantages Summary Exercise.
©SoftMoore ConsultingSlide 1 Introduction to HTML: Basic Document Structure.
Headings are defined with the to tags. defines the largest heading. defines the smallest heading. Note: Browsers automatically add an empty line before.
Objective: To describe the evolution of the Internet and the Web. Explain the need for web standards. Describe universal design. Identify benefits of accessible.
Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.
XML CORE CSC1310 Fall XML DOCUMENT XML document XML document is a convenient way for parsers to archive data. In other words, it is a way to describe.
HTML Basic Structure. Page Title My First Heading My first paragraph.
Copyright © Pearson, Inc All Rights Reserved. WEEK 7: INTRODUCTION TO HTML5 Sotiris Charalambous.
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.
HTML Tutorial. What is HTML HTML is a markup language for describing web documents (web pages) HTML documents are described by HTML tags Each HTML tag.
Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.
HTML is about making documents. Simple Code for Simple Layout My Document This is an example HTML document First paragraph Second paragraph This is the.
Lesson 5. XHTML Tags, Attributes and Structure XHTML Basic Structure head and body titles Paragraph headings comments Document Presentation Manipulating.
Week 1: Introduction to HTML and Web Design
HTML Structure & syntax
Introduction to HTML5.
Web Basics: HTML/CSS/JavaScript What are they?
HTML.
Introduction to Web programming
HTML Images CS 1150 Spring 2017.
Basic HTML and Embed Codes
Tepp Räisänen Liike/OAMK 2011
1 Introduction to XHTML.
Introduction to HTML- Basics
Intro to Web Development HTML Structure
Introduction to XHTML Cont:.
HTML Images CS 1150 Fall 2016.
Lorem ipsum dolores Lorem ipsum dolores.
Lesson 2: HTML5 Coding.
Web Programming and Design
HTML Introduction.
Lorem ipsum NAME OF PRESENTATION Click to add subtitle
INTRODUCTION TO WEB DEVELOPMENT
HTML5 and CSS3 Illustrated Unit B: Getting Started with HTML
Presentation transcript:

By Jacob Farnes For CIT-230 Winter 2016

 Declares document type  Normal   Depreciated   Legacy 

 Declared in a meta tag  Refers to how your document is saved  Must be a valid IANA character set namevalid IANA character set name  Typically UTF-8 or US-ASCII

 Contents  Text content  Void content  Tags  Tag name  Start tag  End tag  Void tags have start tags but do not have end tags

 Have no content themselves  Can have Attributes Complete List of Void elements area base br col command embed hr img input keygen link meta param source track wbr

 Nested Tags must be ended within their containing tag  Do NOT:  Lorem Ipsum Dolor  DO:  Lorem ipsum dolor

 Attributes are expressed inside an element start tag.  Attributes have a name and a value   Attributes cannot use ‘ or “ or in the name and values  Double BAD

 Text in elements and comments must be valid Unicode characters  Cannot be undefined Unicode  Cannot be U+0000 characters  Cannot contain control characters  Character data  Normal text  Replaceable  in title and text area tags  Non-Replaceable  in script and style tags

 Named  & would become "&"  † would become "†"  Decimal  & becomes “&”  † becomes "†"  Hexadecimal  † becomes "†"  See : sp

 No, I don’t mean from your users   Comment text  cannot hold tags or have inside it  cannot have -- or ->  cannot end with “–”  Should describe your code well enough that if you died tomorrow, your no-nothing successor could figure out what it was meant to do. (Hit-by-the-bus principle)