DOCSLIB.ORG

THE ULTIMATE HTML CHEAT SHEET by Pushaune

THE ULTIMATE HTML CHEAT SHEET by Pushaune

d | fillOpacity | pathLength | xml:base | xml:lang | xml:space | <kbd> g.attr. <fieldset> name | form | disabled | g.attr. <path> <fePointLight> THE Sectioning content List Keyboard elements or shortcuts Group several controls Generic element to define a shape g.attr. Point light effect tabindex | id | x | y | z <html> xmlns | g.attr. <ul> g.attr. <samp> g.attr. <output> name | form | for | g.attr. <rect> ry | rx | y | x | height | width | g.attr. Top level element of a HTML document Unordered list of items Sample output from a computer program Result of a calculation or user action Rectangle shape SVG <!-- Gradients --> ULTIMATE xlink:href | spreadMethod | x1 | x2 | y1 | y2 <head> g.attr. <ol> reversed | start | type | g.attr. <pre> g.attr. <circle> r | cx | cy | g.attr. <linearGradient> Metadatads about the document Ordered list of items Preformatted text value | type | name | formtarget Circle shape Linear gradient | gradientTransform | gradientUnits | g.attr. <button> | formnovalidate | formmethod | Clickable button formenctype | formaction | name | form onafterprint | onbeforeprint | onbefo- HTML <li> value | g.attr. | disabled | autofocus | g.attr. <ellipse> rx | ry | cx | cy | g.attr. reunload | onblur | onerror | onfocus | Item in a list Ellipse shape xlink:href | spreadMethod | fr | fy | onhashchange | onload | onmessage Auto fermantes <body> <radialGradient> fx | r | cy | cx | gradientTransform | | onoffline | ononline | onpopstate | The HTML’s document content Radial gradient gradientUnits | g.attr. onredo | onresize | onstorage | onundo | <dl> g.attr. <br> g.attr. <line> x1 | x2 | y1 | y2 | g.attr. CHEAT onunload | onlanguagechange | g.attr. Description list Line break in text Line connecting two points Media offset | stop-color | <header> g.attr. <dt> g.attr. <hr> g.attr. <map> name | g.attr. <polygon> points | g.attr. <stop> SHEET Introductory content Term in a <dl> description list Thematic break between paragraph-level elements Image map (a clickable link area) Set of connected straight line segments Ramp of colors to use on a gradient stop-opacity | g.attr. target | shape | rel | referrerpolicy | media | <nav> g.attr. <dd> g.attr. <area> <polyline> points | g.attr. BY Navigation The description of a term in a <dl> description list Data Spot region on a <map> hreflang | href | download | coords | alt | g.attr. Basic shape, creates straight lines connecting several points SVG <!-- Fonts --> volume | src | preload | played | muted | loop horiz-origin-x | horiz-origin-y | horiz-adv-x | <main> g.attr. <progress> max | value | g.attr. <audio> <font> PUShAUNE Content of the document Text-level semantics The completion progress of a task Embed sound content | controls | buffered | autoplay | g.attr. SVG <!-- Container elements --> Defines a font to be used vert-origin-x | vert-origin-y | vert-adv-y | g.attr. href | hreflang | ping | target | ping | referrerpolicy | form | optimum | high | low | min | max x | y | dx | dy | text-anchor | rotate | <aside> g.attr. <a> <meter> <defs> g.attr. <text> Section connected tangentially to the main content Hyperlink rel | type | download | g.attr. Scalar or fractional value | value | g.attr. playsinline | width | poster | height | volume | Reuse of a graphical object Graphics element consisting of text textLength | lengthAdjust | g.attr. <video> src | preload | played | muted | loop | controls | Embed video content crossorigin | buffered | autoplay | g.attr. startOffset | method | spacing | href <section> g.attr. <strong> g.attr. <time> datetime | g.attr. <g> g.attr. <textPath> Standalone section Gives text strong importance Time or date Group of SVG elements Drawn texte in a straight line | g.attr. How HTML works orient | markerHeight | markerWidth Tag’s type <article> g.attr. <b> g.attr. <var> g.attr. <source> media | type | srcset | src | sizes | g.attr. <marker> Self-contained composition No special importance, but in bold Variable Multiple media resources Mark the start, mid and end | refX | refY | markerUnits | g.attr. Start tag Table Attribute srclang | src | label | kind | default | maskContentUnits | height | width | x | y <footer> g.attr. <em> g.attr. <data> g.attr. <track> <mask> <table> g.attr. Footer of the nearest sectioning content Give text stress emphasiss Machine-readable translation Subtitles g.attr. Alpha mask for compositing | maskUnits | g.attr. How to display tabular data <div> g.attr. <i> g.attr. <picture> g.attr. <caption> g.attr. Generic container for flow content No special importance, but in italic Multiple <source> elements for a specific <img> preserveAspectRatio | xlink:href | The title of a table Forms <pattern> patternUnits | patternContentUnits | <tag attr="push"> Graphics object which can be height | width | x | y | patternTransform target | novalidate | name | method | enctype | usemap | srcset | src | sizes | referrerpolicy | longdesc | redrawn <del> cite | datetime | g.attr. <form> <img> | g.attr. <col> span | g.attr. Text Range of text that has been deleted Form container autocomplete | action | accept-charset | g.attr. Image ismap | width | height | crossorigin | alt | g.attr. A column within a table Hello world :) inline tags | block tags | table-cell tags | Global attibutes (g.attr.): class <input> height | width | | id | accesskey | contenteditable | contextmenu | data-* | dir | draggable <h1 - h6> g.attr. <ins> cite | datetime | g.attr. width | value | tabindex | step | src | spellcheck <canvas> <switch> g.attr. <colgroup> span | g.attr. </tag><!-- .push --> Six levels of section headings Range of text that has been added types: button, Element to draw graphics and animations g.attr. Choose between several objects A group of columns within a table | dropzone | hidden | itemid | itemprop | itemref | itemscope | itemtype | checkbox, color, | size | selectionStart | selectionEnd | selection- lang | slot | spellcheck | style | tabindex | title | translate date, datetime- Direction | required | readonly | placeholder | local, email, file, pattern | name | multiple | minlength | maxlength cells | rowIndex | <hgroup> g.attr. <abbr> title | g.attr. hidden, image, <embed> src | type | height | width | g.attr. <tr> Comment tag Multi-level heading Abbreviation | min | max | list | inputmode | height | formtarget Integrate external plug-in A row of a table sectionRowIndex | g.attr. month, number, SVG <!-- Animations --> password, radio, | formnovalidate | formmethod | formenctype | range, reset, formaction | form | disabled | checked | capture | repeatCount | dur | to | from | attribu- colspan | headers | rowspan | End tag <p> g.attr. <mark> g.attr. search, submit, tel, autofocus | autocomplete | accept | type | g.attr. <animate> <td> CHECK OUT THE Paragraph Highlighted text text, time, url, week srcdoc | src | referrerpolicy | name | Defines animation teType | attributeName | g.attr. A cell of a table that contains data g.attr. <iframe> width | height | allowpaymentrequest | Nested browsing context allowfullscreen | g.attr. ULTIMATE CSS by | from | to | type | <address> g.attr. <s> g.attr. <animateTransform> <thead> g.attr. Article or body address No longer relevant or no longer accurate wrap | spellcheck | required | readonly | Transformation attribute attributeName | g.attr. A set of rows defining the head of the columns <textarea> placeholder | name | minlength | maxlength | form multi-line plain- CHEAT SHEET: | disabled | rows | cols | autofocus | autocomplete text editing control origin | rotate | keyPoints | path | calc- <details> open | g.attr. <u> g.attr. | g.attr. <figure> g.attr. <animateMotion> <tbody> g.attr. Head Disclosure widget that reveals more informations Underline Self-contained content Move along a motion path Mode | g.attr. Groups one or more <tr> elements as the body of a <table> as | crossorigin | href | hreflang | integrity | size | required | name | multiple | form | <link> <summary> g.attr. <sup> g.attr. <select> <figcaption> g.attr. <mpath> xlink:href | g.attr. <tfoot> g.attr. Document’s external source media | rel | sizes | title | type | g.attr. Summary, caption, or legend of a <details> element Exponent Menu of options disabled | autofocus | g.attr. Caption or a legend associated with a figure Reference an external <path> Defines a set of rows summarizing the columns of the table width | usemap | typemustmatch | type colspan | headers | <base> href | target | g.attr. <dfn> g.attr. <sub> g.attr. <optgroup> label | disabled | g.attr. <object> <discard> href | begin | g.attr. <th> The base URL to use for all relative URLs The defining instance of a term Subscript Group of options within a <select> element External resource | name | height | form | data | g.attr. Timing discarded objects Defines a cell as header of a group of cells rowspan | scope | g.attr. charset | content | http-equiv | name <meta> <small> g.attr. <datalist> g.attr. <param> value | name | g.attr. <set> to | g.attr. Metadata informations | g.attr. Quotations Side-comments and small print Elements that represent the values available for other controls Defines parameters for an <object> element setting the value of an attribute for a specified duration Miscellaneous async | crossorigin | defer | integrity | value | selected | label | <script> <blockquote> cite | g.attr. <span> g.attr. <option> <noscript> g.attr. Embed an executable script src | text | type | g.attr. Extended quotation Generic inline container for phrasing content Contained in <select>, <optgroup>, <datalist> disabled | g.attr. SVG <!-- Shape elements --> SVG <!-- Light --> Unsupported

View Full Text

Details

  • File Type
    pdf
  • Upload Time
    -
  • Content Languages
    English
  • Upload User
    Anonymous/Not logged-in
  • File Pages
    1 Page
  • File Size
    -

Download

Channel Download Status
Express Download Enable

Copyright

We respect the copyrights and intellectual property rights of all users. All uploaded documents are either original works of the uploader or authorized works of the rightful owners.

  • Not to be reproduced or distributed without explicit permission.
  • Not used for commercial purposes outside of approved use cases.
  • Not used to infringe on the rights of the original creators.
  • If you believe any content infringes your copyright, please contact us immediately.

Support

For help with questions, suggestions, or problems, please contact us