Shared Flashcard Set

Details

CIT Lab
N/A
33
Computer Science
Undergraduate 4
10/06/2013
Click here to study/print these flashcards.

Create your own flash cards! Sign up here.

Additional Computer Science Flashcards

 

 

Cards

Term
HTML Documnets
 Definition
  • Use <tags> to tell the browser how to format our content
Term
Opening and Closing Tag
 Definition
  • <h1> kedir hussen</h1>
Term
The <h1> tag
 Definition
  • Makes top level heading
  • Example: <h1>Anna Dowlin</h1>
Term
The <h2> tag
 Definition
  • Subheadings are made with
Term
The <p> tag
 Definition
  • To make a normal paragraph
  • Example: <p> Hi! I'm Anna Dowlin, a NYC-based maketer. Say hello!</p>
Term
the <input> tag
 Definition
  • No matter what type of information you want from your users to get it from them you' ll need 
  • For example if you want in email from some one you will do
  • <input type="email">
  • the part type is an attribute
  • the part email is the attribute's value
Term
Placeholder
 Definition
  • It a default text so users know what to type 
  • for example the way you do it is
  • <input type="email" Placeholder="Your email">
Term
HTML
 Definition
  • the structure of the content that goes inside the tags
  • browsers provide default style, but it's pretty ugly by itself
Term
CSS
 Definition
  • CSS control the style of the HTML content. It lets you change colors, fonts, layout and more
  • for small project the easiest way to add CSS to your HTML file is by using a <style> tag
  • for example <style>body{text-align:center;background:black;color:white;font-family:helvetica;}</style>
Term
The selector
 Definition
  • Where you choose which HTML elements you want to add style to
  • For instance: <style>body{text-align:center;background:black;color:white;font-family:helvetica;}</style>
Term
Property
 Definition
  • A property controls one aspect of an HTML element's style, such as text-align
  • for example: <style>body{text-align:center;background:black;color:white;font-family:helvetica;}</style>
Term
Value
 Definition
  • The value goes with the property
  • For example: <style>body{text-align:center;background:black;color:white;font-family:helvetica;}</style>
  • you can have multiple styple in the same <styple> tag. For instance <style>h1{text-align:center;}p{color:red;}</style>
Term
<Body>
 Definition
  • The best way to select all elements at once is to have a parent element that contain all the other element
  • So, we use <body>
  • example:<body>
    <h1>Anna Dowlin</h1>
    <p>Hi! I'm Anna, a NYC-based marketer. Say hello!</p>
    <input type="email" placeholder="Your email">
    <input type="submit">
    </body>
  • We can apply style to he <body> and it will apply to all the element inside it
  • Example: <style> body {text-align: center;}</style>
Term
<Head>
 Definition
  • before body always comes another tag called <head>
  • It wraps around the <style> tag and other element that aren't content on the page, such as <title> tag
Term
<title>
 Definition
  • The <title> tag control what show up in the browser tab
  • <title>kedir hussen</title>
Term
<!Doctype html>
 Definition
  • write it before everything else
  • that tells the browser we' re sing the newest version, HTML5
Term
boilerplate
 Definition
  • Together the doctype, head, and body make up the basic foundation/ structure that every website starts from
  • <!DOCTYPE html>
  • <head>meta info goes here</head>
  • <body>content goes here</body>
Term
<img>
 Definition
  • Used to add imgage
  • The <img> tag uses the image located at the URL in the src attribute
  • For Example: <img src="/assets/anna.png">
Term
The two type of URL
 Definition
  • Absolute and relative
Term
Absolute URL
 Definition
  • The type  of link you're used to. They include http:// and the full domain named before the directroy (/asset.logo/.png)
Term
Relative URL
 Definition
  • shortcut that allow you to skip the domain name. It only works if you're linking to file on the same domain as the current page
Term
Background
 Definition
  • you can change the background's color using the background property
  • you can also use it to change the background to an image
  • For instance: background: url("http://dash.ga.co/assets/anna-bg.png")
Term
Background-Size
 Definition
  • How you prevent the backround from appearing "tiled"
  • For example: background-size: cover;
Term
Background-position
 Definition
  • This will center the background image on the page
  • Example: background-position: center;
Term
P
 Definition
  • Let's make the paragraph's font little bigger
  • For example: p {font-size: 22px;}
Term
border
 Definition
  • By setting border to 0, we can get rid of some of the default styling on our inputs
  • Example: input { border: 0;padding: 10px;font-size: 18px;}
Term
padding
 Definition
  • padding is the amount of space between the edge of an element and the suff inside it
  • Example: input { border: 0;padding: 10px;font-size: 18px;}
Term
font-size
 Definition
  • Let increase font size to make it more proportionate to te rest of the text
  • Example: input { border: 0;padding: 10px;font-size: 18px;}
Term
  • input[type="submit"]{background: red; color: white;}
 Definition
  • You can select an element by one of its attribute using square batckets
Term
background property
 Definition
  • You can change the background color using the color using the background property
  • style>body {text-align: center;background: black;color: white;font-family: helvetica;}</style>
Term
Color Property
 Definition
  • style>body {text-align: center;background: black;color: white;font-family: helvetica;}</style>
Term
font-family property
 Definition
  • style>body {text-align: center;background: black;color: white;font-family: helvetica;}</style>
  • the font family property lets you change the font
Supporting users have an ad free experience!