ITSS 3390
What is the correct HTML for inserting an image? A. <img alt="MyImage">image.gif</img> B. <img href="image.gif" alt="MyImage"> C. <image src="image.gif" alt="MyImage"> D. <img src="image.gif" alt="MyImage">
<img src="image.gif" alt="MyImage">
27. What are the three methods of implementing CSS? a) Direct, Indirect, and External b) Internal, External, and Embedded c) Inline, Internal, and External
c) Inline, Internal, and External
Website
collection of linked webpages (plus their associated resources) that share a unique domain name. Each webpage of a given website provides explicit links—that allow the user to move from one page of the website to another.
How do you add a background color for all <p> elements? a) p {bgcolor : #FFFFFF} b) all.p {background-color:#FFFFFF;} c) p.all {background-color:#FFFFFF;} d) p {background-color:#FFFFFF;} e) all.p {bg-color:#FFFFFF;}
d) p {background-color:#FFFFFF;}
Classes
you can many have many classes but only one ID
CSS Syntax
selector { property:value } declaration
Webpage
simple document displayable by a browser. Such document is written in the HTML language.
Browser
software you use to view web pages. Google Chrome, Mozilla Firefox
How do you make each word in a text start with a capital letter? a. text-transform:capitalize b. text-transform:uppercase c. You can't do that with CSS d. text:capitalize
text-transform:capitalize
What does <HTML> mean
the start/stop of a html doc
Tags
use of less-than and greater-than angle brackets around an element creates a tag
28. <div id="header"> <h1>Website.com</h1> <ul class="menu"> <li> <a href="#">About us</a> </li> <li> <a href="#">About you</a> </li> <li> <a href="#">About</a> </li> </ul> </div> a) #header a{ color:green } b) .menu a{color:red;} c) ul.menu li a{ color:blue }
#header a{ color:green }
Which of the following would be used to create an ID called header which has a width of 750px, a height of 30px and the color of the text is black? a) #header {width: 750px; height: 30px; color: black;}. b) header {height: 30px; width: 750px; color: black;} c) #header {height: 30px; width: 750px; font-color: black;} d) .header { width: 750px; height: 30px; font-color: black; }
#header {width: 750px; height: 30px; color: black;}.
Write the CSS rule to specify that the element with the top id should have a color of red.
#top{color:red;}
Font Based Properties
-family -size -Style -Variant (small caps) -weight (boldness)
How do you add a comment in a CSS file? a. /* this is a comment */ b. // this is a comment // c. // this is a comment d. <! this is a comment>
. /* this is a comment */
How does a webpage load?
1. Request - link clicked 2. Response 3. Build 4. Render
Order these rules according to their specificity, from least specific to most specific. 1)) #main-container 2) p 3) .article
2,3,1
In the following code snippet, what value is given for the left margin:margin: 5px 10px 3px 8px; a. 3px b. 10px c. 8px d. 5px
8px (Top , right, bottom, left)
What is the proper way to add horizontal line to the webpage? <hr ʙ> <hr> <hspace="hr"> <hr />
<hr />
How can you open a link in a new tab/browser window? <a href="url" target="new"> <a href="url" new> <a href="url" target="_blank">
<a href="url" target="_blank">
Output of the following <html> <head> <style> #1fineday { background-color: yellow; } </style> </head> <body> <h1>Welcome</h1> <div class="intro"> <p id="1fineday">Hello World</p> </div> </body> </html> a) Hello world has back ground color yellow b) Prints Welcome, Hello world in yellow font. c) Displays Welcome, Hello World with background color yellow d) Displays output with no color
Displays output with no color
What is the purpose of the doctype?
Doctype tells the browser what language to expect and should be the first line in the .html file.
Is the following style defined properly? h6 { color : red font-size: 12px; } a) TRUE b) FALSE
False
FTP
File Transfer Protocol allows you to copy/upload files (HTML, CSS, JS, images, spreadsheets, etc.) from the computer to web host via the Internet.
29. <head> <style> .dog p { background: green; } .mustard { background: yellow; } </style> </head> <body> <div class="dog"> <p>First Paragraph</p> <p class="mustard">Second Paragraph</p> </div> </body> What will be the background color of each of the 2 paragraph element? a. Green, green b. Green, yellow c. Yellow, green d. None of these
Green, green
Building Blocks of a Webpage
HTML - Content (hypertxt markup lang.) CSS - Style (Cascading Stylesheets) JS - Behavior Interactivity (javascript)
What are the three ways of inserting CSS into a web page
Internal, External, Inline
What is the benefit of inserting the following paragraph element? <p> This is my first webpage</p> A. It allows text to be styled B. You cannot insert text out of tags C. It will not be displayed D. It prevents markup adjustments
It allows text to be styled
What will be the color of h3 set to after applying this CSS? <style> h3 { color: red; } h3 { color: blue; } h2 { color: green; } </style> Please choose from one of the following options. a) red b) blue c) green
blue
What are the two parts of a CSS rule?
Property and its value
Text Properties
Text Align Text Decoration (underline, none, line-through) Text Indent Text Shadow Text Transform (upper/lower case) Letter Spacing Word Spacing
table {color: blue;} With the code snippet above in use, what happens to a table? a) The table border would be colored blue. b) The table background would be colored blue. c) The text inside the table would be colored blue.
The text inside the table would be colored blue.
Assume the following rule is the only one that styles the body element: body { font-family: Cursive, Helvetica, Verdana; } What happens if the browser doesn't support Cursive or Helvetica? a) The text will not be displayed b) The text will be displayed in browser's default font c) The text will be displayed in Verdana
The text will be displayed in Verdana
What is the function of the tag below? <title> This tag </title>
The title tag is added inside the head element and is used to define the title of the page which appears in the browser tab and also in the search engine results.
What are the three types of CSS selectors?
Type (element), class and ID selectors
How to call both anchor elements
a { }
A CSS declaration is terminated by? a. . - period b. ! - exclamation mark c. ; - semi colon d. : - colon
a. ; - semi colon
1. How can you open a link in its own new tab? a. target="_blank" b. target="new" c. target="_new" d. target="_window"
a. target="_blank"
attribute
are properties that used to define extra information about an element
How do you display hyperlinks without an underline? a. a {decoration:no underline} b. a {text-decoration:none} c. a {hyperlink:no underline} d. a {text-decoration:no-underline}
b. a {text-decoration:none}
How would you style an element so that the next element would appear right next to it not underneath it if both elements widths were collectively smaller than the container element? a. display: left; b. display: inline; c. display: horizontal; d. None of the above.
b. display: inline;
What is the correct CSS syntax for making all the <span> elements bold? a. span {text-size:bold} b. span {font-weight:bold} c. <span style="font-size:bold"> d. <span style="text-size:bold">
b. span {font-weight:bold}
Elements
defines structure and content of objects within a webpage
How do you select all p elements inside a div element? a) div #p b) div p c) div .p d) div +p
div p
Tags in HTML are? A. codes indicating programming errors B. attributes of inserted elements for user interfacing C. only used to insert a horizontal rule D. elements surrounded by angle brackets
elements surrounded by angle brackets
In CSS, it is not possible to specify different padding for different sides a) True b) False
false
Write the CSS rule to specify that all h1 elements should have a background color of blue
h1{background-color:blue;}
Which is the invalid selector in? a) h2, h1, h0 b) #title c) . content d) None
h2, h1, h0
What does <body> mean
has all the visible content
What does <head> mean
has metadata about the doc
Domain Name
identifies a computer or computers on the Internet. These names appear as a part of a Website's URL. For example, in utdallas.edu is the domain name.
Which snippet of CSS is commonly used to center a website horizontally? a. site-align: center; b. margin: center; c. margin: auto 0; d. margin: 0 auto;
margin: 0 auto;