4620 exam 3
To style every other table row element, use the ______selector like this:
:nth-child
HTML comment tag
<!-- Write your comments here -->
All HTML documents must start with a document type declaration
<!DOCTYPE html>
If you want a link to open in a new tab, it looks like
<a href="https://______" target=_blank">
HTML links are defined with the ____tag
<a>
The HTML_____ tag defines an abbreviation or an acronym
<abbr>
Bold text tag
<b> and <strong> first one is older&depricated
The visible part of the HTML document is between
<body> and </body>
What 2 tags do not need a closing tag?
<br> and <hr>
Describes the term in a description list
<dd>
Defines a description list
<dl>
Defines a term in a description list
<dt>
Italics tag
<em>
_________ is the most important heading
<h1>
HTML headings are defined with the____ to _____ tags
<h1> to <h6>
The HTML document itself begins with_______ and end with______
<html> : </html>.
HTML images are defined with the ___ tag.
<img>
The HTML ______ element is used to define keyboard input
<kbd>
Defines a list item
<li> </li>
link to an external style sheet
<link rel="stylesheet" href="mystyle.css"
Defines an ordered list
<ol>
The HTML ____ element defines preformatted text.
<pre>
Defines computer output
<samp>
table data
<td></td> need to do it for each and every cell
Table header
<th>
tags for HTML table
<tr><td><table>
Defines an unordered list
<ul>
What is an HTML Element?
An HTML element is everything between the start tag and the end tag, including the tags: <p>This is a paragraph.</p>
CSS rgb colors
An RGB color value represents RED, GREEN, and BLUE light sources.Each parameter (red, green, and blue) defines the intensity of the color between 0 and 255.
Inline CSS
An inline style may be used to apply a unique style for a single element.To use inline styles, add the style attribute to the relevant element. The style attribute can contain any CSS property. Inline styles are defined within the "style" attribute of the relevant element.EX:<h1 style="color:blue;text-align:center;">This is a heading</h1><p style="color:red;">This is a paragraph.</p>
All HTML elements can have ____ They can look like name="value"
Attributes
How to generate dynamic web page?
Client side or server side
CSS colors
Colors are specified using predefined color names, or RGB, HEX, HSL, RGBA, HSLA values.
<hr> tag does what?
Defines a thematic break in an HTML page, and is most often displayed as a horizontal rule.
External CSS
Each HTML page must include a reference to the external style sheet file inside the <link> element, inside the head section. A n external style sheet can be written in any text editor, and must be saved with a .css extension. The external .css file should not contain any HTML tags.
Default positioning for data in cell
Equivalent in height from top and bottom
here are three ways of inserting a style sheet
External CSS Internal CSS Inline CSS
HSL meaning
HSL stands for hue, saturation, and lightness.
HTML is saved as a ____ file that ends with _____
HTML; .html or .htm
Multiple style sheets
If some properties have been defined for the same selector (element) in different style sheets, the value from the last read style sheet will be used. Assume that an external style sheet has a certain style for the <h1> element. Then, assume that an internal style sheet also has a different style for the <h1> element. If the internal style is defined after the link to the external style sheet, the <h1> elements will be the internal style. However, if the internal style is defined before the link to the external style sheet, the <h1> elements will be external styled.
Priority rank of css
Inline style (inside an HTML element)External....then.....internal style sheets (in the head section)Browser default
CSS margins
Margin properties are used to create space around elements, outside of any defined borders. Can define margins for all 4 sides(top, right, bottom, left)
How to save PHP
Must be saved with .php extension NOT .html
Example of HTML editors
Notepad
What is the most common scripting language
PHP/hypertext preprocessor
What happens if a cell is deleted from table?
Phantom cell made. Data slides over and empty cell at end of row
rgba value
RGBA color values are an extension of RGB color values with an alpha channel - which specifies the opacity for a color.
attribute for <p> tag
Style
CSS padding
The CSS padding properties are used to generate space around an element's content, inside of any defined borders. padding can apply to top,right,bottom,left
Selector in CSS
The selector points to the HTML element you want to style. EX h1
What dos the box-sizing property do?
This causes the element to maintain its actual width; if you increase the padding, the available content space will decrease
What is so special about margin collapse?
This does not happen on left and right margins! Only top and bottom margins!
display black in rgb
To display black, set all color parameters to 0, like this: rgb(0, 0, 0).
display white in rgb
To display white, set all color parameters to 255, like this: rgb(255, 255, 255).
T/F A browser does not display the HTML tags, but uses them to determine how to display the document
True
T/F you can stack tables on one another
True
HTML describes the structure of a ____
Web page
Rules for links
a:hover MUST come after a:link and a:visiteda:active MUST come after a:hover
The four links states are:
a:link; a:visited; a:action ; a:hover
CSS background-attachment
background-attachment property specifies whether the background image should scroll or be fixed (will not scroll with the rest of the page):
CSS background color
background-color property specifies the background color of an element.
CSS backgroun-repeat
background-image: url("gradient_bg.png");background-repeat: repeat-x;
CSS background-repeat: no-repeat
background-image: url("img_tree.png");background-repeat: no-repeat;
With the _______ property, you can set the color of the border.
border-color
The____ property, the borders get rounded corners
border-radius
With the _____ property, you can set the appearance of the border.
border-style
3 Digit HEX Value
can only be used when both the values (RR, GG, and BB) are the same for each components. So, if we have #ff00cc, it can be written like this: #f0c.
The style attribute can change
color, font, size,
To make a cell span over multiple columns, use the ______ attribute:
colspan
Tables in HTML dont have
columns. only rows. columns made along the way
Declaration in CSS
contains one or more declarations separated by semicolons. EX color:blue
What does CMS stand for?
content management system
CSS box model
essentially a box that wraps around every HTML element. It consists of: margins, borders, padding, and the actual content.
The CSS _____ property defines the font to be used for an HTML element:
font-family
The alpha parameter is a number between 0.0 which means ______ and 1.0 which means ____
fully transparent; not transparent at all
Attribute for <a> tag
href
HSL colors
hsl(hue, saturation, lightness)Hue is a degree on the color wheel from 0 to 360. 0 is red, 120 is green, and 240 is blue.Saturation is a percentage value, 0% means a shade of gray, and 100% is the full color.Lightness is also a percentage, 0% is black, 50% is neither light or dark, 100% is white
Which CSS source has top prirotity?
inline
attribute for <html>
lang
the padding properties can have the following values:
length - specifies a padding in px, pt, cm, etc.% - specifies a padding in % of the width of the containing element inherit - specifies that the padding should be inherited from the parent element
Internal CSS
n internal style sheet may be used if one single HTML page has a unique style. The internal style is defined inside the <style> element, inside the head section. Internal styles are defined within the <style> element, inside the <head> section of an HTML page.
Opacity
opacity property specifies the opacity/transparency of an element. It can take a value from 0.0 - 1.0. The lower value, the more transparent:
Cell _____ is the space between the cell edges and the cell content. By default it is set to
padding;0
Each declaration includes a CSS _____ and _______ separated by a colon.
property name and a value. EX color is property and blue is value
CSS syntax
selector, property, value
Is PHP client or server side?
server
Attribute for <img> tag
src, width, and height`
What is HTML?
stands for Hyper Text Markup Language, is the standard markup language for creating Web pages
CSS is the language we use to __________________________
style an HTML document.
To add a background image on an HTML element, use the HTML ____ attribute and the CSS_______ property:
style; background-image
CSS background colors
style="background-color:DodgerBlue;
CSS border color
style="border:2px solid Violet;
CSS Text Color
style="color:Tomato;
CSS background-image
the background-image property specifies an image to use as the background of an element.By default, the image is repeated so it covers the entire element.
If one cell has data longer than the others...
the rest of column will adjust for that cell
The ____ attribute defines some extra information about an element
title
what does margin: 25px 50px 75px 100pxmean
top margin is 25pxright margin is 50pxbottom margin is 75pxleft margin is 100px
An unvisited link looks like
underlined and blue
A visited link is
underlined and purple
An active link is
underlined and red
