Introduction to CSS and HTML Basics
Translated by
ScribdTranslationsIntroduction to CSS and HTML Basics
Translated by
ScribdTranslationsINTRODUCTION TO PROGRAMMING
REVIEW EXERCISE
Competition questions
1. In the Web interface, it is a file independent of the HTML file in which it is declared.
properties and styling values for HTML elements, thus, the task of
styling and HTML, exclusively, the marking and structuring of the content of
document. It concerns:
CSS (Cascading Style Sheets)
XML (eXtensible Markup Language)
XHTML (eXtensible Hypertext Markup Language)
Tableless
RDF (Resource Description Framework)
2. About the concepts and techniques needed for building websites where
they use CSS and HTML, judge the items that follow.
a. The CSS rule consists of the following syntax.
Selector {
propriedade: valor;
( )Correct( )Incorrect
b. CSS is a mechanism that allows adding styles to web documents, such as fonts, colors
the spacings
( )Certo( )Errado
c. HTML is a programming language used in the construction of web pages.
{"Certo":"Correct","Errado":"Wrong"}
3. A HTML5 page wishes to link a file called [Link] and a file
[Link]. For this, the instructions must be used
a) <link rel="stylesheet" type="file/css" src="[Link]"> and <script src="[Link]"> </script> in
body of the page
<import type="text/css" href="[Link]"> and <script file="[Link]"> </script> in the header of
page
c) <link type="css" style="external" href="[Link]"> and <script src="[Link]"> </script> no
page header
d) <include type="text/css" href="[Link]"> and <script src="[Link]"> </script> in the body of
page
<link rel="stylesheet" type="text/css" href="[Link]"> and <script src="[Link]"> </script> in
page header
4. Regarding the CSS and HTML described in the code, the presented result will be
(TRE/RS)[Link]
b) [Link] (TRE/RS)
c) ([Link] TRE/RS
d) (TRE/RS) ([Link]
e) TRE/RS ([Link]
5. When designing a website for viewing on low-cost smartphone resolutions up to
FullHD (1920x1080), a web designer chose to position a landscape photo
([Link]) como elemento decorativo no topo de cada página. Essa imagem deve ocupar
the entire width of the page and must have a height of 280 pixels. The image cannot be
resized or distorted when the browser window size is changed - it
it should be cut off, displaying only what fits in the visible area. The CSS code to generate
the box that will receive the image is:
a) { width: 100%; height: auto background: url([Link])
no-repeat; }
b) { width: 1080px; height: 280px;
background: url([Link]) no-repeat; }
c) { width: auto height: 1080px; background: url([Link])
no-repeat; }
d) { width: 100%; height: 280px; background: url([Link])
no-repeat; }
e) { width: 1920px; height: car background: url([Link])
no-repeat; }
6. CSS allows the specification of colors through distinct models. They are exclusive to
CSS3 the following models:
a) RGB, hexadecimal and name of the color
b) RGBA, CMYK and HSLA
c) RGBA, HSL and HSLA
d) RGB, HSL and hexadecimal
e) RGB, CMYK and hexadecimal
7. CSS is a style sheet language created for:
a) reduce the loading time of a page by separating form and content in
distinct files
b) describe the presentation of an HTML or XML document through the definition of how
the elements must be displayed on screen or other means
c) allow the creation of repetitive mathematical functions that can be called from
of HTML code
d) simplify the selection of fonts and application of colors in HTML pages
e) define the hierarchy of the elements of a page, regardless of its form, to
simplify the layout in HTML
8. Regarding the development languages JavaScript, HTML, and CSS, judge the items.
subsequent.
No CSS, the z-index property allows elements to overlap in layers. In this
representation, the elements with higher z-index values are displayed in front of
elements with lower z-index.
( )Correct( )Wrong
9. Consider an HTML5 page that has a <div class="texto"> element containing in
a large text inside, of approximately one page. To put this text into 3
columns in the browsers Chrome, Safari, and Opera, using CSS3, should be inserted in the block
Embedded CSS, the instruction
a) .text{-webkit-column-count:3}
b) .text{-moz-column-count:3}
c) #text{column-count:3}
d) .text{column-width:3}
.text{-column-count-width:3}
10. In the presence of the following CSS declaration:
.center {
text-align: center;
color: red;
}
The included texts will be centralized and colored red:
a) in the HTML elements <center>...</center>;
b) in the elements that have the attribute id="center";
c) to the elements that have the attribute class="center";
d) in the elements that have the attribute name="center";
e) in the <center> section of the document.
11. The overflow property in CSS3 accepts some values, EXCEPT:
a) overflow: scroll;
b) overflow: clipped;
c) overflow: visible;
d) overflow: auto;
12. Through CSS3, indicate the option that turns the text of hyperlinks into italic.
when hovering the cursor over them:
a:hover { font-decoration: italic; }
b) a:hover { font-style: italic; }
c) a:hover { text-decoration: italic; }
d) a:hover { text-style: italic; }
13. Through CSS3, indicate the option that does not underline the text of hyperlinks.
when you hover the cursor over them:
a:hover { underline: 0px; }
b) a:hover { text-underline: none; }
c) a:hover { text-decoration: none; }
d) a:hover { decoration: 0px; }
14. The position property of CSS3 specifies the type of positioning method used.
for a specific HTML element. This property allows the values:
a) top, bottom, left, right or center.
b) public, private, default or static.
c) bottom, left, right, wrap or center.
d) static, relative, absolute or fixed.
15. What is the interpretation of what the following CSS (Cascading Style Sheets) code does?
a) That the body of the site has a black background, the main header (headings)
have orange color and text centered and the paragraph has font Arial and size 20.
b) That the website body has a blue background color, the main header (headings)
have orange color and centered text and the paragraph should have font in Arial and size 20.
c) That the body of the site has all letters in blue, the secondary header (headings)
have orange color and centered text and the first paragraph should have Arial font
size 20.
d) That the site body has a black background color, the main headings
have orange color and centered text and, starting from the second paragraph, have text with font
Arial and size 20.
e) That the body of the site has a blue background, the main header (headings)
have orange color and centered text and all your internal pages have text with
Arial font and size 20.
16. Dados os trechos 1 e 2 de código CSS, abaixo.
1.a:active { color: green; font-style: bold; text-decoration: none; }
[Link] li { font-family: Helvetica, Arial; }
Based on this CSS code, consider the following statements.
I. The declaration "font-style: bold" in section 1 is correct.
The declaration 'font-family: Helvetica, Arial' in section 2 is incorrect.
III. The declaration 'text-decoration: none' from section 1 makes links display without the
underlined.
IV. If we add the declaration "list-style-type: none" in section 2, the list will be displayed without
markers.
a) Only I
b)Only II
c) Only III
Only III and IV
e) Only I, II, and IV
17. Assinale com V (verdadeiro) ou com F (falso) as seguintes afirmações, relativas à CSS.
( ) HOVER is used when the mouse pointer hovers over a link.
( ) ACTIVE is used to format links that have been visited by the user.
( ) LINK is used to format links that have not been visited by the user.
( ) VISITED is used to format active links.
The sequence is:
18. The position property of CSS3 specifies the type of positioning method used.
for a specific HTML element. This property allows the values:
a) bottom, left, right, wrap or center.
b) static, relative, absolute or fixed.
c) public, private, default or static.
d) top, bottom, left, right or center.
e) default, relative, absolute or variable.
19. Observe the following HTML and CSS document:
HTML:
<html>
<body>
Text
</body>
</html>
CSS:
body {color: white; }
h1 {color: purple; }
p {color: red; }
#p {color: green; }
.p {color: blue; }
When opening the document in a browser, the word Text will be displayed in the color:
green
purple
c) blue
branch
red
20. Select the option that presents a layered stylesheet, which is
used to define the presentation on web pages that adopt languages of
markup, such as XML, HTML, and XHTML.
a) TAG
b) COOKIE
c) XML
d) CSS
e) DIV