Markup basics. Markup languages add commentary to text files –so that the commentary can be ignored if not understood eg HyperText Markup Language –adds.

Slides:



Advertisements
Similar presentations
Intro to HTML. HTML HTML = HyperText Markup Language Used to define the content of a webpage HTML is made up of tags and attributes Content.
Advertisements

HTML popo.
XML CS What is XML?  XML: a "skeleton" for creating markup languages  you already know it!  syntax is identical to XHTML's: content  languages.
Internet Services and Web Authoring (CSET 226) Lecture # 5 HyperText Markup Language (HTML) 1.
HTML / CSS – Basics Why the heck are we doing this?
HTML Minute University Richard Fisher 10/1/2001 HTML FSA Training2 HTML Overview  HTML  HyperText Markup Language.
1 Extensible Markup Language: XML HTML: portable, widely supported protocol for describing how to format data XML: portable, widely supported protocol.
Introduction to HTML CPS470 Software Engineering Fall 1998.
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;
1 Extensible Markup Language: XML HTML: portable, widely supported protocol for describing how to format data XML: portable, widely supported protocol.
Computer Science 1611 Internet & Web Creating Webpages Hypertext and the HTML Markup Language.
Chapter 4_2 Marking Up With Html: A Hypertext Markup Language Primer.
1 Extensible Markup Language: XML HTML: widely supported protocol for formatting data XML: widely supported protocol for describing data XML is quickly.
CM143 - Web Week 2 Basic HTML. Links and Image Tags.
Basics of HTML.
© 2012 Adobe Systems Incorporated. All Rights Reserved. LEARNING THE LANGUAGE OF THE WEB INTRODUCTION TO HTML AND CSS.
JS: Document Object Model (DOM)
Extensible Hypertext Markup Language A successor to HTML 4.01 XML-compliant W3C is improving and expanding.
 HTML stands for Hyper Text Mark-up Language. The coding language used to create documents for the World Wide Web  HTML is composed of tags. HTML tags.
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.
>> Introduction to HTML: Tags. Hyper - is the opposite of linear Text – words / sentences / paragraphs Mark-up – Marking the text Language – It is a language.
XHTML. Introduction to XHTML What Is XHTML? – XHTML stands for EXtensible HyperText Markup Language – XHTML is almost identical to HTML 4.01 – XHTML is.
CSCI 1101 Intro to Computers
These Questions are copied from
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.
XP 1 HTML Committed to Shaping the Next Generation of IT Experts. 01: Introduction to HTML.
Fall 2006 Florida Atlantic University Department of Computer Science & Engineering COP 4814 – Web Services Dr. Roy Levow Part 4 - XML.
Computer Information Technology – Section 3-4. HTML – The Language of the Internet Objectives: The Student will: 1. Look at HTML 2. Understand the basic.
Introduction to World Wide Web Authoring © Directorate of Information Systems and Services University of Aberdeen, 1999 IT Training Workshop.
5.2 DOM (Document Object Model). 2 Motto: To write it, it took three months; to conceive it three minutes; to collect the data in it — all my life. —F.
Introduction to HTML Wah Yan College (Hong Kong) Mr. Li C.P.
CA Professional Web Site Development Class 2: Anatomy of a Web Site and Web Page & Intro to HTML.
Navigating the DOM with ExtJS By Aaron Conran. Document Object Model The Document Object Model or DOM is a standard to represent HTML, XHTML and other.
Introduction to HTML Xiangming Mu 9/23/ Learning Objectives Understand basic HTML tags and their attributes Learn to create a simple HTML page.
HTML Basics. HTML Introduction Stands for HyperText Markup Language. HTML files are plain text files with mark ups. Some characteristics of HTML: –No.
CPSC 203 Introduction to Computers Lab 66 By Jie Gao.
Web Design. How do web pages work? Webpages are written in a code called HTML. Programs like Internet Explorer read the code, and then show it as a web.
Introduction to Programming the WWW I CMSC Winter 2003 Lecture 10.
 Create a free account  Verify your address.
1 Dr Alexiei Dingli XML Technologies SAX and DOM.
Introduction to the Document Object Model Eugenia Fernandez IUPUI.
The Teacher Computing HTML HyperText Markup Language.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
Web programming Part 1: HTML 由 NordriDesign 提供
DOM (Document Object Model) - Parsing and Reading HTML and XML -
HTML and the DOM. What is HTML? Hypertext Interconnected documents Markup Our code goes around our documents Language Yes, it’s programming.
Create Element, Remove Child. The Document Tree Document Element Root Element Element Element Element Element Text: HelloWorld Attribute “href”
JS: Document Object Model (DOM) DOM stands for Document Object Model, and allows programmers generic access to: DOM stands for Document Object Model, and.
HTML: Hypertext Markup Language The language to make web pages 0.
1 3/30/05CS120 The Information Era CS120 The Information Era Chapter 4 – More HTML Specifics TOPICS: Frames Problem Review, Nested Frames.
Using HTML. Glogger Glogger is like you own personal web page, you can add… Pictures Text Videos Music, etc… Modify and adjust anything you want Glogger.
Basic Steps to create a Website using HTML5. Hypertext Markup Language.
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.
HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.
1 Introduction to HTML. 2 Definitions  W W W – World Wide Web.  HTML – HyperText Markup Language – The Language of Web Pages on the World Wide Web.
XML CS What is XML?  XML: a "skeleton" for creating markup languages  you already know it!  syntax is identical to XHTML's: content  languages.
CSE 154 Lecture 12: XML.
CHAPTER 5 DOCUMENT OBJECT MODEL
Applied Online Programming
Introduction to the Document Object Model
DOM Document Object Model.
Creating Web Page.
HTML HYPERTEXT MARKUP LANGUAGE.
<p>Sample <b>bold</b> display</p>
<p> Sample <b>bold</b> display</p>
WEB & HTML Background Info.
HyperText Markup Language
The Most Basic HTML Page
<p> Sample <b>bold</b> display</p>
<p>Sample <b>bold</b> display</p>
Presentation transcript:

Markup basics

Markup languages add commentary to text files –so that the commentary can be ignored if not understood eg HyperText Markup Language –adds markup on presentation within a window hypertext links to other similar documents

Markup metalanguage (de facto…) here is some marked up text modern definition (not old HTML) –tags may be nested but not interleaved – tags always occur in pairs tags may have attributes

Structure of an HTML document header stuff… some text a bold link

…which is a tree! header stuff… some text a bold link

…with an underlying data structure… The Document Object Model Large, complex and rapidly emerging standard Basic node properties: –nodeName, nodeValue, nodeType –firstChild, nextSibling children, lastChild, previousSibling