Non element markup constructs
|
|
- Percival Powell
- 5 years ago
- Views:
Transcription
1 <script> I s I* I <base> I Document structure <html> B N <head> I <body> B N The main content Margin: 8px; <title> I The documents title or and will be the Highly ranked Make unique for every page name link-text Text on the title-bar Only name = <meta> I 'description' is useful Indicates explicit relationship between this document <link> I and other resources. As such there are many good uses! External style <style> I sheets are usually best <noscript> <basefont> D D I Use CSS Non element markup constructs <?xml?> Basic s I <!DOCTYPE> I <!-- --> I <![CDATA[ ]]> D D D D s I XML declaration What flavour of (X)HTML is used? Code comment Unparsed character data Unobtrusive DOM-scripts, please! Keep scripts external Unnecessary with unobtrusive scripting techniques! Forbidden in XHTML 5. Test for capabilities, not browsers! Not ignored by true XML parsers! Ignored by MSIE for scripts Better skip. It will put MSIE <= 6 in quirks mode and is NOT obligatory. In theory best place to specify encoding for offline usage of an XHTML document. Required in every version since HTML 2.0! Use richly while learning and developing Use for inline JavaScript in XHTML Will control standards compliance or quirks mode MSIE has conditional comments Opera may ignore CSS if MIME is true XHTML Script may have output Page 1 Version: 1.09
2 Basic <abbr> I N Abbreviation All acronyms are abbreviations. Make sure they are not confused with Not in MSIE <acronym> I N Acronym links. CSS-speech: Spell out initialisms. <mark> I N Hypertext <a> I N Link Basic semantics <h1> to <h6> B N Heading Large bold text, Use in correct order Highly ranked gradually smaller. Margin-top/bottom The hgroup element represents the heading of a <hgroup> B N section. The element is used to group a set of h1 h6 elements when the heading has multiple levels, such as subheadings, alternative titles, or taglines. <p> B N Paragraph Margin-top: 1em; Emphasized Usually spoken Do not equate with <em> I N Italics text louder italics Emphasised words may get Strongly emphasised text really loud! Usually spoken Do not equate with <strong> I N higher ranking. Bolder bold abbr[title], acronym[title] { borderbottom: dotted 1px; ] <blockquote> B N Longer quote Do not equate with Indented right and indentation left. <q> I N Short quote No quotation marks in MSIE Quotation marks <cite> I N Who is cited Not the quote as such Italics <ins> I* N Inserted text Better turn underlining off Underlined <del> I* N Deleted text Strike through <dfn> I N Defined word Italics <h> B N Heading Use with section Probably like h1, h2, etc. Marked or highlighted text Link text should be understandable out of context. May contain block elements in (X)HTML 5. In future, use to highlight matches to search string Any element with an id can replace its use as anchor rel= nofollow means it will not increase targets page rank. rel= canonical marks the preferred URL for a resource. Blue underlined text. Images get a blue border. Page 2 Version: 1.09
3 Basic <section> B R <article> B N <aside> B N <header> B N <footer> B N <figure> B R <headings> Page structure <div> B N Part of page Avoid divitis Is a semantic element available? Avoid spanmania <span> I N If so, use that instead. May override B N <pre> Preformatted width in MSIE <hr> B R Do not use for Color' for MSIE, Thematic visual purposes 'background-color' A bar break only. for Gecko <address> B N Always use hcard for addresses, but Contact information in combination with <address> for contact info. Italics Document or application section Section takes priority over h1-h6 Does not equal <div> Stand alone capable section tangentially related to the content The header element represents a group of introductory or navigational aids. A header element ues for id or class Today: Good val- typically contains the section's attributes! heading (an h1 h6 element or an hgroup element), but can also contain other content, such as a table of contents, a search form, or any relevant logos. Footer for a section Caption will prob- Proposed re- Paragraph ably be mandated. with a caption Content may be a image. Set a heading placement for misuse of fieldset' <listing> D B <xmp> D B (Parsed as CDA- TA, preserved whitespace) Page 3 Version: 1.09
4 Basic Visual formatting <br> I N (Line break) Line break May be only option for a WYSI- May get a sligthly <b> I N Bolder <i> I N WYG editor elevated rank Italics <sub> I N Subscript <sup> I N E.g. Use with simple math, footnotes, and when part of language idiom. Superscript <big> I N Bigger ( Smallprint <small> I N in (X)HTML Smaller 5) <tt> I N Fixed width font <center> D D D D B N Use CSS Centers everything! <font> D D D D s I N Changes font settings Avoid underlining <u> D D D D I N always (even with CSS), since it will Underlined look like a link. <s> D D D D I N <strike> D D D D I N Use CSS or <del> Strike through <nobr> I N Use CSS instead NS 4 proprietary, No line breaks in but works in all cell <wbr> I N MSIE proprietary Suggestion for line break. Page 4 Version: 1.09
5 Basic T N Table body T N Table footer <col> T I Table column T I Tables <table> T N Tabular data Describe format with summary Not for layout Visible borders <tr> T N Table row <th> T N Heading for Use scope or Table cell with row or column headers/id bold, centered text <td> T N Table data A table cell <caption> T N Often a good idea Centered above Table caption Hard to style to have the table <thead> T N Table head Repeats on each page when printing <tbody> <tfoot> <colgroup> Group of columns Can be used instead of grouping <tr> with the class attribute MSIE needs this one for dynamically created tables MSIE catches too many style-rules! Safari does not support colgroup Page 5 Version: 1.09
6 Basic Forms (& application-type elements) <form> B N A form Do not emulate Normally use the Spiders do not links POST method 'follow' forms <input> I R Input widget Input widget (Almost) every form control should Explanation have a label. Significant increase of <label> I N for form-controls clickable area for checkboxes and radio buttons. Tip: add CSS-rule cursor: pointer; <textarea> I R Enter text Textarea widget Flexible button JS for progressive <button> I R Button widget enhancement <fieldset> B N <legend> B N Group of form-elements Logical groups of form controls increase usability It might be repeated for each Heading for group of form control in speech elements synthesis. Border, maybe rounded corners Text in the top border <select> I R Multiple selects are confusing Menus done with Drop down list <option> R Multiple select widgets will choice input not be followed by Item in such list <optgroup> R Used sensibly spiders Group of such they help items (Expands to "This is a searchable <isindex> D D D D B R index." + A <form> Precursor of form containing textfield between <input>) two <hr> Page 6 Version: 1.09
7 All elements Basic Web applications <command> I R A command the user can invoke <datalist> I A list of suggested values for a form control. Use with <option>. <output> I Advisory or transient information... (D. Goodman) Considered to be a form control for the purposes of the DOM (Spec) <details> B N Additional information or controls which the user can obtain on demand <menu> D D D D B N List of commands. Returns in (X)HTML 5, with a wider usage than pure navigation. <meter> I R/N A scalar measurement within a known range. <progress> I R/N A progress bar. (Do not confuse with <meter>) <time> I N A date and/or time of day <keygen> I R A key pair generator control No browser support this yet (2008- Button, radiobutton or checkbox 08-04) Opera 9 is the first browser to support these, but that support is only preliminary. Most functionality can be implemented through JavaScript. Currently (June -09) only supported by Gecko and Opera Unstyled text Like <ul> Not decided as of Jan -07 Selectable list of key sizes. Page 7 Version: 1.09
8 Basic B N Lists Unordered Do not use for indentation only dentation Bullet list, left in- <ul> B N list Lists should be B N Ordered list used as much as Numbered list, left <ol> possible. Many indentation <li> B N List item things, e.g. Item in list <dl> B N Definition list Menus, are really W3C says use for Definition lists. List are easy dialogue and other Used for define <dt> B N term to scan and easy not obvious purposes, others dis- Google 40px left indenta- commands in Definition to see. <dd> B N data agree. tion <di> B N Groups <dt> and <dd> <nl> B N Navigation list <nav> Navigation section Will replace skip links. Not really a list. Put here for comparison with <nl>. Use ARIA landmark roles and skiplinks today. Bots will (in the future) know that navigation is not primary content. No support yet ( ) <dir> D D D D B N Directory listing Use <ul> or <ol> Like <ul> Coding & formulas Use with CSSrule: <code> I N white-space: Syntax highlight Computer code pre; or the pre element with CSS-classes Monospaced Not (only) a variable <var> I N Variable data in program- Italics ming <kbd> I N Represents user input Monospaced <samp> I N Output from computer Monospaced Page 8 Version: 1.09
9 Basic Objects, multimedia, etc. <img> The alt attribute Do use the alt-attribute, but wisely orative images. Use CSS for dec- I R Image will be indexed for (An image) image searches <object> I* R <param> I (object that normally requres a plug in) Provide fallback content Use (X)HTML, CSS and DOMscripts if possible. Content in objects usually will not be indexed Often bad support for fallback content. MSIE will treat as ActiveX. Already supported by many, but not MSIE <canvas> I* R drawing (Animation, video, <embed> I R Allowed in HTML sound) 5, but still inferior I* I to <object> (Fallback for embed) <noembed> Controls may be <audio> I R Audio stream Ogg, Vorbis and shown Theora must be Video or Video + controls <video> I R supported. Apple movie may be shown likes QT, MSIE Alternative formats for <audio> or <video>, where <source> I wma/wmv the UA chooses the best one <applet> D D D D I R Use <object> Java applet <map> I Avoid imagemaps! If you must have <area> I one, use the title attribute! (Animation, applet, etc) Animation blank until script starts MSIE proprietary, <marquee> B N Avoid flickering Do not use. Use but supported by Scrolling text unobtrusive DOMscripts for behav- most <blink> I N Avoid flickering iour. NS proprietary, Blinking text works in Opera <bgsound> I A nuisance! Use the object element MSIE proprietary Plays a sound Frames <frameset> B N <frame> B R Do not use frames! If you must, use the title attribute! New nested Consider using <object> instead of iframe. Only option for rich HTML 5 introduces <iframe> B R browsing context Gecko <= text editing in seamless frames <noframes> B I Provide meaningful content and links to the framed content. Not you need a better browser! Page 9 Version: 1.09
10 Basic Miscellaneous <bdo> I N (Stop treat <plaintext> D B N code as HTML) <ruby> I N Ruby overall container <rbc>? I N Ruby base container <rtc>? I N Ruby text container <rb>? I N Ruby base <rt> I N Ruby text <rp> Uncommon proprietary elements <layer> <nolayer> <ilayer> <comment> <xml> <multicol> <spacer> I N Denotes fallback characters for ruby (inline layer) Do think about i18n issues (DHTML layer + fallback) DHTML era practices stink! (Alternative to <!-- -->) (XML data island) Use CSS Probably better to use CSS Keep it forgotten! For some uses, see CDATA. Forget these! There never will be a situation where they will solve any real problem. CSS 3 will have columns MSIE only Used to be some, but who cares? MSIE 5+ is currently the only browser that has support for ruby, but it is not complete. Monospaced NS 4 proprietary, not supported by any other browser (partial in Safari) (Used to be like iframe) MSIE proprietary, contents will be shown in all other browsers but Opera! Anonymous elements will be part of the DOM in HTML 5. NS 3 and 4 proprietary (Used to be: enders content in evenly spaced columns) (Used to be like a spacer gif) Page 10 Version: 1.09
11 All elements Basic Official information: Key and explanations HTML 2.0 spec In standard spec D Deprecated or discouraged = Do not use! HTML 4.01 tags Will maybe be in (X)HTML 5, but not yet documented. XHTML s Sometimes available depending upon serialization or other factors. XHTML basic Block/Inline/Table refers to default CSS rendering and nesting rules. Elements that have "display: inline" but may contain block elements have been marked "I*" XHTML Mobile XHMTL 2.0 tags (dropped from table above) Normal/Invisible/Replaced also refers to CSS treatment of the element. Some elements might be more than one. The normal case is listed. Server events Useful links Web Forms Ruby annotations (not included in table above) meiert.com/en/indices/html-elements/ XHTML Print (not included in table above) simon.html5.org/html5-elements Xframes dev.w3.org/html5/html4-differences/overview.html Background and intended use The recommendations in the table above represents the personal opinion of Lars Gunther, although valuable suggestions have been provided by April Siegfried, Christian Montoya, Alexey Feldgendler and Simon Pieters. This list is intended to be used as a reference while coding (or seeing other's code) and as notes for learning (X)HTML. Strict doctypes that are supported by the browsers of today is recommended for normal web pages. Knowledgeable authors may of course start experimenting with (X)HTML 5. Proprietary elements are included for reference if stumbled upon. A few are included as examples of where (X)HTML might be heading in the future. Book references Dynamic HTML: The definitive reference, Third Edition, by Danny Goodman. Sebastopol, CA, USA: O'Reilly Media, ISBN: Page 11 Version: 1.09
12 All elements Basic HTML 3.0 elements not in table above elements not in table above Structural module Xforms module Blockcode Action Separator Delete Accessibilty module Dispatch Access Group <abbrev> Turned into abbr Text module Load <app> Synonym for applet L (line of text) Message <au> Synonym for <author> List module Model <author> Author Di (defintion item) Output <banner> Special element for ads (+ some more uses)! Should not scroll. Today: position: fixed; Events module Range <bg> Sort of like blockquote ev:listener Rebuild <credit> Who is quoted with <bg> or who has made an image shown with <fig> Handler module Recalculate <fig> Advanced alternative to img. Revived (in changed form) in (X)HTML 5 as <figure> Handler Refresh <fn> Footnote. Object Module Repeat <hp1><hp2>etc Highlight text in a browser-specified way. Sort of revived as <mark> in (X)HTML 5 Standby Reset <lang> Language Tables Revalidate <lh> List header Summary Secret <math> Equation or formula (had lots of sub-elements) Xframes Select1 <nextid> Deprecated already by RFC 1866 (5.2.6) but actually supported by MSIE 4+ (sic!) Frames Send <note> Explanatory note outside of text flow. May be revived in (X)HTML 5 Group Setfocus <overlay> Used with fig Setindex <person> Signifies that it is a name Setvalue <range> Defines a range within the document Submit <spot> The spot tag can be used to specify a location in the document where there is no tag. Switch <tab> Tabulator Trigger Upload Elements that have been part of the HTML 5 editors draft at one point, but dropped <datatemplate> The datatemplate element brings together the various rules that form a data template. The element doesn't itself do anything exciting. <rule> The rule element represents a template of content that is to be used for elements when updating an element's generated content. <nest> The nest element represents a point in a template where the user agent should recurse and start inserting the children of the data node that matches the rule in which the nest eleme <eventsource> <datagrid> <bb> Server side events Interactive representation of tree, list, or tabular data Browser Button an UA command that the user can invoke <dialog> Conversations, irc-logs and Shakespeare Page 12 Version: 1.09
13 Basic Updates Changed <m> to <mark> Added seamless option to iframes, <command>,<bb>; datatemplates. Changed <event-source> to <eventsource>. Added elements to. basic. Mobile dropped <keygen> is HTML 5 approved Added hgroup (HTML 5). Redefined header (HTML 5). Made clear that frames and font are not part of HTML 5. Note that underlining should always be avoided. rel="canonical" added to <a>. Added info about eventsource (Including Comet). Notes and commentary updated throughout. Dropped datatemplates More detailed explanations. Print stylesheet, version is shown. <base> allowed in XHTML 5 (spec change) <basefont> is deprecated in HTML 4.01 (fix) Eventsource has been dropped as an element (spec change) <html>, <listing>, <xmp> are B (block elements) (fix) <a> Added "May contain block elements in (X)HTML 5." <noscript>, <ins>, <del> <object>, <noembed> and <canvas> are now marked I* (display: inline, but may contain block elements) (pedagogic change) <embed>, <applet>, <meter>, <progress> and <keygen> are now marked I (inline) (fix) <keygen> is now marked R (replaced) (fix) Ruby elements are not marked inline anymore (blank) (pedagogic change) Ruby elements <rbc>, <rtc> and <rb> marked as? for HTML 5 (Not in spec, maybe never will be?) <isindex> Is more described as they are treated by an HTML 5 parser. (pedagogic change) <layer>, <nolayer>, <ilayer>, <xml>, <multicol>, <spacer> have no information any longer about inline/block or normal/invisible/replaced, since current behavior differs from the original intention (pedagogic change) Expanded info about <isindex> (Block, text appears) (pedagogic change) <details> is N (normal), not I/N/R (pedagogic change) <thead> repeats on each page when printing (fix) Table is now T (not B) (pedagogic change) Datagrid has been removed from HTML 5 Viewport has been redefined in both HTML and XHTML (dropped from this table) Some housekeeping More detail on nav bb has been removed from HTML 5 dialog has been removed from HTML 5 Page 13 Version: 1.09
The [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 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 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 informationOliver Pott HTML XML. new reference. Markt+Technik Verlag
Oliver Pott HTML XML new reference Markt+Technik Verlag Inhaltsverzeichnis Übersicht 13 14 A 15 A 16 ABBR 23 ABBR 23 ACCEPT 26 ACCEPT-CHARSET
More informationHTML: Parsing Library
HTML: Parsing Library Version 4.1.3 November 20, 2008 (require html) The html library provides functions to read html documents and structures to represent them. (read-xhtml port) html? port : input-port?
More informationHTML: Parsing Library
HTML: Parsing Library Version 6.7 October 26, 2016 (require html) package: html-lib The html library provides functions to read conformant HTML4 documents and structures to represent them. Since html assumes
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 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 information@namespace url(http://www.w3.org/1999/xhtml); /* set default namespace to HTML */ /* bidi */
/ BEGIN LICENSE BLOCK Version: MPL 1.1/GPL 2.0/LGPL 2.1 The contents of this file are subject to the Mozilla Public License Version 1.1 (the "License"); you may not use this file except in compliance with
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 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 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 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 informationHTML Markup for Accessibility You Never Knew About
HTML Markup for Accessibility You Never Knew About David Epler dcepler@dcepler.net June 27, 2004 HTML Revisions HTML 2.0 November 1995 Base version everyone learned HTML 3.2 January 1997 Tried to reconcile
More informationDesigning UI. Mine mine-cetinkaya-rundel
Designing UI Mine Çetinkaya-Rundel @minebocek mine-cetinkaya-rundel mine@stat.duke.edu - Web application UI is ultimately HTML/CSS/JavaScript - Let R users write user interfaces using a simple, familiar-looking
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 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 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 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 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 informationHTML and CSS COURSE SYLLABUS
HTML and CSS COURSE SYLLABUS Overview: HTML and CSS go hand in hand for developing flexible, attractively and user friendly websites. HTML (Hyper Text Markup Language) is used to show content on the page
More informationUNIT II Dynamic HTML and web designing
UNIT II Dynamic HTML and web designing HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup language A markup language
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 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 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 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 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 informationEvaluation of alignment methods for HTML parallel text 1
Evaluation of alignment methods for HTML parallel text 1 Enrique Sánchez-Villamil, Susana Santos-Antón, Sergio Ortiz-Rojas, Mikel L. Forcada Transducens Group, Departament de Llenguatges i Sistemes Informàtics
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 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 informationA HTML document has two sections 1) HEAD section and 2) BODY section A HTML file is saved with.html or.htm extension
HTML Website is a collection of web pages on a particular topic, or of a organization, individual, etc. It is stored on a computer on Internet called Web Server, WWW stands for World Wide Web, also called
More information<page> 1 Document Summary Document Information <page> 2 Document Structure Text Formatting <page> 3 Links Images <page> 4
Document Summary Document Information Document Structure Text Formatting Links Images Lists Forms Input Type Attributes Select Attributes Option Attributes Table Formatting Objects and iframes iframe Attributes
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 informationCascading Style Sheet
Extra notes - Markup Languages Dr Nick Hayward CSS - Basics A brief introduction to the basics of CSS. Contents Intro CSS syntax rulesets comments display Display and elements inline block-level CSS selectors
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 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 informationStatic Webpage Development
Dear Student, Based upon your enquiry we are pleased to send you the course curriculum for PHP Given below is the brief description for the course you are looking for: - Static Webpage Development Introduction
More informationWML2.0 TUTORIAL. The XHTML Basic defined by the W3C is a proper subset of XHTML, which is a reformulation of HTML in XML.
http://www.tutorialspoint.com/wml/wml2_tutorial.htm WML2.0 TUTORIAL Copyright tutorialspoint.com WML2 is a language, which extends the syntax and semantics of the followings: XHTML Basic [ XHTMLBasic ]
More informationBasics of Web Design, 3 rd Edition Instructor Materials Chapter 2 Test Bank
Multiple Choice. Choose the best answer. 1. What element is used to configure a new paragraph? a. new b. paragraph c. p d. div 2. What element is used to create the largest heading? a. h1 b. h9 c. head
More information!Accessibility Issues Found
WCG2- accessibility report for http://www.messiah.edu 207-07-28!ccessibility Issues Found (6,838,98 unique issues affecting 7,45 pages) Overall accessibility compliance Done 53 issues done issues to fix/review
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 informationA Brief Introduction to HTML
A P P E N D I X HTML SuMMAry J A Brief Introduction to HTML A web page is written in a language called HTML (Hypertext Markup Language). Like Java code, HTML code is made up of text that follows certain
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 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 informationTutorial 2 - HTML basics
Tutorial 2 - HTML basics Developing a Web Site The first phase in creating a new web site is planning. This involves determining the site s navigation structure, content, and page layout. It is only after
More informationDeccansoft Software Services
Deccansoft Software Services (A Microsoft Learning Partner) HTML and CSS COURSE SYLLABUS Module 1: Web Programming Introduction In this module you will learn basic introduction to web development. Module
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 informationHTML Cheat Sheet for Beginners
HTML Cheat Sheet for Beginners HTML Cheat Sheet for Beginners Trying to remember every HTML element is like trying to remember all of your personal information, credit card, bank account numbers and your
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 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 informationSection 508C This manual provides basic information on applicable guidelines and best practices for 508 Compliance.
Section 508C This manual provides basic information on applicable guidelines and best practices for 508 Compliance. 1194.22 Web-based intranet and internet information and applications A. Text Equivalent
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 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 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 informationUsing CSS for page layout
Using CSS for page layout Advantages: Greater typographic control Style is separate from structure Potentially smaller documents Easier site maintenance Increased page layout control Increased accessibility
More informationColor: Are the Web pages designed so that all information conveyed with color is also available without color? Reference Section (c).
Checklist for compliance with Section 508 1194.22 - Web-based Intranet and Internet Information and Applications This checklist is intended to be used in conjunction with the Academic Senate approved Guidelines
More informationCSC Web Programming. Introduction to HTML
CSC 242 - Web Programming Introduction to HTML Semantic Markup The purpose of HTML is to add meaning and structure to the content HTML is not intended for presentation, that is the job of CSS When marking
More informationThe figure below shows the Dreamweaver Interface.
Dreamweaver Interface Dreamweaver Interface In this section you will learn about the interface of Dreamweaver. You will also learn about the various panels and properties of Dreamweaver. The Macromedia
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 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 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 informationc122jan2714.notebook January 27, 2014
Internet Developer 1 Start here! 2 3 Right click on screen and select View page source if you are in Firefox tells the browser you are using html. Next we have the tag and at the
More informationLecture : 3. Practical : 2. Course Credit. Tutorial : 0. Total : 5. Course Learning Outcomes
Course Title Course Code WEB DESIGNING TECHNOLOGIES DCE311 Lecture : 3 Course Credit Practical : Tutorial : 0 Total : 5 Course Learning Outcomes At end of the course, students will be able to: Understand
More informationHTML+ CSS PRINCIPLES. Getting started with web design the right way
HTML+ CSS PRINCIPLES Getting started with web design the right way HTML : a brief history ❶ 1960s : ARPANET is developed... It is the first packet-switching network using TCP/IP protocol and is a precursor
More information2.1 Origins and Evolution of HTML
2.1 Origins and Evolution of HTML - HTML was defined with SGML - Original intent of HTML: General layout of documents that could be displayed by a wide variety of computers - Recent versions: - HTML 4.0
More informationProgramming of web-based systems Introduction to HTML5
Programming of web-based systems Introduction to HTML5 Agenda 1. HTML5 as XML 2. Basic body elements 3. Text formatting and blocks 4. Tables 5. File paths 6. Head elements 7. Layout elements 8. Entities
More information2.1 Origins and Evolution of HTML
2.1 Origins and Evolution of HTML - HTML was defined with SGML - Original intent of HTML: General layout of documents that could be displayed by a wide variety of computers - Recent versions: - HTML 4.0
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 informationWeb Accessibility Checklist
Web Accessibility Checklist = Web Content Accessibility Guidelines published by the World Wide Web Consortium (W3C) 508 = Section 508 of the Rehabilitation Act = Both CATE and Moodle take care of the rule
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 informationWCAG2-AAA accessibility report for
WCG2- accessibility report for http://www.messiah.edu 207-07-3 ccessibility Issues Found 30 (7,98,760 unique issues a ecting 7,629 pages) Overall accessibility compliance Done 38 issues done 30 issues
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 informationWeb Designing HTML5 NOTES
Web Designing HTML5 NOTES HTML Introduction What is HTML? HTML is the standard markup language for creating Web pages. HTML stands for Hyper Text Markup Language HTML describes the structure of Web pages
More informationUnderstanding this structure is pretty straightforward, but nonetheless crucial to working with HTML, CSS, and JavaScript.
Extra notes - Markup Languages Dr Nick Hayward HTML - DOM Intro A brief introduction to HTML's document object model, or DOM. Contents Intro What is DOM? Some useful elements DOM basics - an example References
More informationSUB Gfittingen A nd Editi S«BEX- SAN FRANCISCO PARIS DUSSELDORF SOEST LONDON
SUB Gfittingen 213 545 233 2001 A 9390 nd Editi S«BEX- SAN FRANCISCO PARIS DUSSELDORF SOEST LONDON CONTENTS Introduction xxiii Part I Introducing HTML 1 Chapter 1 a Introducing Web Pages and HTML 3 An
More informationCreate web pages in HTML with a text editor, following the rules of XHTML syntax and using appropriate HTML tags Create a web page that includes
CMPT 165 INTRODUCTION TO THE INTERNET AND THE WORLD WIDE WEB By Hassan S. Shavarani UNIT2: MARKUP AND HTML 1 IN THIS UNIT YOU WILL LEARN THE FOLLOWING Create web pages in HTML with a text editor, following
More informationBye Bye. Warning! HTML5 The Future of HTML. Saturday, October 9, All of this may change! The spec is still in development!
HTML5 The Future of HTML Washington University in St. Louis R. Scott Granneman scott@granneman.com www.granneman.com 2009-2010 R. Scott Granneman Last updated 20101009 You are free to use this work, with
More informationHTML5. The Future of HTML. Washington University in St. Louis R. Scott Granneman
HTML5 The Future of HTML Washington University in St. Louis R. Scott Granneman scott@granneman.com www.granneman.com 2009-2010 R. Scott Granneman Last updated 20101009 You are free to use this work, with
More informationc122sep814.notebook September 08, 2014 All assignments should be sent to Backup please send a cc to this address
All assignments should be sent to p.grocer@rcn.com Backup please send a cc to this address Note that I record classes and capture Smartboard notes. They are posted under audio and Smartboard under XHTML
More informationHTML. HTML is now very well standardized, but sites are still not getting it right. HTML tags adaptation
1 HTML HTML is now very well standardized, but sites are still not getting it right HTML tags adaptation HTML 2 HTML = HyperText Markup Language is used for the structural part of web pages Our strategy
More informationWeb Development & Design Foundations with HTML5 & CSS3 Instructor Materials Chapter 2 Test Bank
Multiple Choice. Choose the best answer. 1. What tag pair is used to create a new paragraph? a. b. c. d. 2. What tag pair
More informationBACKGROUND. HTTP is a 2-phase protocol used by most web applications and all web browsers. The response is usually an HTML document
HTML 2 BACKGROUND HTTP is a 2-phase protocol used by most web applications and all web browsers REQUEST: a client/browser asks a server for a resource RESPONSE: the server responds with the resource The
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 informationTable Basics. The structure of an table
TABLE -FRAMESET Table Basics A table is a grid of rows and columns that intersect to form cells. Two different types of cells exist: Table cell that contains data, is created with the A cell that
More informationHTML Hyper Text Markup Language
HTML Hyper Text Markup Language Home About Services index.html about.html services.html Homepage = index.html site root index.html about.html services.html images headshot.jpg charlie.jpg A webpage built
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 informationNAME: name a section of the page TARGET = "_blank" "_parent" "_self" "_top" window name which window the document should go in
Anchor HREF: URL you are linking to Bold Base Address NAME: name a section of the page TARGET = "_blank" "_parent" "_self"
More informationSummary 4/5. (contains info about the html)
Summary Tag Info Version Attributes Comment 4/5
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 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 informationCreating and Setting Up the Initial Content
Creating and Setting Up the Initial Content Creating and Setting Up the Initial Content The following sections outline the steps necessary to create and set up the initial content displayed on the homepage.
More informationMobile MOUSe WEB SITE DESIGN ONLINE COURSE OUTLINE
Mobile MOUSe WEB SITE DESIGN ONLINE COURSE OUTLINE COURSE TITLE WEB SITE DESIGN COURSE DURATION 19 Hours of Interactive Training COURSE OVERVIEW In this 7 session course Debbie will take you through the
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 informationEPiServer s Compliance to WCAG and ATAG
EPiServer s Compliance to WCAG and ATAG An evaluation of EPiServer s compliance to the current WCAG and ATAG guidelines elaborated by the World Wide Web Consortium s (W3C) Web Accessibility Initiative
More informationWeb development using PHP & MySQL with HTML5, CSS, JavaScript
Web development using PHP & MySQL with HTML5, CSS, JavaScript Static Webpage Development Introduction to web Browser Website Webpage Content of webpage Static vs dynamic webpage Technologies to create
More informationWeb Programming and Design. MPT Senior Cycle Tutor: Tamara Week 1
Web Programming and Design MPT Senior Cycle Tutor: Tamara Week 1 What will we cover? HTML - Website Structure and Layout CSS - Website Style JavaScript - Makes our Website Dynamic and Interactive Plan
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 informationCSC 121 Computers and Scientific Thinking
CSC 121 Computers and Scientific Thinking Fall 2005 HTML and Web Pages 1 HTML & Web Pages recall: a Web page is a text document that contains additional formatting information in the HyperText Markup Language
More informationTHIRD EDITION. CSS Cookbook. Christopher Schmitt foreword by Dan Cederholm O'REILLY 8. Beijing Cambridge Farnham Koln Sebastopol Taipei Tokyo
THIRD EDITION CSS Cookbook Christopher Schmitt foreword by Dan Cederholm O'REILLY 8 Beijing Cambridge Farnham Koln Sebastopol Taipei Tokyo Table of Contents Foreword.\..,., xv Preface, xvii 1. Using HTML
More informationCreating Web Pages with SeaMonkey Composer
1 of 26 6/13/2011 11:26 PM Creating Web Pages with SeaMonkey Composer SeaMonkey Composer lets you create your own web pages and publish them on the web. You don't have to know HTML to use Composer; it
More information