1
1
mirror of https://github.com/namibia/awesome-cheatsheets.git synced 2024-12-19 16:53:15 +00:00

Fix small errors in HTML cheatsheet

Just some casing, spacing  and misspelling fixes.
This commit is contained in:
XVR147 2019-10-16 20:39:29 +02:00
parent 32a915da58
commit 1eec2b0273

View File

@ -10,28 +10,28 @@
<html lang="en"></html> <!-- The HTML lang attribute is used to identify the language of text content on the web. This information helps search engines return language specific results, --> <html lang="en"></html> <!-- The HTML lang attribute is used to identify the language of text content on the web. This information helps search engines return language specific results, -->
<head></head> <!-- Contains Information specific to the page like title, styles and scripts --> <head></head> <!-- Contains Information specific to the page like title, styles and scripts -->
<title></title> <!-- Title for the page that shows up in the browser title bar --> <title></title> <!-- Title for the page that shows up in the browser title bar -->
<body></body> <!-- Content that the user will see --> <body></body> <!-- Content that the user will see -->
<!-- Document Information --> <!-- Document Information -->
<base/> <!-- Usefull for specifying relative links in a document --> <base/> <!-- Usefull for specifying relative links in a document -->
<style></style> <!-- Contains styles for the html document --> <style></style> <!-- Contains styles for the html document -->
<meta/> <!-- Contains additional information about the page, author, page description and other hidden page info --> <meta/> <!-- Contains additional information about the page, author, page description and other hidden page info -->
<script></script> <!-- Contains all scripts internal or external --> <script></script> <!-- Contains all scripts internal or external -->
<link/> <!-- Used to create relationships with external pages and stylesheets --> <link/> <!-- Used to create relationships with external pages and stylesheets -->
<!-- Document Structure --> <!-- Document Structure -->
<h1></h1> ... <h6></h6> <!-- All six levels of heading with 1 being the most promiment and 6 being the least prominent --> <h1></h1> ... <h6></h6> <!-- All six levels of heading with 1 being the most promiment and 6 being the least prominent -->
<p></p> <!-- Used to organize paragraph text --> <p></p> <!-- Used to organize paragraph text -->
<div></div> <!-- A generic ontainerused to denote a page section --> <div></div> <!-- A generic container used to denote a page section -->
<span></span> <!-- Inline section or block container used for creating inline style elements --> <span></span> <!-- Inline section or block container used for creating inline style elements -->
<br/> <!-- Creates a line-break --> <br/> <!-- Creates a line-break -->
<hr> <!-- Creates a sectional break into HTML --> <hr> <!-- Creates a sectional break into HTML -->
<!-- Text Formatting --> <!-- Text Formatting -->
@ -39,10 +39,10 @@
<strong></strong> and <b></b> <!-- Makes text contained in the tag as bold --> <strong></strong> and <b></b> <!-- Makes text contained in the tag as bold -->
<em></em> and <i></i> <!-- Alternative way to make the text contained in the tag as italic --> <em></em> and <i></i> <!-- Alternative way to make the text contained in the tag as italic -->
<strike></strike> <!-- creates a strike through the text element --> <strike></strike> <!-- Creates a strike through the text element -->
<pre></pre> <!-- Preformatted monospace text block with some spacing intact --> <pre></pre> <!-- Preformatted monospace text block with some spacing intact -->
<blockquote></blockquote> <!-- Contains long paragraphs of quotations often cited --> <blockquote></blockquote> <!-- Contains long paragraphs of quotations often cited -->
<abbr></abbr> <!-- Contains abbreviations while also making the full form avaialable --> <abbr></abbr> <!-- Contains abbreviations while also making the full form avaialable -->
<address></address> <!-- Used to display contact information --> <address></address> <!-- Used to display contact information -->
<code></code> <!-- Used to display inline code snippets --> <code></code> <!-- Used to display inline code snippets -->
@ -54,13 +54,13 @@
<a href="mailto:email@example.com"></a> <!-- Used to link to an email address --> <a href="mailto:email@example.com"></a> <!-- Used to link to an email address -->
<a href="name"></a> <!-- Used to link to a document element --> <a href="name"></a> <!-- Used to link to a document element -->
<a href="#name"></a> <!-- Used to link to specific div element --> <a href="#name"></a> <!-- Used to link to specific div element -->
<a href="tel://####-####-##"></a> <!-- Used to display phone numbers and make them as clickable --> <a href="tel://####-####-##"></a> <!-- Used to display phone numbers and make them clickable -->
<!-- Image Formatting --> <!-- Image Formatting -->
<img src="url" alt="text"> <!-- Used to display images in a webpage wehre src="url" contains the link to the image source and alt="" contains an alternative text to display wehn the image is not displayed --> <img src="url" alt="text"> <!-- Used to display images in a webpage where src="url" contains the link to the image source and alt="" contains an alternative text to display when the image is not displayed -->
<!-- List Formatting --> <!-- List Formatting -->
@ -70,7 +70,7 @@
<ul></ul> <!-- Used to display unordered lists with numbers in the items --> <ul></ul> <!-- Used to display unordered lists with numbers in the items -->
<li></li> <!-- Contains list items inside ordered and unordered lists --> <li></li> <!-- Contains list items inside ordered and unordered lists -->
<dl></dl> <!-- Contains list item definitions --> <dl></dl> <!-- Contains list item definitions -->
<dt></dt> <!-- definition of single term inline with body content --> <dt></dt> <!-- Definition of single term inline with body content -->
<dd></dd> <!-- The descrpition of the defined term --> <dd></dd> <!-- The descrpition of the defined term -->
@ -80,12 +80,12 @@
<form action="url"></form> <!-- Form element creates a form and action="" specifies where the data is to be sent to when the visitor submits the form --> <form action="url"></form> <!-- Form element creates a form and action="" specifies where the data is to be sent to when the visitor submits the form -->
<!-- Supported attributes --> <!-- Supported attributes -->
method="somefunction()" <!-- Contains the type of request (GET, POST... etc) which dictates how to send the data of the form --> method="somefunction()" <!-- Contains the type of request (GET, POST... etc) which dictates how to send the data of the form -->
enctype="" <!-- Dictates how the data is to be encoded when the data is sent to the web server. --> enctype="" <!-- Dictates how the data is to be encoded when the data is sent to the web server. -->
autocomplete="" <!-- Specifies if the autocomplete functionality is enabled or not --> autocomplete="" <!-- Specifies if the autocomplete functionality is enabled or not -->
novalidate <!-- Dictates if the form will be validated or not --> novalidate <!-- Dictates if the form will be validated or not -->
accept-charset="" <!-- Identifies the character encoding upon form submission --> accept-charset="" <!-- Identifies the character encoding upon form submission -->
target="" <!-- Tell where to display the information upon form submission. POssible values: '_blank', '_self', '_parent', '_top' --> target="" <!-- Tell where to display the information upon form submission. Possible values: '_blank', '_self', '_parent', '_top' -->
<fieldset disabled="disabled"></fieldset> <!-- Identifies the group of all fields in the form --> <fieldset disabled="disabled"></fieldset> <!-- Identifies the group of all fields in the form -->
<label for=""></label> <!-- A simple field label telling the user what to type in the field --> <label for=""></label> <!-- A simple field label telling the user what to type in the field -->
@ -105,16 +105,16 @@ step="" <!-- Identifies the legal numb
<textarea name="" id="" cols="30" rows="10"> <!-- Specifies a large input text field for longer messages --> <textarea name="" id="" cols="30" rows="10"> <!-- Specifies a large input text field for longer messages -->
</textarea> </textarea>
<select name=""></select> <!-- Describes a dropdown box for users to select from variety of ochoices--> <select name=""></select> <!-- Describes a dropdown box for users to select from variety of choices -->
<!-- Supported attributes --> <!-- Supported attributes -->
name="" <!-- The name for a dropdown combination box --> name="" <!-- The name for a dropdown combination box -->
size="" <!-- Specifies the number of available options --> size="" <!-- Specifies the number of available options -->
multiple <!-- Allows for multiple option selections --> multiple <!-- Allows for multiple option selections -->
required <!-- Requires that a value is selected before submitting the form --> required <!-- Requires that a value is selected before submitting the form -->
autofocus <!-- Specifies that the dropdown automatically comes to focus once the page loads --> autofocus <!-- Specifies that the dropdown automatically comes to focus once the page loads -->
<optgroup></optgroup> <!-- Specifies the entire grouping of available options --> <optgroup></optgroup> <!-- Specifies the entire grouping of available options -->
<option value=""></option> <!-- Defines one of the avaialble option from the dorpdown list--> <option value=""></option> <!-- Defines one of the avaialble option from the dropdown list -->
<button></button> <!-- A clickable button to submit the form --> <button></button> <!-- A clickable button to submit the form -->
@ -136,17 +136,17 @@ autofocus <!-- Specifies that the dropd
<!-- Objects and iFrames --> <!-- Objects and iFrames -->
<object data=""></object> <!-- Describes and embed file type including audio, video, PDf's, images --> <object data=""></object> <!-- Describes and embed file type including audio, video, PDF's, images -->
<!-- Supported attributes --> <!-- Supported attributes -->
type="" <!-- Describes the type of media embedded --> type="" <!-- Describes the type of media embedded -->
height="" <!-- Describes the height of the object in pixels --> height="" <!-- Describes the height of the object in pixels -->
width="" <!-- Describes the width of the object in pixels --> width="" <!-- Describes the width of the object in pixels -->
usemap="" <!-- This is the name of the client-side image map in the object --> usemap="" <!-- This is the name of the client-side image map in the object -->
<iframe src="" frameborder="0"></iframe> <!-- Contains an inline frame that allows to embed external information --> <iframe src="" frameborder="0"></iframe> <!-- Contains an inline frame that allows to embed external information -->
<embed src="" type=""> <!-- Acts as a container for external application or plug-in --> <embed src="" type=""> <!-- Acts as a container for external application or plug-in -->
scr="" <!-- The source of the external file you're embedding --> src="" <!-- The source of the external file you're embedding -->
width="" <!-- Describes the width of the iframe in pixels --> width="" <!-- Describes the width of the iframe in pixels -->
@ -155,7 +155,7 @@ width="" <!-- Describes the width of th
<header></header> <!-- Defines the header block for a document or a section --> <header></header> <!-- Defines the header block for a document or a section -->
<footer></footer> <!-- Defines the footer block for a document or a section --> <footer></footer> <!-- Defines the footer block for a document or a section -->
<main></main> <!-- Describes the main content of a document--> <main></main> <!-- Describes the main content of a document -->
<article></article> <!-- Identifies an article inside a document --> <article></article> <!-- Identifies an article inside a document -->
<aside></aside> <!-- Specifies content contained in a document sidebar --> <aside></aside> <!-- Specifies content contained in a document sidebar -->
<section></section> <!-- Defines a section of a document --> <section></section> <!-- Defines a section of a document -->
@ -177,7 +177,7 @@ width="" <!-- Describes the width of th
<wbr> <!-- A line break within the content --> <wbr> <!-- A line break within the content -->
<!-- Collective CHaracter Obejcts --> <!-- Collective Character Obejcts -->
&#34; &quot; Quotation Marks - " &#34; &quot; Quotation Marks - "