HTML and XHTML Pocket Reference
|
|
- Patricia King
- 6 years ago
- Views:
Transcription
1
2
3 HTML and XHTML Pocket Reference
4
5 FOURTH EDITION HTML and XHTML Pocket Reference Jennifer Niederst Robbins Beijing Cambridge Farnham Köln Sebastopol Taipei Tokyo
6 HTML and XHTML Pocket Reference, Fourth Edition by Jennifer Niederst Robbins Copyright 2010 Jennifer Niederst Robbins. All rights reserved. Printed in Canada. Published by O Reilly Media, Inc., 1005 Gravenstein Highway North, Sebastopol, CA O Reilly books may be purchased for educational, business, or sales promotional use. Online editions are also available for most titles ( booksonline.com). For more information, contact our corporate/institutional sales department: (800) or corporate@oreilly.com. Editors: Steven Weiss and Simon St.Laurent Production Editor: Loranah Dimant Proofreader: Loranah Dimant Indexer: Ellen Troutman Zaig Cover Designer: Karen Montgomery Interior Designer: David Futato Illustrator: Robert Romano Printing History: January 2000: January 2002: May 2006: December 2009: First Edition. Second Edition. Third Edition. Fourth Edition. Nutshell Handbook, the Nutshell Handbook logo, and the O Reilly logo are registered trademarks of O Reilly Media, Inc. HTML & XHTML Pocket Reference, the image of a koala, and related trade dress are trademarks of O Reilly Media, Inc. Many of the designations used by manufacturers and sellers to distinguish their products are claimed as trademarks. Where those designations appear in this book, and O Reilly Media, Inc. was aware of a trademark claim, the designations have been printed in caps or initial caps. While every precaution has been taken in the preparation of this book, the publisher and author assume no responsibility for errors or omissions, or for damages resulting from the use of the information contained herein. ISBN: [TM]
7 Contents HTML and XHTML Pocket Reference 1 HTML 4.01 Overview 2 HTML5 Overview 4 XHTML Overview 8 Common and Events 12 Alphabetical List of Elements 17 Elements Organized by Function 151 Character Entities 153 Specifying Color 166 Index 169 v
8
9 HTML and XHTML Pocket Reference HTML (HyperText Markup Language) is the markup language used to turn text documents into web pages and applications. The fundamental purpose of HTML as a markup language is to provide a semantic description (the meaning) of the content and establish a document structure (a hierarchy of elements). It is not concerned with presentation, such as how the document will look in a browser. Presentation is the job of Cascading Style Sheets, which is outside the scope of this book. This pocket reference provides a concise yet thorough listing of the elements and attributes specified in the HTML 4.01 and XHTML 1.0 Recommendations as well as HTML5, which is in development as a Working Draft as of this writing. The text uses the shorthand (X)HTML for concepts that apply to all of these markup standards. For updates and details on all versions, see the W3C s HTML home page at HTML5 is a joint effort between the W3C and the WHATWG (Web Hypertext Application Technology Working Group). See the latest HTML5 developments at 1
10 This book is organized into the following sections: HTML 4.01 Overview HTML5 Overview XHTML Overview Common and Events Alphabetical List of Elements Elements Organized by Function Character Entities Specifying Color HTML 4.01 Overview The HTML 4.01 Recommendation (1999) is the best established and supported HTML specification as of this writing. This section covers the basic structure of HTML 4.01 documents. Three Versions of HTML 4.01 Both the HTML 4.01 and XHTML 1.0 Recommendations encompass three slightly different specification documents, called Document Type Definitions (or DTDs). DTDs define every element, attribute, and entity along with the rules for their use. The three versions are: Transitional DTD The Transitional DTD includes all deprecated elements and attributes in order to be backward compatible with the legacy behavior of most browsers. Deprecated elements and attributes are permitted but discouraged from use. Strict DTD This version excludes all elements and attributes that have been deprecated (such as font and align) to reinforce the separation of document structure from presentation. 2 HTML and XHTML Pocket Reference
11 Frameset DTD The Frameset DTD includes the same elements as the Transitional DTD with the addition of elements for creating framed web pages (frameset, frame, and noframe). The Frameset DTD is kept separate because the structure of a framed document (where frameset replaces body) is fundamentally different from regular HTML documents. HTML 4.01 Document Structure This markup sample shows the minimal structure of an HTML 4.01 document. This example uses the Strict HTML DTD: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " <html> <head> <title>document Title</title> </head> <body> Content of document... </body> </html> HTML 4.01 DOCTYPE Declarations The first line of the document structure example just shown is the Document Type Declaration (or DOCTYPE declaration) that declares the DTD version used for the document. It is used to check the document for validity. Some browsers also use the inclusion of a complete DOCTYPE declaration to switch into a standards-compliant rendering mode. The <!DOCTYPE> (document type) declaration contains two methods for pointing to DTD information: one is a publicly recognized document identifier, and the other is a specific URL in case the browsing device does not recognize the public identifier. The DOCTYPE declarations for each HTML version must be used exactly as they appear here: HTML 4.01 Overview 3
12 HTML 4.01 Strict <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " HTML 4.01 Transitional <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " HTML 4.01 Frameset <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" " HTML5 Overview HTML5, which aims to make HTML more useful for creating web applications as well as semantically marked up documents, is not yet a formal Recommendation as of this writing, however, it is beginning to gain browser support and is already being used for web and mobile application development. HTML5 uses HTML 4.01 and the legacy behavior of browsers as a starting point, using the Document Object Model (DOM, the tree formed by a document s structure) as its basis rather than a particular set of syntax rules. HTML5 can be written with HTML syntax (called the HTML serialization of HTML5) or according to the stricter syntax of XML (XML serialization, or XHMTL 5 ) if XML parsing is required. NOTE Because HTML5 is still in development, the details are changing rapidly. The HTML5 elements and attributes in this book are based on the WHATWG HTML5 Working Draft dated December 9, For the most recent version, go to specs/web-apps/current-work/multipage/. For a list of the ways HTML5 differs from HTML 4.01, see dev.w3.org/ html5/html4-differences. 4 HTML and XHTML Pocket Reference
13 New in HTML5 HTML5 offers new features (elements, attributes, event handlers, and APIs) for easier web application development and more sophisticated form handling. There are also new semantic elements for marking up page content. Most of the purely presentational or poorly supported elements and attributes in HTML 4.01 have been dropped from HTML5, however, a few have been redefined or reinstated. Elements Details for each of these elements may be found later in the section Alphabetical List of Elements : article footer rp aside header rt audio hgroup ruby canvas keygen section command mark source datalist meter time details nav video embed output figure progress New input Types HTML5 introduces the following new input control types (indicated as values for the type attribute for the input element): color, date, datetime, datetime-local, , month, number, range, search, tel, time, url, week. and Events The Global and Events available for all elements in HTML5 are listed and described in detail in the Common and Events section. New HTML5 attributes are listed with their respective elements and labeled HTML5 only in the Alphabetical List of Elements section. HTML5 Overview 5
14 APIs With a growing demand for interactive content on web pages, HTML5 introduces several APIs (Application Programming Interfaces) for standardizing the creation of web applications. There are APIs for the following: Two-dimensional drawing in conjunction with the new canvas element Playing video and audio files, used with the new video and audio elements Offline web applications Registering applications for certain protocols or media types Editing documents, including a new global contentedita ble attribute Drag and drop functionality (including the new dragga ble attribute) Exposing the browser history and allowing pages to add to without breaking the back button Cross-document messaging HTML5 Document Structure HTML5 has only one version and does not reference a DTD, but HTML5 documents still require a simplified DOCTYPE declaration to trigger standards mode rendering in browsers. The following is the basic structure of an HTML5 document: <!DOCTYPE html> <html> <head> <title>document Title</title> </head> <body> Content of document... </body> </html> 6 HTML and XHTML Pocket Reference
15 HTML5 documents written in XML syntax do not require a DOCTYPE but may include an XML declaration. They should also be served as the MIME type application/xhtml+xml or application/xml. The following is a simple HTML5 document written in the XML syntax: <?xml version="1.0" encoding="utf-8"?> <html xmlns=" <head> <title>document Title</title> </head> <body> Content of document... </body> </html> HTML5 Browser Support As of this writing, HTML5 is still in its earliest days and has only limited browser support. A few features are supported in Firefox 3.5+, Safari 3+, Chrome 2+, and Opera 9+ (Opera supports nearly all of the HTML5 Forms features). Internet Explorer supports contenteditable, but otherwise has not promised support for HTML5 in its version 10 release, so we ll have to stay tuned a while to see what comes after that. In the meantime, JavaScript can be used to make browsers recognize HTML5 elements. Many developers are looking to the mobile world as the arena where HTML5 will take hold in the form of web-based applications. The following resources are useful for tracking HTML5 realworld support and use: When Can I Use... (a.deveria.com/caniuse/): A comparison of browser support for HTML5, CSS3, and other web technologies maintained by Alexis Deveria. Wikipedia Comparison of Layout Engines (HTML5) (en.wikipedia.org/wiki/comparison_of_layout_en gines_(html_5)): Charts show HTML5 support by the major browser layout engines. HTML5 Overview 7
16 HTML5 Doctor, Helping you Implement HTML5 today (html5doctor.com): Articles about HTML5 development and implementation, curated by Richard Clark, Bruce Lawson, Tom Leadbetter, Jack Osborne, Mike Robinson, and Remy Sharp. XHTML Overview XHTML 1.0 (extensible HyperText Markup Language) is a reformulation of HTML 4.01 according to the stricter syntax rules of XML (extensible Markup Language). In other words, the elements are the same, but there are additional restrictions for document markup as listed in the next section. On July 2, 2009, the World Wide Web Consortium (W3C) officially discontinued the XHTML 2.0 project, focusing its resources instead on HTML5 (which can also be written in XML syntax). Although no new XHTML specifications are being developed, XHTML documents will continue to be supported by popular browsers for the foreseeable future. How XHTML Differs from HTML Because XHTML is an XML language, its syntax is stricter and differs from HTML in these key ways: All element names and attributes must be lowercase. For example, <a href="example.com">...</a>. All elements must be terminated that is, they must include an end tag. For example, <p>...</p>. Empty elements must be terminated as well. This is done by including a slash at the end of the tag. A space is commonly added before the slash for backward compatibility with older browsers. For example, <hr />, <img />, <meta />. All attribute values must be contained in quotation marks (either single or double). For example, <td colspan="2">. 8 HTML and XHTML Pocket Reference
17 All attribute values must be explicit and may not be minimized to one word, as is permitted in HTML. For example: checked="checked" selected="selected" multiple="multiple" Nesting restrictions are more strictly enforced. These restrictions are explicitly stated: An a element cannot contain another a element. The pre element cannot contain img, object, applet, big, small, sub, sup, font, or basefont. The form element may not contain other form elements. A button element cannot contain a, form, input, select, textarea, label, button, iframe, or isindex. The label element cannot contain other label elements. The special characters <, >, &, ', and " must always be represented by their character entities, including when they appear within attribute values. For example, <, >, &, ', and " (respectively). In HTML, the name attribute may be used for the elements a, applet, form, frame, iframe, img, and map. The name attribute and the id attribute may be used in HTML to identify document fragments. XHTML documents must use id instead of name for identifying document fragments in the aforementioned elements. In fact, the name attribute for these elements has been deprecated in the XHTML 1.0 specification. XHTML documents should be served as XML applications, not as HTML text documents. More specifically, the server should be configured to serve XHTML documents with the Content-type header set to application/ xhtml+xml. If it is not possible to configure the server, the content type may be specified in a meta element in the document s head, as shown in this example: XHTML Overview 9
18 <meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" /> Unfortunately, some popular browsers (Internet Explorer in particular) cannot parse XHTML documents as XML, causing pages to break. For this reason, many developers serve XHTML documents as text/html instead, although the W3C discourages this, and it is not possible if the document includes code from other XML namespaces. For more information on XHTML MIME types, see XHTML 1.0 Document Structure Like HTML 4.01, XHTML 1.0 has three DTD versions: transitional, strict, and frameset. This markup sample shows the minimal structure of an XHTML 1.0 document as specified in the XHTML 1.0 Recommendation. This document was written using the XHTML Transitional DTD: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional/ /EN" " dtd"> <html xmlns=" xml:lang="en" lang="en"> <head> <title>document Title</title> </head> <body> Content of document... </body> </html> Note that the html root element includes XML namespace (xmlns) and language (xml:lang) identification. XHTML documents may optionally include an XML declaration before the DOCTYPE declaration, as shown in this example: 10 HTML and XHTML Pocket Reference
19 <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " An XML declaration is not required when the character encoding is the UTF-8 default. Because XML declarations are problematic for even standards-compliant browsers as of this writing, they are generally omitted. NOTE XHTML5 documents do not require a DOCTYPE declaration. XHTML DOCTYPE Declarations The DOCTYPE declarations for each XHTML version must be used exactly as they appear here: XHTML 1.0 Strict <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " XHTML 1.0 Transitional <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " XHTML 1.0 Frameset <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" " XHTML 1.1 The XHTML 1.1 Recommendation features only one DTD that is similar to Strict in that it does not include deprecated elements and attributes: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" " XHTML Overview 11
20 Common and Events A number of attributes are shared by nearly all elements. To save space, they have been abbreviated in this reference as they are in the Recommendations. This section serves as a reference for Alphabetical List of Elements and explains each attribute s shorthand. In HTML 4.01/XHTML 1.0, the attributes and events are divided into groups called Core, Internationalization, Focus, and Events. In HTML5, there is one set of Global that applies to all HTML elements. HTML 4.01 and XHTML 1.0 Core When Core is listed under, it refers to the set of core attributes that may be applied to the majority of elements (as noted in each element listing): id Assigns a unique identifying name to the element class Assigns one or more classification names to the element style Associates style information with an element title Provides a title or advisory information about the element Internationalization When Internationalization appears in the attribute list, it means the element accepts the set of attributes used to specify language and reading direction: dir Specifies the direction of the element (left to right or right to left). 12 HTML and XHTML Pocket Reference
21 lang Specifies the language for the element by its language code. xml:lang XHTML only. Specifies language for elements in XHTML documents. Focus Focus refers to the state of being highlighted and ready for user input, such as for a link or form element. When Focus is listed, it indicates that the following attributes and events related to bringing focus to the element are applicable: accesskey="character" Assigns an access key (shortcut key command) to the link. Access keys are also used for form fields. The value is a single character. Users may access the element by hitting Alt-<key> (PC) or Ctrl-<key> (Mac). onblur Occurs when an element loses focus either by the pointing device or by tabbing navigation. onfocus Occurs when an element receives focus either by the pointing device or by tabbing navigation. tabindex="number" Specifies the position of the current element in the tabbing order for the current document. The value must be between 0 and 32,767. It is used for tabbing through the links on a page (or fields in a form). Events When Events is listed for the element, it indicates that the core events used by scripting languages are applicable to the element. Additional events that are not part of the core events are listed separately for each element: Common and Events 13
22 onclick Occurs when the pointing device button is clicked over an element ondblclick Occurs when the pointing device button is double-clicked over an element onkeydown Occurs when a key is pressed down over an element onkeypress Occurs when a key is pressed and released over an element onkeyup Occurs when a key is released over an element onmousedown Occurs when the pointing device button is pressed over an element onmousemove Occurs when the pointing device is moved while it is over an element onmouseout Occurs when the pointing device is moved away from an element onmouseover Occurs when the pointing device is moved onto an element onmouseup Occurs when the pointing device button is released over an element HTML5 Global attributes In addition to id, class, style, title, dir, lang, accesskey, and tabindex carried over from HTML 4.01, HTML5 adds the following global attributes that are applicable to all elements: 14 HTML and XHTML Pocket Reference
23 contenteditable="true false" Indicates the user can edit the element. This attribute is already well supported in current browser versions. contextmenu="id of menu element" Specifies a context menu that applies to the element. The context menu must be requested by the user, for example, by a right-click. draggable="true false" Indicates the element is draggable, meaning it can be moved by clicking and holding on it, then moving it to a new position in the window. hidden (hidden="hidden" in XHTML) Prevents the element and its descendants from being rendered in the user agent (browser). Any scripts or form controls in hidden sections will still execute, but they will not be presented to the user. itemid="text" Part of the microdata system for embedding machinereadable data, the itemid attribute indicates a globally recognized identifier (such as an ISBN for a book). It is used in conjunction with itemtype in the same element containing itemscope. itemprop="text" Part of the microdata system for embedding machinereadable data, the itemprop attribute provides the name of the property. The content of the element provides its value. The value may also be a URL provided by the href attribute in a elements or the src attribute in img. itemref="space-separated list of IDs" Part of the microdata system for embedding machinereadable data, the itemref attribute specifies a list of elements (by ID values) on the current page to be included in an item. The itemref attribute must be used in the same element as the itemscope attribute that established the item. Common and Events 15
24 itemscope Part of the microdata system for embedding machinereadable data, itemscope creates a new item, a group of properties (name/value pairs). itemtype="url or reversed DNS label" Part of the microdata system for embedding machinereadable data, the itemtype attribute indicates a standardized item type indicated by a URL (e.g., vocab.example.net/book) or a reversed DNS label (e.g., com.example.person). The itemtype attribute is used in the same element containing the itemscope attribute. spellcheck="true false" Indicates the element is to have its spelling and grammar checked. HTML5 event handlers Unless otherwise specified, the following event handler content attributes may be specified on any HTML element: onabort onafterprint onbeforeprint onbeforeunload onblur* oncanplay oncanplaythrough onchange onclick oncontextmenu ondblclick ondrag ondragend ondragenter ondragleave ondragover ondragstart ondrop ondurationchange 16 HTML and XHTML Pocket Reference onmessage* onmousedown onmousemove onmouseout onmouseover onmouseup onmousewheel onoffline ononline onpagehide* onpageshow* onpopstate* onpause onplay onplaying onprogress onratechange onreadystatechange onredo*
25 onemptied onended onerror onfocus* onformchange onforminput oninput oninvalid onkeydown onkeypress onkeyup onload* onloadeddata onloadedmetadata onloadstart onresize* onscroll onseeked onseeking onselect onshow onstalled onsubmit onsuspend ontimeupdate onundo* onunload* onvolumechange onwaiting NOTE onblur, onerror, onfocus, and onload behave slightly differently when applied to the body element because the body element shares these event handlers with its parent window. *Event handler for Window object when used with the body element Alphabetical List of Elements This section contains a listing of all elements and attributes in HTML 4.01/XHTML 1.0 and HTML5, as well as a few nonstandard elements. Readers are advised to watch for these labels on elements and attributes: Deprecated Elements and attributes marked as Deprecated are being phased out of HTML usually in favor of Cascading Style Alphabetical List of Elements 17
26 Sheets and are discouraged from use. All deprecated elements and attributes have been removed from the Strict versions of HTML 4.01 and XHTML 1.0. HTML5 only Elements and attributes marked HTML5 only are new in HTML5 and may have limited or no browser support. Not in HTML5 marked Not in HTML5 have been omitted from HTML5, usually because they are presentational or were never supported by popular browsers. XHTML only marked XHTML only apply only to documents marked up in XHTML 1.0 or 1.1. Other minor differences between HTML and XHTML are noted similarly. Nonstandard Nonstandard elements and attributes are not included in any version of the HTML or XHTML Recommendations but are well supported by browsers. Required marked as Required must be included in the element for the markup to be valid. a HTML 4.01 HTML5 <a>... </a> Defines an anchor that can be used as a hypertext link or a named fragment within the document. When the href attribute is set to a valid URI, the anchor is a hypertext link to a web page, page fragment, or another resource. The name or id attributes are used to label an anchor and allow it to serve as the destination point of a link. An a element may have both href and name/id attributes. Notes In HTML5, the href attribute may be omitted to use an a element as a placeholder link. HTML5 also permits flow content (block elements) within a elements. 18 HTML and XHTML Pocket Reference
27 Required/Required Core, Internationalization, Events, Focus, HTML5 Global charset="charset" Not in HTML5. Specifies the character encoding of the target document. coords="x,y coordinates" Not in HTML5. Specifies the x/y-coordinates for a clickable area in an image map. The HTML 4.01 Recommendation proposes that client-side image maps be replaced with an object element containing the image and a set of anchor elements defining the hot areas (with shapes and coordinate attributes). This system has not been implemented by browsers and has been dropped in HTML5. href="uri" Specifies the location of the destination document or web resource (such as an image, audio, PDF, or other media file). hreflang="language code" Specifies the base language of the target document. id="text" Gives the link a unique name (similar to the name attribute) so that it can be referenced from a link, script, or style sheet. In XHTML, the id attribute is required for document fragments. For backward compatibility, authors use both name and id for fragments. media="all aural braille handheld print projection screen tty tv" HTML5 only. Describes the media for which the target document was designed. The default is all. name="text" Not in HTML5. XHTML documents use id for document fragments. Places a fragment identifier within an HTML document. a 19
28 ping="urls" HTML5 only. Specifies a list of URLs that must be contacted when the link is followed, useful for user tracking. rel="link type keyword" Describes one or more relationships from the current source document to the linked document. The link types specified in both the HTML 4.01 and 5 specifications are alternate, book mark, help, index, next, and prev. The HTML 4.01-only keywords include appendix, chapter, contents, copyright, glossary, section, start, and subsection. The following link types are specified in HTML5 only: archives, author, external, first, last, license, nofollow, noreferrer, search, sidebar, tag, and up. rev="link type keyword." Not in HTML5. Specifies one or more relationships from the target back to the source (the opposite of the rel attribute). shape="rect circle poly default" Not in HTML5. Defines the shape of a clickable area in an image map. This part of HTML 4.01 s proposal to replace client-side image maps with a combination of object and a elements. This system has not been implemented by browsers and was dropped in HTML5. target="text" Specifies the name of the window or frame in which the target document should be displayed. type="mime type" Specifies the media or content type (MIME type) of the linked content for example, text/html. Examples To a local file: <a href="filename.html">... </a> To an external file: <a href=" </a> 20 HTML and XHTML Pocket Reference
29 To a named anchor: <a href=" </a> To a named anchor in the current file: <a href="#fragment">... </a> To send an message: <a href="mailto:username@domain">... </a> To a file on an FTP server: <a href="ftp://server/path/filename">... </a> Creating a named anchor in HTML: <a name="fragment">... </a> Creating a named anchor in XHTML (note that some authors also include a redundant name for backward compatibility with version 4 browsers): <a id="fragment">... </a> abbr HTML 4.01 HTML5 <abbr>... </abbr> Identifies the enclosed text as an abbreviation. Required/Required Core, Internationalization, Events, HTML5 Global title="text" Provides the full expression for the abbreviation. This may be useful for nonvisual browsers, speech synthesizers, translation systems, and search engines. Example <abbr title="massachusetts">mass.</abbr> abbr 21
30 acronym HTML 4.01 <acronym>... </acronym> Indicates an acronym. Notes Not in HTML5. Authors are advised to use abbr instead. Required/Required Core, Internationalization, Events title="text" Provides the full expression for the acronym. This may be useful for nonvisual browsers, speech synthesizers, translation systems, and search engines. Example <acronym title="world Wide Web">WWW</acronym> address HTML 4.01 HTML5 <address>... </address> Supplies the author s contact information, typically at the beginning or end of a document. It is not to be used for all postal addresses, unless the address is provided as the contact information for the author of the document. Notes In HTML5, the address element may apply to a specific section or article within a document (as defined by the new section and article elements, respectively). Required/Required 22 HTML and XHTML Pocket Reference
31 Core, Internationalization, Events, HTML5 Global Example <address> Contributed by <a href=" /robbins/"> Jennifer Robbins</a>, <a href=" O'Reilly Media</a> </address> applet HTML 4.01 <applet>... </applet> Embeds a Java applet on the page. The applet element may contain a number of param elements that provide further instructions or parameters. Notes Deprecated (with all its attributes) in HTML 4.01 and XHTML 1.0. Not in HTML5. In HTML5, this element and its attributes have been omitted entirely (in favor of object). The applet element is still supported by browsers and is expected to be for the foreseeable future. Some applets require the use of applet. Required/Required Core align="left right top middle bottom" Aligns the applet and allows text to wrap around it (same as image alignment). alt="text" Provides alternate text if the applet cannot be displayed. archive="urls" Provides a space-separated list of URLs with classes to be preloaded. applet 23
32 code="class" Required. Specifies the class name of the code to be executed. codebase="url" Specifies the URL from which the applet code is retrieved. height="number" Specifies the height of the initial applet display area in pixels. hspace="number" Deprecated. Specifies the number of pixels of clear space to the left and right of the applet window. name="text" Deprecated in XHTML 1.0. Names the applet for reference from elsewhere on the page. object="text" Names a resource containing a serialized representation of an applet s state. Use either code or object in an applet element, but not both. vspace="number" Deprecated. Specifies the number of pixels of clear space above and below the applet window. width="number" Required. Width of the initial applet display area in pixels. Example <applet code="wacky.class" width="300" height="400"> <param name="delay" value="250"> <param name="time" value="120"> <param name="playsounds" value="yes"> </applet> area HTML 4.01 HTML5 HTML: <area>; XHTML: <area/> or <area /> The area element is used within the map element of a client-side image map to define a specific clickable ( hot ) area. 24 HTML and XHTML Pocket Reference
33 This is an empty element. In HTML, the end tag is forbidden. In XHTML, the element must be closed with a trailing slash as just shown. Developers may include a space character before the slash for backward compatibility with older browsers. Core, Internationalization, Events, Focus, HTML5 Global alt="text" Required. Specifies a short description of the image that is displayed when the image file is not available. coords="values" Specifies a list of comma-separated pixel coordinates that define a hot area of an image map. href="uri" Specifies the location of the document or resource that is accessed by clicking on the defined area. hreflang="language code" HTML5 only. Specifies the language of the target document. media="all aural braille handheld print projection screen tty tv" HTML5 only. Describes the media (e.g., screen, handheld, speech, print, etc.) for which the target document was designed. The default is all. nohref="nohref" Not in HTML5. Defines a mouse-sensitive area in an image map for which there is no action when the user clicks in the area. ping="urls" HTML5 only. Specifies a list of URLs that have to be contacted when the link is followed, useful for user tracking. rel="relationships" HTML5 only. Establishes one or more relationships between the current document and the target document in a spaceseparated list. Common relationships include stylesheet, area 25
34 next, prev, copyright, index, and glossary (see a element listing for complete list of values.) shape="rect circle poly default" Defines the shape of the clickable area. target="text" Specifies the name of the window or frame in which the target document should be displayed. type="mime type" Specifies the media or content type (MIME type) of the linked content for example, text/html. Example (HTML) See also map. <area shape="rect" coords="203,23,285,106" href= nasa.gov alt=""> Example (XHTML) <area shape="rect" coords="203,23,285,106" href= nasa.gov alt="" /> article HTML5 <article>... </article> Represents a self-contained piece of content, such as a magazine article, blog post, reader comment, or other content that is intended to be independently distributable, reusable, or used in syndication. article elements may be nested, such as for comments associated with a blog post. Notes HTML5 only. The publication date or time of an article may be provided with the new time element with the pubdate attribute. See the time listing for more information. Required/Required 26 HTML and XHTML Pocket Reference
35 HTML5 Global Example <article> <header> <h1>further Research</h1> <p><time pubdate datetime=" t03:13"></time> </p> <p>an introduction to the topic...</p> </header> <p>content of the article starts...</p> <p>and another paragraph in the article.</p> <footer>copyright 2010 Jane Author</footer> </article> aside HTML5 <aside>... </aside> Represents content that is tangentially related to the surrounding content (a section, article, or other content flow), such as pull quotes, lists of links, advertising, and other content typically presented as a sidebar. Notes HTML5 only. Required/Required HTML5 Global Example <article> <h1>important Experiment Findings</h1> <p>first paragraph...</p> <p>second paragraph...</p> <aside> <h1>for Further Reading</h1> aside 27
36 <ul> <li><a href="">interesting Article</a></li> <li><a href="">another Interesting Article</a></li> </ul> </aside> </article> audio HTML5 <audio>... </audio> Embeds a sound file media in the web page without requiring a plugin. The content of the audio element can be used by agents that don t support the element. Notes HTML5 only. There is still debate regarding the supported audio format for the audio element (mainly open source Ogg Vorbis versus proprietary, yet more popular, formats such as.mp3). It is currently supported by Firefox 3.5+, Safari 3.2+, and Opera Chrome support is upcoming. Internet Explorer has not published plans to support audio. Required/Required HTML5 Global autobuffer (or autobuffer="autobuffer" in XHTML5) Tells the user agent (browser) that the media file is likely to be used and should be readily available autoplay (or autoplay="autoplay" in XHTML5) Plays the media file automatically controls (or controls="controls" in XHTML5) Indicates that the user agent (browser) should display a set of playback controls for the media file 28 HTML and XHTML Pocket Reference
37 loop (or loop="loop" in XHTML5) Indicates that the media file should start playing again automatically once it reaches the end src="url" Specifies the location of the media file Examples See also source. <audio src="beachmusic.ogg" autoplay controls> This browser doesn't support <code>audio</code> elements. </audio> b HTML 4.01 HTML5 <b>... </b> Renders the enclosed text in a bold font. Authors are advised to use the strong element when semantically correct. Notes In HTML5, the b element is slightly redefined as text that is emboldened without intending any extra importance, such as a keyword or a product name. Required/Required Core, Internationalization, Events, HTML5 Global Example Turn left onto <b>blackstone Blvd.</b>. b 29
38 base HTML 4.01 HTML5 HTML: <base>; XHTML: <base/> or <base /> Specifies the base pathname for all relative URLs in the document. Place this element within the head of the document. This is an empty element. In HTML, the end tag is forbidden. In XHTML, the element must be closed with a trailing slash as just shown. Developers may include a space character before the slash for backward compatibility with older browsers. href ="URI" Required in HTML Specifies the absolute URI that acts as the base URI for resolving relative URIs. id="text" XHTML and HTML5 only. Assigns a unique identifying name to the element. target ="name" Defines the default target window for all links in the document. Example (HTML) <head> <title>sample document</title> <base href=" </head> Example (XHTML) <head> <title>sample document</title> <base href=" /> </head> 30 HTML and XHTML Pocket Reference
39 basefont HTML 4.01 HTML: <basefont>; XHTML: <basefont/> or <basefont /> Specifies certain font attributes for the content that follows it. It can be used within the head element to apply to the entire document or within the body of the document to apply to the subsequent text. This element is strongly discouraged from use in favor of style sheets for font control. Notes Deprecated in HTML 4.01 and XHTML 1.0. Not in HTML5. This is an empty element. In HTML, the end tag is forbidden. In XHTML, the element must be closed with a trailing slash as just shown. id="text" Assigns a name to an element. This name must be unique in a document. color="#rrggbb" or "color name" Deprecated. Sets the color of the following text. face="typeface" (or list of typefaces) Deprecated. Sets the font for the following text. size="number" Deprecated. Sets the base font size using size values from 1 to 7 (or relative values based on the default value of 3). Subsequent relative size settings are based on this value. Example (HTML) <head> <basefont face="verdana, Helvetica, sans-serif"> </head> basefont 31
40 Example (XHTML) <head> <basefont face="verdana, Helvetica, sans-serif" /> </head> bdo HTML 4.01 HTML5 <bdo>... </bdo> Stands for bidirectional override and is used to indicate a selection of text that reads in the opposite direction than the surrounding text. For instance, in a left-to-right reading document, the bdo element may be used to indicate a selection of Hebrew text that reads right to left (rtl). Required/Required Core, Events (XHTML only), HTML5 Global dir="ltr rtl" Required. Indicates whether the selection should read left to right (ltr) or right to left (rtl). lang="language code" Specifies the language of the element using a language code abbreviation. xml:lang="text" XHTML only. Specifies languages in XML documents using a language code abbreviation. Example <bdo dir="ltr">english phrase in otherwise Arabic text. </bdo> 32 HTML and XHTML Pocket Reference
41 big HTML 4.01 <big>... </big> By default, big sets the font size slightly larger than the surrounding text. This is an example of presentational HTML that should be avoided in favor of semantic markup and style sheets for presentation. Notes Not in HTML5. Required/Required Core, Internationalization, Events Example Check out our <big>low prices</big>! blockquote HTML 4.01 HTML5 <blockquote>... </blockquote> Indicates a long quotation. Its content is some number of blocklevel elements, such as paragraphs. Notes In HTML5, the blockquote element is also a sectioning root, meaning it indicates a section that may have its own outline. That means that heading levels used within blockquote elements will not contribute to the overall outline of the page. Required/Required Core, Internationalization, Events, HTML5 Global blockquote 33
42 cite="uri" Provides a link to information about the source from which the quotation was borrowed. Example body <blockquote cite=" <h1>fascinating Evidence</h1> <p>this is the beginning of a lengthy quoted passage (text continues... ) </p> <p>and it is still going on and on (text continues... )</p> </blockquote> <body>... </body> HTML 4.01 HTML5 The body of a document contains the document s content. Content may be presented visually (as in a graphical browser window) or aurally (by a screen reader). There may only be one body element in a document. In HTML documents, it is optional; in XHTML it is required. Notes All of the presentational attributes for the body are deprecated in (X)HTML and have been dropped from HTML5 in favor of style sheet controls. HTML 4.01 and 5: Optional/Optional; XHTML: Required/ Required Core, Internationalization, Events; plus onload and onunload HTML5 Global ; plus onafterprint, onbeforeprint, onbeforeunload, onblur, onerror, onfocus, onhashchange, onload, onmessage, onoffline, ononline, onpagehide, onpageshow, onpopstate, onredo, onresize, onstorage, onundo, and onunload alink="#rrggbb" or "color name" Deprecated. Not in HTML5. Sets the color of active links (the color while the mouse button is held down during a click). 34 HTML and XHTML Pocket Reference
43 background="url" Deprecated. Not in HTML5. Provides the location of a graphic file to be used as a tiling graphic in the background of the document. bgcolor="#rrggbb" or "color name" Deprecated. Not in HTML5. Sets the color of the background for the document. link="#rrggbb" or "color name" Deprecated. Not in HTML5. Sets the default color for all the links in the document. text="#rrggbb" or "color name" Deprecated. Not in HTML5. Sets the default color for all the nonhyperlink and unstyled text in the document. vlink="#rrggbb" or "color name" Deprecated. Not in HTML5. Sets the color of the visited links (links that have already been followed) for the document. Example <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " <html> <head> <title>document Title</title> </head> <body> <p>content of document... </p> </body> </html> br HTML 4.01 HTML5 HTML: <br>; XHTML: <br/> or <br /> Inserts a line break in the content, such as in a poem or postal address. This is an empty element. In HTML, the end tag is forbidden. In XHTML, the element must be closed with a trailing slash as just br 35
44 shown. Developers may include a space character before the slash for backward compatibility with older browsers. Core, HTML5 Global clear="none left right all" Deprecated. Not in HTML5. Specifies where the next line should appear after the line break in relation to floated elements (such as an image that has been floated to the left or right margin). The default, none, causes the next line to start where it would normally. The value left starts the next line below any floated objects on the left margin. Similarly, right starts the next line below floated objects on the right margin. The value all starts the next line below floats on both margins. Example (HTML) <p>o'reilly Media<br> 1005 Gravenstein Highway North<br> Sebastopol, CA 95472</p> Example (XHTML) <p>o'reilly Media<br /> 1005 Gravenstein Highway North<br /> Sebastopol, CA 95472</p> button HTML 4.01 HTML5 <button>... </button> Used as part of a form, defines a button that functions similarly to buttons created with the input element but allows for richer rendering possibilities. Buttons can contain content such as text and images (but not image maps). Required/Required Core, Internationalization, Events, Focus, HTML5 Global 36 HTML and XHTML Pocket Reference
45 autofocus (autofocus="autofocus" in XHTML) HTML5 only. Indicates the control should have focus (be highlighted and ready for user input) when the document loads. disabled (disabled="disabled" in XHTML) Disables the control for user input. It can be altered only via a script. Browsers may display disabled controls differently (grayed out, for example), which could be useful for dimming certain controls until required info is supplied. form="id of the form owner" HTML5 only. Explicitly associates the input control with its associated form (its form owner). With this method, the input control does not need to be a child of the form element that applies to it. formaction="url" HTML5 only. Specifies the application that will process the form. It is used only with a submit button (input type="submit") and has the same function as the action attribute for the form element. formenctype="content type" HTML5 only. Specifies how the form values are encoded with the post method type. It is used only with a submit button (input type="submit") and has the same function as the enctype attribute for the form element. The default is Internet Media Type (application/x-www-form-urlencoded). The value multipart/form-data should be used in combination with the file input type. formmethod="get post put delete" HTML5 only. Specifies which HTTP method will be used to submit the form data. It is used only with a submit button (input type="submit") and has the same function as the method attribute for the form element. The put and delete values are new in HTML5. formnovalidate="url" HTML5 only. Indicates that the form is not to be validated during submission. It is used only with a submit button (input button 37
46 type="submit") and has the same function as the novalidate attribute for the form element (new in HTML5). formtarget="name" HTML5 only. Specifies the target window for the form results. It is used only with a submit button (input type="submit") and has the same function as the target attribute for the form element. name="text" Required. Assigns the control name for the element. type="submit reset button" Identifies the type of button: submit button (the default type), reset button, or custom button (used with JavaScript), respectively. value="text" Assigns the value to the button control. The behavior of the button is determined by the type attribute. Example <button type="reset" name="reset"><img src="thumbs-down. gif" alt="thumbs-down icon" /> Try again.</button> canvas HTML5 <canvas>... </canvas> Represents a two-dimensional area that can be used for rendering dynamic bitmap graphics, such as graphs or games. The image on the canvas is generated with scripts. Notes HTML5 only. The canvas element is one of the better supported HTML5 features, with basic support in Firefox 2.0+, Safari 3.1+, Chrome 1.0+, and Opera 9.0. Support is promised in Internet Explorer 9, but in the meantime, many developers use the ExplorerCanvas workaround (excanvas.sourceforge.net). A task force has been assembled to address the accessibility issues related to canvas to improve usability for the visually impaired. 38 HTML and XHTML Pocket Reference
47 Required/Required HTML5 Global height="number" Specifies the height of the canvas area in CSS pixels. width="number" Specifies the width of the canvas area in CSS pixels. Example <html> <head> <script type="application/x-javascript"> function draw() { var canvas = document.getelementbyid("box"); var ctx = canvas.getcontext("2d"); ctx.fillstyle = "rgb(163, 120, 240)"; ctx.fillrect (55, 50, 75, 100); } </script> </head> <body onload="draw()"> <canvas id="box" width="250" height="250"></canvas> </body> </html> caption HTML 4.01 HTML5 <caption>... </caption> Provides a summary of a table s contents or purpose. The caption element must immediately follow the table start tag and precede all other table elements. The align attribute is deprecated in favor of the CSS caption-side property for caption positioning. Note In HTML5, if a table is in a dd element in a figure, use the dt element for the table caption instead. caption 39
48 Required/Required Core, Internationalization, Events, HTML5 Global align="top bottom left right" Deprecated. Not in HTML5. Positions the caption relative to the table. The default position is top. Example See also table listing. <table> <caption>a brief description of the data in this table.</caption> <tr> <td>data</td><td>data</td> </tr> </table> center HTML 4.01 <center>... </center> Centers its contents horizontally in the available width of the page or the containing element. Use of this element is strongly discouraged in favor of style sheets for centering elements. Notes Deprecated in HTML 4.01/XHTML. Not in HTML5. Required/Required Core, Internationalization, Events 40 HTML and XHTML Pocket Reference
49 Example <center> <h1>introduction</h1> <p>once upon a time... </p> </center> cite HTML 4.01 HTML5 <cite>... </cite> Denotes the title of a work a reference to another work, especially books, magazines, articles, and so on. Required/Required Core, Internationalization, Events, HTML5 Global Example <p>recipe from <cite>food & Wine Magazine</cite>.</p> code HTML 4.01 HTML5 <code>... </code> Denotes a fragment of computer code that appears as an inline (phrasing) element. Required/Required Core, Internationalization, Events, HTML5 Global Example <p>dom reference: <code>document.getelementbyid</code></p> code 41
This tutorial has been designed for beginners in HTML5 to make them understand the basicto-advanced
About the Tutorial HTML5 is the latest and most enhanced version of HTML. Technically, HTML is not a programming language, but rather a markup language. In this tutorial, we will discuss the features of
More informationCSI 3140 WWW Structures, Techniques and Standards. Markup Languages: XHTML 1.0
CSI 3140 WWW Structures, Techniques and Standards Markup Languages: XHTML 1.0 HTML Hello World! Document Type Declaration Document Instance Guy-Vincent Jourdan :: CSI 3140 :: based on Jeffrey C. Jackson
More informationintroduction to XHTML
introduction to XHTML XHTML stands for Extensible HyperText Markup Language and is based on HTML 4.0, incorporating XML. Due to this fusion the mark up language will remain compatible with existing browsers
More informationCHAPTER 2 MARKUP LANGUAGES: XHTML 1.0
WEB TECHNOLOGIES A COMPUTER SCIENCE PERSPECTIVE CHAPTER 2 MARKUP LANGUAGES: XHTML 1.0 Modified by Ahmed Sallam Based on original slides by Jeffrey C. Jackson reserved. 0-13-185603-0 HTML HELLO WORLD! Document
More informationQUICK REFERENCE GUIDE
QUICK REFERENCE GUIDE New Selectors New Properties Animations 2D/3D Transformations Rounded Corners Shadow Effects Downloadable Fonts @ purgeru.deviantart.com WHAT IS HTML5? HTML5 is being developed as
More informationName Related Elements Type Default Depr. DTD Comment
Legend: Deprecated, Loose DTD, Frameset DTD Name Related Elements Type Default Depr. DTD Comment abbr TD, TH %Text; accept-charset FORM %Charsets; accept FORM, INPUT %ContentTypes; abbreviation for header
More informationJAVASCRIPT BASICS. Handling Events In JavaScript. In programing, event-driven programming could be a programming
Handling s In JavaScript In programing, event-driven programming could be a programming paradigm during which the flow of the program is set by events like user actions (mouse clicks, key presses), sensor
More informationIntroduction to HTML5
Introduction to HTML5 History of HTML 1991 HTML first published 1995 1997 1999 2000 HTML 2.0 HTML 3.2 HTML 4.01 XHTML 1.0 After HTML 4.01 was released, focus shifted to XHTML and its stricter standards.
More informationProgrammazione Web a.a. 2017/2018 HTML5
Programmazione Web a.a. 2017/2018 HTML5 PhD Ing.Antonino Raucea antonino.raucea@dieei.unict.it 1 Introduzione HTML HTML is the standard markup language for creating Web pages. HTML stands for Hyper Text
More informationAppendix A. XHTML 1.1 Module Reference
Appendix A XHTML 1.1 Module Reference 2 How to Do Everything with HTML & XHTML XHTML 1.1 represents a major step by the W3C in moving away from the often-disorderly world of HTML to the organized and orderly
More informationDuke Library Website Preliminary Accessibility Assessment
Duke Library Website Preliminary Accessibility Assessment RAW OUTPUT FROM CYNTHIASAYS December 15, 2011 Michael Daul, Digital Projects Developer Digital Experience Services HiSoftware Cynthia Says - Web
More informationModule 2 (III): XHTML
INTERNET & WEB APPLICATION DEVELOPMENT SWE 444 Fall Semester 2008-2009 (081) Module 2 (III): XHTML Dr. El-Sayed El-Alfy Computer Science Department King Fahd University of Petroleum and Minerals alfy@kfupm.edu.sa
More informationINTRODUCTION TO HTML5! HTML5 Page Structure!
INTRODUCTION TO HTML5! HTML5 Page Structure! What is HTML5? HTML5 will be the new standard for HTML, XHTML, and the HTML DOM. The previous version of HTML came in 1999. The web has changed a lot since
More informationTHIRD EDITION CSS. Pocket Reference. Eric A. Meyer. Beijing Cambridge Farnham Köln Paris Sebastopol Taipei Tokyo
THIRD EDITION CSS Pocket Reference Eric A. Meyer Beijing Cambridge Farnham Köln Paris Sebastopol Taipei Tokyo CSS Pocket Reference, Third Edition by Eric A. Meyer Copyright 2008 O Reilly Media, Inc. All
More informationChapter 2:- Introduction to XHTML. Compiled By:- Sanjay Patel Assistant Professor, SVBIT.
Chapter 2:- Introduction to XHTML Compiled By:- Assistant Professor, SVBIT. Outline Introduction to XHTML Move to XHTML Meta tags Character entities Frames and frame sets Inside Browser What is XHTML?
More informationSymbols INDEX. !important rule, rule, , 146, , rule,
Symbols!important rule, 209 @import rule, 140-144, 146, 155-156, 157 @media rule, 155-156 A element. See anchors abbr attribute, 36-37 element, 87, 90-91 absolute positioning, 177, 178, 182,
More informationHTML CS 4640 Programming Languages for Web Applications
HTML CS 4640 Programming Languages for Web Applications 1 Anatomy of (Basic) Website Your content + HTML + CSS = Your website structure presentation A website is a way to present your content to the world,
More informationCOPYRIGHTED MATERIAL. Contents. Chapter 1: Creating Structured Documents 1
59313ftoc.qxd:WroxPro 3/22/08 2:31 PM Page xi Introduction xxiii Chapter 1: Creating Structured Documents 1 A Web of Structured Documents 1 Introducing XHTML 2 Core Elements and Attributes 9 The
More informationIndex. CSS directive, # (octothorpe), intrapage links, 26
Holzschlag_.qxd 3/30/05 9:23 AM Page 299 Symbols @import CSS directive, 114-115 # (octothorpe), intrapage links, 26 A a element, 23, 163, 228 abbr element, 228 absolute keywords for font sizing, 144 absolute
More informationHTML. Mohammed Alhessi M.Sc. Geomatics Engineering. Internet GIS Technologies كلية اآلداب - قسم الجغرافيا نظم المعلومات الجغرافية
HTML Mohammed Alhessi M.Sc. Geomatics Engineering Wednesday, February 18, 2015 Eng. Mohammed Alhessi 1 W3Schools Main Reference: http://www.w3schools.com/ 2 What is HTML? HTML is a markup language for
More informationJSF - H:INPUTSECRET. Class name of a validator that s created and attached to a component
http://www.tutorialspoint.com/jsf/jsf_inputsecret_tag.htm JSF - H:INPUTSECRET Copyright tutorialspoint.com The h:inputsecret tag renders an HTML input element of the type "password". JSF Tag
More informationHTML TUTORIAL ONE. Understanding What XHTML is Not
HTML TUTORIAL ONE Defining Blended HTML, XHTML and CSS HTML: o Language used to create Web pages o Create code to describe structure of a Web page XHTM: o Variation of HTML o More strictly defines how
More informationHTML Summary. All of the following are containers. Structure. Italics Bold. Line Break. Horizontal Rule. Non-break (hard) space.
HTML Summary Structure All of the following are containers. Structure Contains the entire web page. Contains information
More informationCPET 499/ITC 250 Web Systems. Topics
CPET 499/ITC 250 Web Systems Lecture on HTML and XHTML, Web Browsers, and Web Servers References: * Fundamentals of Web Development, 2015 ed., by Randy Connolly and Richard Hoar, from Pearson *Chapter
More informationCS144 Notes: Web Standards
CS144 Notes: Web Standards Basic interaction Example: http://www.youtube.com - Q: what is going on behind the scene? * Q: What entities are involved in this interaction? * Q: What is the role of each entity?
More informationHTML. HTML Evolution
Overview stands for HyperText Markup Language. Structured text with explicit markup denoted within < and > delimiters. Not what-you-see-is-what-you-get (WYSIWYG) like MS word. Similar to other text markup
More informationHTML TAG SUMMARY HTML REFERENCE 18 TAG/ATTRIBUTE DESCRIPTION PAGE REFERENCES TAG/ATTRIBUTE DESCRIPTION PAGE REFERENCES MOST TAGS
MOST TAGS CLASS Divides tags into groups for applying styles 202 ID Identifies a specific tag 201 STYLE Applies a style locally 200 TITLE Adds tool tips to elements 181 Identifies the HTML version
More informationInternet Explorer HTML 4.01 Standards Support Document
[MS-HTML401]: Intellectual Property Rights Notice for Open Specifications Documentation Technical Documentation. Microsoft publishes Open Specifications documentation ( this documentation ) for protocols,
More informationROLE OF WEB BROWSING LAYOUT ENGINE EVALUATION IN DEVELOPMENT
INFORMATION AND COMMUNICATION TECHNOLOGIES ROLE OF WEB BROWSING LAYOUT ENGINE EVALUATION IN DEVELOPMENT PROCESS OF MORE USABLE WEB INFORMATION SYSTEM Gatis Vitols, Latvia University of Agriculture gatis.vitols@llu.lv;
More informationWhat is XHTML? XHTML is the language used to create and organize a web page:
XHTML Basics What is XHTML? XHTML is the language used to create and organize a web page: XHTML is newer than, but built upon, the original HTML (HyperText Markup Language) platform. XHTML has stricter
More informationCanvas & Brush Reference. Source: stock.xchng, Maarten Uilenbroek
Canvas & Brush Reference Source: stock.xchng, Maarten Uilenbroek Canvas Hierarchy WACanvas WAHtmlCanvas WARenderCanvas WAStaticHtmlCanvas Brush Hierarchy WABrush WACompound WADateInput WATimeInput WATagBrush
More informationReview of HTML. Chapter Pearson. Fundamentals of Web Development. Randy Connolly and Ricardo Hoar
Review of HTML Chapter 3 Fundamentals of Web Development 2017 Pearson Fundamentals of Web Development http://www.funwebdev.com - 2 nd Ed. What Is HTML and Where Did It Come from? HTML HTML is defined as
More informationFUNDAMENTALS OF WEB DESIGN (46)
8 Pages Contestant Number Time Rank FUNDAMENTALS OF WEB DESIGN (46) Regional 2010 Points Section Possible Awarded 20 Questions @ 5pts. 100 pts Application (Subj.) 100 pts TOTAL POINTS 200 pts Failure to
More informationCOPYRIGHTED MATERIAL. Contents. Introduction. Chapter 1: Structuring Documents for the Web 1
Introduction Chapter 1: Structuring Documents for the Web 1 A Web of Structured Documents 1 Introducing HTML and XHTML 2 Tags and Elements 4 Separating Heads from Bodies 5 Attributes Tell Us About Elements
More informationTechno Expert Solutions An institute for specialized studies!
HTML5 and CSS3 Course Content to WEB W3C and W3C Members Why WHATWG? What is Web? HTML Basics Parts in HTML Document Editors Basic Elements Attributes Headings Basics Paragraphs Formatting Links Head CSS
More informationDocument Object Model. Overview
Overview The (DOM) is a programming interface for HTML or XML documents. Models document as a tree of nodes. Nodes can contain text and other nodes. Nodes can have attributes which include style and behavior
More informationThe [HTML] Element p. 61 The [HEAD] Element p. 62 The [TITLE] Element p. 63 The [BODY] Element p. 66 HTML Elements p. 66 Core Attributes p.
Acknowledgments p. xix Preface p. xxi Web Basics Introduction to HTML p. 3 Basic HTML Concepts p. 4 HTML: A Structured Language p. 7 Overview of HTML Markup p. 11 Logical and Physical HTML p. 13 What HTML
More informationChapter 10: Understanding the Standards
Disclaimer: All words, pictures are adopted from Learning Web Design (3 rd eds.) by Jennifer Niederst Robbins, published by O Reilly 2007. Chapter 10: Understanding the Standards CSc2320 In this chapter
More informationIndex LICENSED PRODUCT NOT FOR RESALE
Index LICENSED PRODUCT NOT FOR RESALE A Absolute positioning, 100 102 with multi-columns, 101 Accelerometer, 263 Access data, 225 227 Adding elements, 209 211 to display, 210 Animated boxes creation using
More informationXHTML. XHTML stands for EXtensible HyperText Markup Language. XHTML is the next generation of HTML. XHTML is almost identical to HTML 4.
3 XHTML What is XHTML? XHTML stands for EXtensible HyperText Markup Language XHTML is the next generation of HTML XHTML is aimed to replace HTML XHTML is almost identical to HTML 4.01 XHTML is a stricter
More informationMODULE 2 HTML 5 FUNDAMENTALS. HyperText. > Douglas Engelbart ( )
MODULE 2 HTML 5 FUNDAMENTALS HyperText > Douglas Engelbart (1925-2013) Tim Berners-Lee's proposal In March 1989, Tim Berners- Lee submitted a proposal for an information management system to his boss,
More informationAdvanced Web Programming C2. Basic Web Technologies
Politehnica University of Timisoara Advanced Web Programming C2. Basic Web Technologies 2013 UPT-AC Assoc.Prof.Dr. Dan Pescaru HTML Originally developed by Tim Berners-Lee in 1990 at CERN (Conseil Européen
More informationMarkup Language. Made up of elements Elements create a document tree
Patrick Behr Markup Language HTML is a markup language HTML markup instructs browsers how to display the content Provides structure and meaning to the content Does not (should not) describe how
More informationHTML Overview. With an emphasis on XHTML
HTML Overview With an emphasis on XHTML What is HTML? Stands for HyperText Markup Language A client-side technology (i.e. runs on a user s computer) HTML has a specific set of tags that allow: the structure
More informationCertified HTML5 Developer VS-1029
VS-1029 Certified HTML5 Developer Certification Code VS-1029 HTML5 Developer Certification enables candidates to develop websites and web based applications which are having an increased demand in the
More informationAnnouncements. Paper due this Wednesday
Announcements Paper due this Wednesday 1 Client and Server Client and server are two terms frequently used Client/Server Model Client/Server model when talking about software Client/Server model when talking
More informationHTML HTML/XHTML HTML / XHTML HTML HTML: XHTML: (extensible HTML) Loose syntax Few syntactic rules: not enforced by HTML processors.
HTML HTML/XHTML HyperText Mark-up Language Basic language for WWW documents Format a web page s look, position graphics and multimedia elements Describe document structure and formatting Platform independent:
More informationHTML: The Basics & Block Elements
HTML: The Basics & Block Elements CISC 282 September 13, 2017 What is HTML? Hypertext Markup Language Markup language "Set of words or symbols" Assigns properties to text Not actually part of the text
More informationGRAPHIC WEB DESIGNER PROGRAM
NH128 HTML Level 1 24 Total Hours COURSE TITLE: HTML Level 1 COURSE OVERVIEW: This course introduces web designers to the nuts and bolts of HTML (HyperText Markup Language), the programming language used
More informationWeb Development & Design Foundations with XHTML. Chapter 2 Key Concepts
Web Development & Design Foundations with XHTML Chapter 2 Key Concepts Learning Outcomes In this chapter, you will learn about: XHTML syntax, tags, and document type definitions The anatomy of a web page
More informationAs we design and build out our HTML pages, there are some basics that we may follow for each page, site, and application.
Extra notes - Client-side Design and Development Dr Nick Hayward HTML - Basics A brief introduction to some of the basics of HTML. Contents Intro element add some metadata define a base address
More informationNEW WEBMASTER HTML & CSS FOR BEGINNERS COURSE SYNOPSIS
NEW WEBMASTER HTML & CSS FOR BEGINNERS COURSE SYNOPSIS LESSON 1 GETTING STARTED Before We Get Started; Pre requisites; The Notepad++ Text Editor; Download Chrome, Firefox, Opera, & Safari Browsers; The
More informationINTRODUCTION TO WEB USING HTML What is HTML?
Geoinformation and Sectoral Statistics Section (GiSS) INTRODUCTION TO WEB USING HTML What is HTML? HTML is the standard markup language for creating Web pages. HTML stands for Hyper Text Markup Language
More informationText and Layout. Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 11. This presentation 2004, MacAvon Media Productions
Text and Layout Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 11 This presentation 344 345 Text in Graphics Maximum flexibility obtained by treating text as graphics and manipulating
More informationJSF - H:SELECTONERADIO
JSF - H:SELECTONERADIO http://www.tutorialspoint.com/jsf/jsf_selectoneradio_tag.htm Copyright tutorialspoint.com The h:selectoneradio tag renders a set of HTML input element of type "radio", and format
More informationTutorial 1 Getting Started with HTML5. HTML, CSS, and Dynamic HTML 5 TH EDITION
Tutorial 1 Getting Started with HTML5 HTML, CSS, and Dynamic HTML 5 TH EDITION Objectives Explore the history of the Internet, the Web, and HTML Compare the different versions of HTML Study the syntax
More informationCompuScholar, Inc. Alignment to Utah's Web Development I Standards
Course Title: KidCoder: Web Design Course ISBN: 978-0-9887070-3-0 Course Year: 2015 CompuScholar, Inc. Alignment to Utah's Web Development I Standards Note: Citation(s) listed may represent a subset of
More informationJSF - H:SELECTONEMENU
JSF - H:SELECTONEMENU http://www.tutorialspoint.com/jsf/jsf_selectonemenu_tag.htm Copyright tutorialspoint.com The h:selectonemenu tag renders an HTML input element of the type "select" with size not specified.
More informationFundamentals of Website Development
Fundamentals of Website Development CSC 2320, Fall 2015 The Department of Computer Science In this chapter History of HTML HTML 5-2- 1 The birth of HTML HTML Blows and standardization -3- -4-2 HTML 4.0
More informationWeb Development IB PRECISION EXAMS
PRECISION EXAMS Web Development IB EXAM INFORMATION Items 53 Points 73 Prerequisites COMPUTER TECHNOLOGY Grade Level 10-12 Course Length ONE YEAR Career Cluster INFORMATION TECHNOLOGY Performance Standards
More informationSections and Articles
Advanced PHP Framework Codeigniter Modules HTML Topics Introduction to HTML5 Laying out a Page with HTML5 Page Structure- New HTML5 Structural Tags- Page Simplification HTML5 - How We Got Here 1.The Problems
More informationWeb Design and Application Development
Yarmouk University Providing Fundamental ICT Skills for Syrian Refugees (PFISR) Web Design and Application Development Dr. Abdel-Karim Al-Tamimi altamimi@yu.edu.jo Lecture 02 A. Al-Tamimi 1 Lecture Overview
More informationIndex. alt, 38, 57 class, 86, 88, 101, 107 href, 24, 51, 57 id, 86 88, 98 overview, 37. src, 37, 57. backend, WordPress, 146, 148
Index Numbers & Symbols (angle brackets), in HTML, 47 : (colon), in CSS, 96 {} (curly brackets), in CSS, 75, 96. (dot), in CSS, 89, 102 # (hash mark), in CSS, 87 88, 99 % (percent) font size, in CSS,
More informationWindow Interface. get only ApplicationCache window.applicationcache. get only boolean window.closed
HTML-5.com HTML-5.com is an HTML User's Guide and quick reference of HTML elements and attributes for web developers who code HTML web pages, not only for HTML 5 but for HTML coding in general, with demos
More information5-Sep-16 Copyright 2016 by GemTalk Systems LLC 1
So far we have identified the specific Seaside messages to create particular HTML constructs in an adhoc manner as needed for particular features. Now we will attempt a more systematic approach by looking
More informationChapter 1 Self Test. LATIHAN BAB 1. tjetjeprb{at}gmail{dot}com. webdesign/favorites.html :// / / / that houses that information. structure?
LATIHAN BAB 1 Chapter 1 Self Test 1. What is a web browser? 2. What does HTML stand for? 3. Identify the various parts of the following URL: http://www.mcgrawhill.com/books/ webdesign/favorites.html ://
More informationBeginning Web Programming with HTML, XHTML, and CSS. Second Edition. Jon Duckett
Beginning Web Programming with HTML, XHTML, and CSS Second Edition Jon Duckett Beginning Web Programming with HTML, XHTML, and CSS Introduction............................................... xxiii Chapter
More informationCertified HTML Designer VS-1027
VS-1027 Certification Code VS-1027 Certified HTML Designer Certified HTML Designer HTML Designer Certification allows organizations to easily develop website and other web based applications which are
More informationSummary 4/5. (contains info about the html)
Summary Tag Info Version Attributes Comment 4/5
More informationIt is possible to create webpages without knowing anything about the HTML source behind the page.
What is HTML? HTML is the standard markup language for creating Web pages. HTML is a fairly simple language made up of elements, which can be applied to pieces of text to give them different meaning in
More informationHistory of the Internet. The Internet - A Huge Virtual Network. Global Information Infrastructure. Client Server Network Connectivity
History of the Internet It is desired to have a single network Interconnect LANs using WAN Technology Access any computer on a LAN remotely via WAN technology Department of Defense sponsors research ARPA
More informationIntroduction to using HTML to design webpages
Introduction to using HTML to design webpages #HTML is the script that web pages are written in. It describes the content and structure of a web page so that a browser is able to interpret and render the
More informationXHTML & CSS CASCADING STYLE SHEETS
CASCADING STYLE SHEETS What is XHTML? XHTML stands for Extensible Hypertext Markup Language XHTML is aimed to replace HTML XHTML is almost identical to HTML 4.01 XHTML is a stricter and cleaner version
More informationWireframe :: tistory wireframe tistory.
Page 1 of 45 Wireframe :: tistory wireframe tistory Daum Tistory GO Home Location Tags Media Guestbook Admin 'XHTML+CSS' 7 1 2009/09/20 [ ] XHTML CSS - 6 (2) 2 2009/07/23 [ ] XHTML CSS - 5 (6) 3 2009/07/17
More informationHTML & CSS. SWE 432, Fall 2017 Design and Implementation of Software for the Web
HTML & CSS SWE 432, Fall 2017 Design and Implementation of Software for the Web HTML: HyperText Markup Language LaToza Language for describing structure of a document Denotes hierarchy of elements What
More informationNew Media Production HTML5
New Media Production HTML5 Modernizr, an HTML5 Detection Library Modernizr is an open source, MIT-licensed JavaScript library that detects support
More informationInternet publishing HTML (XHTML) language. Petr Zámostný room: A-72a phone.:
Internet publishing HTML (XHTML) language Petr Zámostný room: A-72a phone.: 4222 e-mail: petr.zamostny@vscht.cz Essential HTML components Element element example Start tag Element content End tag
More information('cre Learning that works for Utah STRANDS AND STANDARDS WEB DEVELOPMENT 1
STRANDS AND STANDARDS Course Description Web Development is a course designed to guide students in a project-based environment, in the development of up-to-date concepts and skills that are used in the
More informationIntro to html. --- define every element, attribute, and entity along with the rules for their use
Notes September 14, 2010 Intro to html replace with your document's title
More informationHTML5. Language of the Modern Web. By: Mayur Agrawal. Copyright TIBCO Software Inc.
HTML5 Language of the Modern Web By: Mayur Agrawal Copyright 2000-2015 TIBCO Software Inc. Content Exploring prior standards Why HTML5? HTML5 vs HTML4 Key Features of HTML5 HTML5 and Technical Writing
More informationWeb Publishing Basics I
Web Publishing Basics I Jeff Pankin Information Services and Technology Contents Course Objectives... 2 Creating a Web Page with HTML... 3 What is Dreamweaver?... 3 What is HTML?... 3 What are the basic
More informationContinues the Technical Activities Originated in the WAP Forum
XHTML Mobile Profile Candidate Version 1.1 16 Aug 2004 Open Mobile Alliance OMA-WAP-V1_1-20040816-C Continues the Technical Activities Originated in the WAP Forum OMA-WAP-V1_1-20040816-C Page 2 (34) Use
More informationFundamentals: Client/Server
Announcements Class Web Site: http://www.cs.umd.edu/projects/passport/classes/summer2008/ You can find this link at the end of the main passport site http://www.cs.umd.edu/projects/passport/webpage/ E-mail
More informationLearning Objectives. Review html Learn to write a basic webpage in html Understand what the basic building blocks of html are
HTML CSCI311 Learning Objectives Review html Learn to write a basic webpage in html Understand what the basic building blocks of html are HTML: Hypertext Markup Language HTML5 is new standard that replaces
More informationChapter 1 Getting Started with HTML 5 1. Chapter 2 Introduction to New Elements in HTML 5 21
Table of Contents Chapter 1 Getting Started with HTML 5 1 Introduction to HTML 5... 2 New API... 2 New Structure... 3 New Markup Elements and Attributes... 3 New Form Elements and Attributes... 4 Geolocation...
More information1.264 Lecture 12. HTML Introduction to FrontPage
1.264 Lecture 12 HTML Introduction to FrontPage HTML Subset of Structured Generalized Markup Language (SGML), a document description language SGML is ISO standard Current version of HTML is version 4.01
More information1/6/ :28 AM Approved New Course (First Version) CS 50A Course Outline as of Fall 2014
1/6/2019 12:28 AM Approved New Course (First Version) CS 50A Course Outline as of Fall 2014 CATALOG INFORMATION Dept and Nbr: CS 50A Title: WEB DEVELOPMENT 1 Full Title: Web Development 1 Last Reviewed:
More informationScripting for Multimedia LECTURE 1: INTRODUCING HTML5
Scripting for Multimedia LECTURE 1: INTRODUCING HTML5 HTML An acronym for Hypertext Markup Language Basic language of WWW documents HTML documents consist of text, including tags that describe document
More informationBrief Intro to HTML. CITS3403 Agile Web Development. 2018, Semester 1
Brief Intro to HTML CITS3403 Agile Web Development 2018, Semester 1 Some material Copyright 2013 Pearson Education, Inc. Publishing as Pearson Addison-Wesley. Origins and Evolutions of HTML HTML was defined
More informationCSC309 Tutorial CSS & XHTML
CSC309 Tutorial CSS & XHTML Lei Jiang January 27, 2003 1 CSS CSC309 Tutorial --CSS & XHTML 2 Sampel XML Document
More informationCS 350 COMPUTER/HUMAN INTERACTION. Lecture 6
CS 350 COMPUTER/HUMAN INTERACTION Lecture 6 Setting up PPP webpage Log into lab Linux client or into csserver directly Webspace (www_home) should be set up Change directory for CS 350 assignments cp r
More informationWant to add cool effects like rollovers and pop-up windows?
Chapter 10 Adding Interactivity with Behaviors In This Chapter Adding behaviors to your Web page Creating image rollovers Using the Swap Image behavior Launching a new browser window Editing your behaviors
More informationIntroduction to DHTML
Introduction to DHTML HTML is based on thinking of a web page like a printed page: a document that is rendered once and that is static once rendered. The idea behind Dynamic HTML (DHTML), however, is to
More informationFull file at New Perspectives on HTML and CSS 6 th Edition Instructor s Manual 1 of 13. HTML and CSS
New Perspectives on HTML and CSS 6 th Edition Instructor s Manual 1 of 13 HTML and CSS Tutorial One: Getting Started with HTML 5 A Guide to this Instructor s Manual: We have designed this Instructor s
More informationAdvanced HTML Scripting WebGUI Users Conference
Advanced HTML Scripting 2004 WebGUI Users Conference XHTML where did that x come from? XHTML =? Extensible Hypertext Markup Language Combination of HTML and XML More strict than HTML Things to Remember
More informationHTML. Hypertext Markup Language. Code used to create web pages
Chapter 4 Web 135 HTML Hypertext Markup Language Code used to create web pages HTML Tags Two angle brackets For example: calhoun High Tells web browser ho to display page contents Enter with
More informationMake a Website. A complex guide to building a website through continuing the fundamentals of HTML & CSS. Created by Michael Parekh 1
Make a Website A complex guide to building a website through continuing the fundamentals of HTML & CSS. Created by Michael Parekh 1 Overview Course outcome: You'll build four simple websites using web
More informationCS105 Course Reader Appendix A: HTML Reference
Stanford CS106E Young CS105 Course Reader Appendix A: HTML Reference Tag Index by Section The tags are listed in one of nine sections as shown below: Character Appearance Elements , Bold
More informationHTML5 - INTERVIEW QUESTIONS
HTML5 - INTERVIEW QUESTIONS http://www.tutorialspoint.com/html5/html5_interview_questions.htm Copyright tutorialspoint.com Dear readers, these HTML5 Interview Questions have been designed specially to
More informationUnderstanding the Web Design Environment. Principles of Web Design, Third Edition
Understanding the Web Design Environment Principles of Web Design, Third Edition HTML: Then and Now HTML is an application of the Standard Generalized Markup Language Intended to represent simple document
More information