THE ULTIMATE HTML CHEAT SHEET by Pushaune
Total Page:16
File Type:pdf, Size:1020Kb
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