HTML/CSS Test Quizlet
What is the syntax needed to put a comment in your CSS code?
/*, and */
What are the minimal tags needed for an HTML5 web page? In other words, what are the tags needed for a basic HTML5 web page template? Be sure to write the tags in the proper order.
1. <!DOCTYPE html> 2. <html> </html> 3. <title> </title> 4. <body> </body>
What are the opening and closing tags needed to create: 1. The largest heading 2. Medium size heading 3. The smallest heading
1. <h1>, </h1> 2. <h3>, </h3> 3. <h6>, </h6>
Basic HTML Template for Every HTML Page
< !DOCTYPE html > < html > < body > < / body > < / html >
What is the syntax needed to put a comment in your HTML code?
<!-- *Insert comment here* -->
Which HTML tag is used in order to show the definition of an acronym when I hover over it with my mouse? For example, when you hover over the word CSS on a web page, it will show you "Cascading Style Sheets"
<abbr>, </abbr>
What is the correct CSS for changing the text of an h3 heading to green using a CSS class selector?
<head> <style> h3 (color:purple;)</style </head> <body> <h3>Green Heading</h3> </body>
What is the correct CSS for changing the text of an h3 heading to green using a CSS id selector?
<head> <style>#Head3 (color:green;) </style> </head> <body> <h3 id="Head3">Green Heading</h3>
Code the HTML attribute needed to change the following list from number markers (default) to lowercase letters: 1. Coffee 2. Tea 3. Milk a. Coffee b. Tea c. Milk
<ol type="a"> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol>
Write the HTML code needed to show this on your web page. Note that you want to have a line in between Pythagorean Theorem and the formula. Pythagorean Theorem a2 + b2 = c2
<p>a<sup>2</sup>+b<sup>2</sup>=c<sup>2</sup></p>
What is Inline CSS?
A Cascading Style Sheet that is embedded among the lines of HTML in a source document. 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.
What is Internal CSS?
A Cascading Style Sheet that is part of an HTML document. An 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.
What is a hyperlink? What code is needed to insert a link into a page?
A hyperlink is a link from a hypertext file or document to another location or file, typically activated by clicking on a highlighted word or image on the screen. Code: <p><a href="http://www.weather.com">Link to weather.com</a></p>
Between what 2 tags do I place my internal CSS code?
Between the <style> tags
Where is the title tag in a web page?
In the tab of the web page
Which of the 3 methods is NOT recommended and why?
Inline CSS is not recommended because by mixing HTML content with presentation. Every time you would want to make a change, you would have to change all the code.
What are the 3 ways to insert CSS?
Internal, Inline, and External
Explain what the "target=blank" attribute does in the following tag: <a href="url" target="blank">
It opens the link in a new tab, instead of the same one
What does the acronym W3C stand for?
W3C stands for the World Wide Web Consortium.
I want to put a special symbol on my web page, for example, a copyright symbol that is not on the keyboard. In HTML, what character prefixes (goes in front of) a symbol?
ampersand
Which HTML tag is used to italicize text?
tags: <em></em> example: <p>P-TECH is <em>awesome!!</em></p>
Which HTML tag is used to make text bold?
tags: <strong></strong> example: <p>Math is <strong>Awesome!!</strong></p>
Compare and contrast the function of HTML vs. CSS.
CSS stands for Cascading Style Sheets. CSS describes how HTML elements are to be displayed on screen, paper, or in other media. HTML is used to create the actual content of the page such as the written text, and CSS is responsible for the design and aesthetic of the web page.
Some tags in HTML are referred to an empty tags. Know what an empty tag is and an example of an empty tag.
Empty tags are tags that do not have a closing tag <br> is an empty tag
Which of the 3 methods to insert CSS is recommended? Why?
External CSS is better because you can change it while not having to change the HTML content. With External CSS, the HTML content and CSS content remain separate.
What color appears if you code the following hexadecimal value? #00FF00
Green
What does the HTML <caption> tag do?
The <caption> tag defines a table caption. The <caption> tag must be inserted immediately after the <table> tag.
How could you consolidate this code?
h1, h2, p {text-align: center; color: red; }
Explain what the "alt="MyImage" attribute does in the following tag: <img src="image.jpg" alt="MyImage" style="width:300px;height:200px;">
"alt" is where you specify text that will appear in case there is a problem loading with the image
What tags are needed to code a table?
1. <table>, </table> -> marks the beginning and end of a table 2. <tr>, </tr> -> marks the beginning and end of a table row 3.<th>, </th> -> marks the beginning and end of a table header cell 4.<td>, </td> -> marks the beginning and end of a table data cell
What is External CSS?
A Cascading Style Sheet that is stored in a file separate from the HTML source document for a web page. With an external style sheet, you can change the look of an entire website by changing just one file! Each HTML page must include a reference to the external style sheet file inside the <link> element, inside the head section.
SCENARIO: You are trying to write a poem and you don't want to skip a line between the lines of text. What tag is needed to accomplish this?
The <br> tag, but remember this is an empty tag, which means it doesn't have a closing tag.
What does the <title> tag do?
The <title> tag puts the name of the web page in the tab
What does the W3C do; what is the organization's purpose?
The World Wide Web Consortium (W3C) is an international community where Member organizations, a full-time staff, and the public work together to develop Web standards. W3C's mission is to lead the Web to its full potential.
What is the CSS syntax needed to change bullet points in a list from a circle to a square? Select 1 choice. 1. list-type: square; 2. square; 3. list-style-type: square
The first choice
What kind of list is this? Know the tags needed to code this: Coffee Black hot drink Milk White cold drink
The list is unordered, and the tags for unordered lists are <ul>, </ul>
Sue adds the necessary and correct HTML tag to her web site so that a picture of her cat Trixie will appear. When she refreshes the browser, she is upset because the picture of Trixie is not appearing. Help Sue debug this problem. What did she do wrong? Remember that the HTML she coded is correct, so it is another issue.
The picture has to be in the same folder as the HTML file.
What is the correct HTML for referring to an external style sheet? Select 1 choice. 1. <style src="mystyle.css"> 2.<link rel="stylesheet" type="text/css" href="mystyle.css"> 3.<stylesheet>mystyle.css</stylesheet>
The second choice
John's boss says that he wants him to use recommended coding techniques. Therefore, he wants John to take the CSS code out of his HTML file and put it in an external CSS file. John is a new programmer and forgot where to point to an external CSS file. Help John out; where in an HTML document is the correct place to point to an external CSS file: Circle one of the following choices: a. Between the <body> </body> tags b. Between the <head> </head> tags
b. Between the <head> </head> tags
What is the correct CSS for changing the background color of a web page?
body { background-color: *name of color*; }
Your client wants the color of their web page to be light blue. What CSS statement would I need to accomplish this?
body { background-color: lightblue; }
Your client wants ALL the elements on their web page to be centered. What CSS statement would I need to accomplish this?
body { text-align:center; }