html/css project: broadway - cloud object storage€¦ · css html/css project: broadway pro cheat...

2
<li>Apples</li> Creates a list item (can be added within an unordered list): <a href=”http://www.google.com” >Search Here! </a> Creates a link: <a href=”http://www.google.com” class="knowledge">Search Here! </a> Creates a link with a class name of knowledge : <ul> </ul> Creates an unordered list (can store list names): HTML/CSS Project: Broadway Pro Cheat Sheet: Creating HTML elements, styling with CSS HTML More knowledge available at: https://www.codecademy.com/articles/glossary-html Cheat Sheets are in BETA. If you have a sec, please leave feedback here: http://j.mp/1Hb96Da

Upload: doque

Post on 09-Aug-2018

215 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: HTML/CSS Project: Broadway - Cloud Object Storage€¦ · CSS HTML/CSS Project: Broadway Pro Cheat Sheet: Creating HTML elements, styling with CSS.banner {} To reference an HTML element

<li>Apples</li>

Creates a list item (can be added within an unordered list):

<a href=”http://www.google.com”>Search Here!</a>

Creates a link:

<a href=”http://www.google.com” class="knowledge">Search Here!</a>

Creates a link with a class name of knowledge :

<ul></ul>

Creates an unordered list (can store list names):

HTML/CSS Project: BroadwayPro Cheat Sheet: Creating HTML elements, styling with CSS

HTML

More knowledge available at: https://www.codecademy.com/articles/glossary-html

Cheat Sheets are in BETA. If you have a sec, please leave feedback here: http://j.mp/1Hb96Da

Page 2: HTML/CSS Project: Broadway - Cloud Object Storage€¦ · CSS HTML/CSS Project: Broadway Pro Cheat Sheet: Creating HTML elements, styling with CSS.banner {} To reference an HTML element

CSS

HTML/CSS Project: BroadwayPro Cheat Sheet: Creating HTML elements, styling with CSS

.banner {}

To reference an HTML element with a class of banner :

.banner { background-color: #FFFFFF;}

Change the background color of an HTML element with a class of banner :

.banner { background-image: url(the-link-to-the-image-goes-here); background-size: size-options-go-here;}

Change the background image and size of an HTML element with a class of banner :

.ul-class-name li { display: inline;}

To display <li> HTML elements (within a <ul> HTML element) on one line:

More knowledge available at: https://www.codecademy.com/articles/glossary-html