Shared Flashcard Set

Details

Making a Website
Codecademy's course on Making a Website. Covers how to code in HTML and CSS
34
Computer Science
Professional
07/02/2015

Additional Computer Science Flashcards

 


 

Cards

Term
  • HTML 

Definition
Used to establish a page's structure. It also lets us add text, links and images.
Term
CSS
Definition
control the design and layout of the page.
Term
How many common elements in HTML
Definition
5:  <ul> <h1> <p> <a> <img>
Term
<h1>
Definition

Heading element. Describes headings of the page. 6 heading elements: h1 to h6.

 

(html)

Term
How to use <h1>
Definition
open with <h1> put in the text you watn to display. close with </h1>
Term
tag
Definition

tags open html elements. close with closing tag of whatever opened it but also a slash in front.

 

Ex: 

<p>blah blah.</p>

Term
<p>
Definition
Paragraph elements in html; come right after heading elements.
Term
<a>
Definition

Called the a element. Used to add links. Followed by href inside the opening tag which tells you where to go. 

then text which shows up, then closing tag:

<a href="http:www.facebook.com">Facebook</a>

Term
href
Definition
the link address you want the a element to link to.
Term
<img>
Definition

Used to add images to a page. Followed by src which tells the program where to get the image from.

 

html format: 

<img src="http://goo.gl/Lva9p1">

Term
<ul>
Definition
In html the listing element. But then each item in the list is tagged with <li>
Term
<body>
Definition
Everything nested inside the <body> and </body> tags shows up on the website. All of that is nested inside the <html> and </html> tags to say that if follows that format
Term

 

<!DOCTYPE html> 

Definition
Ensures that the formatting is correct; Starts the html type script.
Term
index.html
Definition
where all the html scripts go
Term
CSS types
Definition

CSS1 CSS2 CSS3

 

Term
CSS
Definition

used to determine layout. Controls appearance of html

 

: font, font size, font color

:Border, back ground, margin

:alignment

:block/inline

 

Term
css rule
Definition
consists of a selector, folowed by braces. Insided {braces} are the property and value pairs. Different aspects of that selector are separated by ;
Term
CSS rule selectors
Definition
Can be html elements (the five h, p, a, img, ul) but also class selectors: <div>
Term
<div>
Definition
buckets to organize the elements into classes...helps css formatting later.
Term
class targeting
Definition

for classes to be targetted in the css scripts, need to use a . (dot)

 

Ex: .header { color:blue }

Term
Specific css targets
Definition
can combine classes and html elements. For example, just the <p> elements in the .jumbotron section could be targeted for CSS formating.
Term
color
Definition
sets color of an html element...covers 140 basic colors. Can get even more speclific though.
Term
RGB values
Definition
Help select colors. Can pick colors from 0 to 255 with 255 being the brightest.
Term
Hex numbers
Definition
Also help to pick colors. Hexadecimal numbers range from 00 to ff; ff is brightest
Term
rgb
Definition
red green blue (I think!)..need 3 numbers
Term
font-family
Definition
css font attribute. Google fonts has 600 you can use
Term
size of font
Definition
font-size
Term
other css selectors
Definition

background-color

background-image

padding

border

image

Term
padding, border, margin widths
Definition
measured in pixels; follow number with px
Term
<head> and <link>
Definition
Tells the web browser the info it needs to display the page correctly. (all the stuff that goes in the <body> part of the scripts) Includes link to location of main.css <link>
Term
Link layout
Definition
follows pretty closely to the <a> element format including the href and address but also followed by rel...tells the browser that the file being linked is a CSS file to style the page. 
Term
<rel>
Definition

Tells the browser that the file being linked is a CSS file to style the page. 


often: rel="stylesheet"

Supporting users have an ad free experience!