Show Menu
Cheatography
  1. Home >
  2. Programming >

Introduction to Computer Programming A Cheat Sheet (DRAFT) by

Covers the HTML, CSS and jS from this course.

This is a draft cheat sheet. It is a work in progress and is not finished yet.

HTML

<!d­octype HTML>
 
<ht­ml>...<­/h­tml>
 
  <he­ad>...<­/h­ead>
 
    <link rel="st­yle­she­et" href="h­ttp­s:/­/fo­nts.go­ogl­eap­is.c­om­/cs­s?f­ami­ly=­fon­tNa­me">
 
  <bo­dy>...<­/b­ody>
 
    <h1 id="­ele­men­tID­"­>...</­h1>
et cetera
 
    <p id="­ele­men­tID­"­>...</­p>
 
    <div id="­ele­men­tID­"­>...</­div>
 
    <p id="­ele­men­tID­"­>...</­p>
 
    <table id="­ele­men­tID­"­>...</­tab­le>
 
      <tr id="­ele­men­tID­"­>...</­tr>
 
        <th id="­ele­men­tID­"­>...</­th>
 
        <td id="­ele­men­tID­"­>...</­td>
 
    <button id="­ele­men­tID­" event = "­eve­ntH­andler( )>...<­/bu­tto­n>
Events
 
  onclic­k="...( )"
 
  onchan­ge=­"...( )"
 
  onmous­eov­er=­"...( )"
 
  oncmou­seo­ut=­"...( )"
 

CSS

Selectors
 
elemen­tType
 
#elementID
 
.eleme­ntClass

javaScript

let
 
const
 
for (loopC­ont­rol­Var­iable; condit­ion­IsTrue; change­Loo­pCo­ntr­olV­ari­able) { ... }
 
while (condi­tio­nIs­True) { ... }