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


Top Related