Section 1
Preview this deck
<img>
Front
| 5 | 0 | ||
| 4 | 0 | ||
| 3 | 0 | ||
| 2 | 0 | ||
| 1 | 0 |
Active users
0
All-time users
0
Favorites
0
Last updated
6 years ago
Date created
Mar 1, 2020
Cards (113)
Section 1
(50 cards)
<img>
Opening image tag
<strong>
Element to make text bolder
href
Specifies the destination of the link
</p>
The end of a paragraph element
<style>
A way to include style in in HTML
jpg and gif are...
The most commonly used image formats
<blockquote>
The opening of a block quote
<a>
When you want to link from one page to another
<p>
Opening paragraph tag
</p>
Closing paragraph tag
<head>
Opening head tag
Attribute
Information for a tag; src, alt, the width and height for images, href.
Web serves are hosted by...
A web hosting company
"---file:///---" means...
That the website consists of only one file
Nested elements...
Are completely contained in other elements.
The alt attribute is used for...
Place text of the image where the image should be
<li>
To make a list
</body>
Closing tag for the information a user sees
<ul>
A bulleted list
What is "-----<style type = "text/css">body {background-color:#FE88FA;}</style>"
The correct way to display the background color of a web page
h1, h2, h3... h6
The different sizes of headings
jpg images can contain ___ colors
16 million
The src attribute is used to...
Tell the browser where to find the image
What is a "../"
Directs to a folder above the file you're trying to link
CSS
"Cascading Style Sheets", the presentation of your web pages
</head>
Closing head tag
Thumbnails should be ___ pixels by ___ pixels
150 x 150
</q>
Closing quote tag
800 x 600 is...
The biggest size images that a web server can load without having to scroll through the image
What is a ".."
A parent folder
FTP is...
File Transfer Protocol, the way to transfer web pages and other content to a server
index.html
The default page
HTML
(Hypertext Markup Language) The standard coding language used to construct World Wide Web documents.
Web serves are named...
WWW
A domain name is...
The name of your site (e.g. domainname.com) to identify it.
<ol>, <ul>, <li>, and <blockquote> are all...
Block elements that stand out on their own
<hr>
To make horizontal lines
<img src="images/image1.gif">
Correct way to display an image
<a href="elixirs.html">drinks</a>
Correct way to display a link
You should resize images because...
It tells the browser the information of the picture before it can be displayed
<html>
Tells the browser that this is an HTML document
Head/body
Main parts of an HTML document
An element...
Consists of an opening tag, content, and a closing tag
<br>
Adds a break in a paragraph or block element
Metadata
Data about the website
gif is best used for...
Clip art and logos
<ol>
A numbered list
<em>
Emphasized text
jpg is best used for...
Photographs and pictures
gif images can contain ___ colors
256
Section 2
(50 cards)
margin:___;
Adjusts the margin outside of an id
padding: ___;
Adjusts the margin inside an id
Frozen layout
Created a <div> elements around all content in the page to keep them in their exact place
#footer
Any element with the id footer
<p>
Sentence or 'captioning' to insert above the form
</li> </ul>
Closing tags of an unordered list
float: ___;
Creates two columns
Jello layout
Allows the auto property to shift the margins
h1 { color: #007e7e
Color style tag example
#allcontent
Changes properties of all the content
table { margin/border/caption:
Changes the margin/border/caption of the table
</li> </ol>
Closing tags of an ordered list
<ol> <li>
Opening tags of an ordered list
td, th { border: padding:
Changes the border
title = "Read all about Caffeine Buzz"
Tag for a description of a page you are linking to (not metadata)
div h2 {
Parent and descendant style rule
</html>
Closing html
<span>
Used for separating inline elements
.specials
All elements in specials class
line-height: 1.6em;
Line height style tag example
</blockquote>
Closing block quote tag
<!doctype html>
Declare html5
p.specials
Only paragraphs in special class.
clear: ___;
Blocks floating content into the footer
Liquid layout
Uses absolute positioning to put the content in the order wanted
font: font-style font-variant font-weight font-size line-height font-family
Font shorthand
margin-left/right:auto;
Allows the browser to figure out the correct margins but centers the left and right columns if there are any
<body>
Opening tag of the content users see
<a href = "pathway.html">Value label </a>
Anchoring tag for a link
h2 { font-family: Verdana, Helvetica, Arial, sans-serif; }
Font family style tag example
<caption>
Displayed in the browser above the table
<table>
Starts a table
</title>
Closing title tag
<div>
Divides your page into sections
<q>
Opening quote tag
text-align: center;
Specifying the text alignment
<ul> <li>
Opening tags of an unordered list
background-image: url(images/background.gif);
Background image attribute
<form>
Opening form tag
class="phrase"
Style used when multiple paragraphs need to stand out
id="footer"
Used for separately styling one paragraph
p#footer
<p> element if it has the id footer
<a target ="_blank" href = "http://url.com" title ="Caffeine Web Site"> Value label </a>
Anchoring to a new page
width: ___;
Adjusts the width of an id
position: absolute;
Positions elements on the page
<td>
Holds a cell of the table
body { font-size: small; }
Font size style tag example
<tr>
Forms a table row
div id="footer"
Indicates the specific part of the page
<title>
Opening title tag
Section 3
(13 cards)