Use LEFT and RIGHT arrow keys to navigate between flashcards;
Use UP and DOWN arrow keys to flip the card;
H to show hint;
A reads text to speech;
15 Cards in this Set
- Front
- Back
|
Html defines a hyperlink |
<a href="..." >... </a> |
|
|
Html display an image |
<img src="... " width="400" height="300"> |
|
|
Paragraph, body, heading |
<p>... </p> <body>... </body> <h1>... </h> |
|
|
List and ordered list |
ul, and ol |
|
|
CSS make a button |
Define the section class ("projects") Then 'a' for all the links in that section .projects a { color: white; (the text colour) background: blue; (the button colour) text-decoratiob: none; padding: 8px; (size of button) border-radius: 4px; (makes corners) } |
|
|
Html making a button |
<section class="projects" > (makes the button css apply to all buttons in that section) <a href="the https link"> your link </a> |
|
|
Generic html elements |
<section> <div> |
|
|
Referencing html elements in css |
p{ .class{ (assign class in html with <p class="classname" >) #id{ (ids have to be unique in html) .class p{ #id p{ |
|
|
Reference your css in html |
<link rel ="stylesheet" href="css/styles.css"> |
|
|
Html css how to make comments |
<! - - comment - - > /* */ |
|
|
Html text edits |
<i> italics <b> bold <fig> for the picture <figcaption> for the caption |
|
|
CSS text edits |
font-weight: bold; font-size: 5px; or 2em; for 2x size text-align: right; Font-family: 'Montserraf', sans-serif; |
|
|
Put two paragraphs next to eachother in css |
float: left; |
|
|
Apply styling to all html |
*{ } |
|
|
Responsive image css |
. Img { width: 100% Max-width: 400px; height: auto; } |
