I.         II. HTTP Resource Addressing (URL & URI)  URL stands for Uniform Resource Locator. A URL is a formatted text string used by Web browsers, email clients  and other software to identify a network resource on the Internet. Network resources are files that can be plain  Web pages, other text documents, graphics, or programs.    4 parts of URL (    1. Scheme / Network protocol ‐ The 'protocol' substring defines a network protocol to be used to access a  resource.  2. Hostname or address ‐ The 'host' substring identifies a computer or other network device. Hosts come from  standard Internet databases such as DNS and can be names or IP addresses.    3. File or resource location ‐ The 'location' substring contains a path to one specific network resource on the  host. Resources are normally located in a host directory or folder.  4. Query string. If a query string is used, it follows the path component, and provides a string of information  that the resource can use for some purpose (for example, as parameters for a search or as data to be  processed). =?queryshit   
A URI is a standard global identifier for an Internet resource that may be local or remotelyaccessible. URIs follow the same general syntax as URLs; in fact, URLs are one type of URI.

HTTP Fundamentals 


Such identification enables interaction with representations of the web resource over a network (typically the  World Wide Web) using specific protocols.                                                        HTTP Request and Response Message Structures    Message Types  Request and Response messages use the generic format of RFC 822 for transferring entities. Both types  of message consist of a start‐line, zero or more header fields knows as headers, an empty line indicating  the end of the header fields, and possibly a message body.    Generic‐message = start‐line            *(message‐header CRLF)            CRLF            [ message‐body ]  Start‐line       = Request‐Line | Status‐Line    Request message – message request sent by the client to the server.   Request = Request‐Line  *(general | request | entity header) CRLF) CRLF)   [message‐ body]     Request Line – the first line of a request message. It begins with a method token, followed by the request URI  and the protocol version ending with a CRLF.   Request‐Line = (Method SP Request‐URI SP HTTP‐Version CRLF)   e.g. GET HTTP/1.1     Response – response sent by the Server once a HTTP request message is received and interpreted.   Response = Status Line*((general | response | entity header) CRLF) CRLF)          [message‐body]     Status Line – the first line of a response message. Which consists of the HTTP‐Version followed by the Status‐ code and the associated textual phrase.   Status Line = (HTTP‐Version SP Status‐code SP Reason‐Phrase CRLF)   

k. separators.    TRACE‐ used to invoke a remote.    DELETE‐ requests that the origin server delete the resource identified by the Request‐URI. stored as XML.a. application‐layer loop‐ back of the request message. from a web resource. V.  WebDAV Extensions  PROPFIND ‐ used to retrieve properties. and entity‐header  fields.a. follow the same generic format as that given in RFC 822. WebDAV supports both shared and exclusive locks. directory hierarchy) of a remote system.k. response‐header. and quoted-string> IV.    POST‐ used to request that the origin server accept the entity enclosed in the request as a new  subordinate of the resource identified by the Request‐URI in the Request‐Line.    PUT‐ requests that the enclosed entity be stored under the supplied Request‐URI. which include general‐header.    CONNECT‐ use with a proxy that can dynamically switch to being a tunnel.  PROPPATCH ‐ used to change and delete multiple properties on a resource in a single atomic act  MKCOL ‐ used to create collections (a.  UNLOCK ‐ used to remove a lock from a resource    HTTP Message Headers and Message Header Categories                                      . Message Body          Message Length        General Header Fields        HTTP Methods (Standard and WebDAV Extensions)  Standard    GET‐ means retrieve whatever information (in the form of an entity) is identified by the Request‐URI.    HEAD‐ identical to GET except that the server MUST NOT return a message‐body in the response.Message Headers    HTTP header fields. a directory)  COPY ‐ used to copy a resource from one URI to another  MOVE ‐ used to move a resource from one URI to another  LOCK ‐ used to put a lock on a resource.    OPTIONS‐ represents a request for information about the communication options available on the  request/response chain identified by the Request‐URI. It is also overloaded to  allow one to retrieve the collection structure (a.   message-header field-name field-value field-content = = = = field-name ":" [ field-value ] token *( field-content | LWS ) <the OCTETs making up the field-value and consisting of either *TEXT or combinations of token. request‐header.

VI. HTTP Status Code and Status Code Categories      .

 end  tag. and values  assigned  must  be  surrounded  by  quotation  marks.  Restrictive subset of XML and needs to be parsed with  standard XML parsers.  . the  language in which web pages are written. . Differences between HTML and XHTML  HTML    XHTML  XHTML (Extensible HyperText Markup Language) is a family  of XML markup languages that mirror or extend versions of  the widely used Hypertext Markup Language (HTML).htm  text/html  World Wide Web Consortium &  WHATWG  Markup language  SGML  HyperText Markup Language  Application of Standard Generalized  Markup Language (SGML). HTML 4.  The  difference  opening  declarations  for  a  document  distinguishes HTML and XHTML.  empty  elements  without  end  tags.xhtml. . All elements including variables must  be in lower case.  It  does  not  allow  omission  of  any  tags  or  use  of  attribute  minimization. (Tag is a keyword which is enclosed within angle brackets). It allows images and objects to be embedded to  create  interactive  forms.  HTML 2.  It  is  written  as  tags  surrounded  by  angle  brackets  ‐  for  example.HTML/XHTML  I.html. it would be required to write <br  /> in XHTML. HTML element is everything that  lies between and including tags. (X)HTML Fundamentals  Overview of HTML and XHTML  HTML  is  the  predominant  mark  up  language  for  web  pages.html. HTML  5.0  have  three  sub  specifications  –  strict. while <br> is valid in HTML.xml. element attributes given within tags and actual.     Features of HTML vs XHTML documents  HTML  documents are composed of elements that have three components‐ a pair of element tags – start tag. HTML 3.  The  declaration  of  DOCTYPE  would  determine  rules  for  documents to follow. links. Other differences are syntactic.  Web pages are written in HTML.  This  is  a  mandatory  requirement  in  XHTML  unlike  HTML  where  it  is  optional. lists.  Flexible framework requiring lenient  HTML specific parser.1. XHTML 2.  XHTML 1. .  closed  and  nested  for  being  recognized.2.   XHTML documents has only one root element.     XHTML vs HTML Specification   HTML and XHTML are closely related and therefore can be documented together.  HTML  creates  structured  documents  by  denoting  structural semantics for text like headings.  World Wide Web Consortium Recommendation in 2000.0.htm  application/xhtml+xml  World Wide Web Consortium  Markup language  XML.  <html>. . XHTML 1. XHTML 5.  Scripts  in  languages like JavaScript can also be loaded.   XHTML  is  a  family  of  XML  languages  which  extend  or  mirror  versions  of  HTML.  .01 and XHTML 1. HTML  Extensible Hypertext Markup Language  Application of XML  Extended version of HTML that is stricter and XML‐based.  XHTML  uses  built  in  language  defining  functionality  attribute.     II.  Proposed by Tim Berners‐Lee in  1987.  loose  and  frameset.  Yes  Introduction  (from  Wikipedia)  Filename  extension  Internet media  type  Developed by  Type of format  Extended from  Stands for  Application  Function  Nature  Origin  Versions  Open format?      HyperText Markup Language is the  main markup language for  developing web pages and other  information that can be displayed in  a web browser. HTML allows shortcuts like elements with optional  tags.  XHTML  requires  that  there  be  an  end  tag  to  every  start  tag  and  all  nested  tags must be closed in the right order. quotes etc. textual and graphic content.  All  syntax  requirements  of  XML  are  included  in  a  well  formed  XHTML  document. For example.  XHTML  is  very  strict  about  opening  and  closing  tags.  Yes  . Both HTML 4. .xht.

  2. Comments  (X)HTML Document Structure  HTML  1. STYLE TAG – Set the style of the document  10. HEAD TAG ‐ The <head> and </head> tags identify the document's head area.  8. </html> is the last line of coding in your document.  9. BODY TAG – Tags around the contents of your web page  XHTML (same same as HTML)  <!DOCTYPE .                   IV. DOCTYPE DECLARATION ‐ the first part of coding that you should enter in your HTML"> <head> <title>. The information between  these two tags is not visible on your page. Character Entity References...III. The <html> tag goes in the line right under your DOCTYPE  declaration. These tags identify the  document's contents as HTML to the browser. and Attributes                                        .  5.</body> </html> V. META TAG – Provide info about your page.</title> </head> <body>. CHARACTER ENCODING – A meta tag tells the browser which character set the web page uses.     (X)HTML Document Component  ‐ DOCTYPEs and DTDs.> <html xmlns="http://www. SCRIPT TAG – Describe what type of script to be used by the browser. Elements...  4. HTML TAG ‐ All HTML documents contain a <html> and </html> pair of tags. Elements.  6.. TITLE TAG ‐ The title tag creates the page title that is seen in the title bar of the web page.w3.  3. Attributes..  7.           Common (X)HTML. LINK TAG – Link other documents.

   Selector syntax – chain of 1 or more sequences of simple selector separated by combinations.CSS(Cascading Style Sheets)  I. With an  external style sheet.    ‐ Structure of CSS Rule Sets          IV. Internal SS ‐ An internal style sheet should be used when a single document has a unique style. Inline Styles). with one  pseudo element. by using the <style> tag. followed by a declaration locks which contains zero or more  semi‐colon  separated declarations which in turn consists of a property name followed by a colon. you can change the look of an entire Web site by changing one file. Embedded Styles. The <link> tag goes inside the head  section. User Styles.   USER STYLES –    USER AGENT STYLE SHEETS ‐ User agent style sheets are the default sets of declarations applied by  the user agent.  2.    ‐ CSS Media Types and Media Groups  CSS Fundamentals          III. followed by  property value. CSS Selectors  Selector – structure used or a condition to determine which element in the document tree are matched  by the selector or targeted by the formatting specified.   Sequence of simple selectors – chain of simple selectors not separated by combinations  Group of selectors – comma separated list of selectors  . Each  page must link to the style sheet using the <link> tag.                       II. Sources of Styles for (X)HTML Documents  ‐ Author Styles(External Stylesheets. External SS ‐ An external style sheet is ideal when the style is applied to many pages.  3. Inline S ‐ An inline style loses many of the advantages of style sheets by mixing content with  presentation. User Agent Styles    AUTHOR STYLES  1.  You define internal styles in the head section of an HTML page. CSS Statements  ‐ @ Rules   @charset  @import  @media  @page    ‐ CSS Rule Sets  Consists of a selector.

g. Negation pseudo class  :not()    CSS Rule Precedence based on Origin.  [‐moz‐ .  Shorthand Properties  e. ‐webkit‐ …]          .V. Type   ‐ p. User action pseudo classes  :hover  :active  :focus  iii. UI element states pseudo classes  :enabled  :checked  :disabled  :indeterminate  vi. Dynamic pseudo classes  i. and Order  1. By specificity   inline style   number of attributes in the selector   number of other attributes an pseudo elements in the selector   number of element names and pseudo  elements in the selector  3. Language pseudo classes  :lang()  iv.   Simple selectors   1. ID    ‐ represented by #  6. By origin and importance   user important declarations   author important declarations   author normal declarations   user normal declarations   user agent  2.  [font family. Importance. h1. Target pseudo class  :target – css3  v. Specificity. Class  ‐ represented by .g.  5. By order    CSS Declarations  ‐ CSS Properties  a. Universal  ‐ represented by *  3. Vendor‐Specific Extensions  e. h2  2. Pseudo class  a. Structural pseudo classes  :root     :first – child    :only – child    :nth – last – child    :first – of – type           :last – of – type    :only – of – type    :nth – of – type    :empty  vii. Attribute   ‐ []  4. Link pseudo classes                                      :link  :visited  ii. font size…]  b.

Categories of CSS Property Values  a.                 VII. Length Units. Colors. URLs and URIs. Keywords. Numbers. Strings  Common CSS Properties and Values  .VI. Percentage. Counters.