Coding Training
"child" elements
"child" elements
"self, closing," tags
"self, closing," tags
Which is the HTML character for non-breaking space?
A non-breaking space is a space that will not break into a new line.
How to find *rgb* color code?
*HTML Color Picker* in google
How can be define *responding*?
*Responding to the size* of the browser window of the device
What encoding should you always choose for your content or data?
*UTF-8* character encoding <meta charset="UTF-8"> Always declare the encoding. A *character encoding declaration* is vital to ensure that the text in your page is recognized by browsers around the world
What is Web accessibility?
*Web accessibility* focuses on ensuring equivalent access for people with disabilities
What means *alt* within a <img>?
*alt* means ALTernate text (for an image)
What is the term to indicate that the Web server itself can be programmed?
*back-end* techonlogies The Web server can dynamically serve or generate HTML, limit who can access what, handle routing, access databases, and much more.
What is the CSS property to collapse borders in a table?
*border-collapse* and the value *collapse* Example: table { border-collapse: collapse; }
what means the <div>?
*div* for division
What is the term to indicate that HTML and CSS files are both fundamentally "client side" technologies?
*front-end* technologies This means that they are executed by the browser on the machine of the person viewing the Web page. That browser running on their machine is the "client".
What is the other synonyme for *children* element?
*siblings* elements
What is the difference between Internet and Web?
- Internet is a *network of networks* - Web is an *application of Internet*
Is <div>, a tag *block* or tag *inline*?
<div> is a tag *block*
What is the tag element for *emphasis*?
<em>
Is <p* a tag *block* or tag *inline*?
<p> is a tag *block*
What is the tag for *preformated text*?
<pre> Text in a <pre> element is displayed in a fixed-width font (usually Courier), and it preserves both spaces and line breaks
What is the html tag for *short quotation*?
<q>
Is <span> a tag *block* or tag *inline*?
<span> is a tag *inline*
Which tag defines a table in HTML?
<table>
What is the htm element used in conjunction with the <thead> and <tfoot> elements to specify each part of a table?
<tbody>
What html tag enables to create *table data*?
<td>
What is the tag to create a table head?
<th>
What is the tag used to group the header content in a HTML table?
<thead>
How could you define: *World Wide Web*?
A collection of documents linked together by hypertext links, addressed using Uniform Resource Locators (URLs) accessible on the Internet.
How can you define *float*?
A float is a box that is shifted to the left or right on the *current line* Content flows down the right side of a left-floated box and down the left side of a right-floated box. This is the reason why it is often necessary to use the property *clear* to reinstate floating elements in the normal flow.
How could you define: *web page*?
A hypertext document connected to the World Wide Web
Attributes are used to further define the tag
Attributes are used to further define the tag
which language has been created for the presentation?
CSS
What means the acronym CSS?
Cascading, Style, Sheets
What is Code,Pen?
Code,Pen is an online editor that previews your code in your browser
What is telling that the page is using html 5?
DOCTYPE html tells the page is using html 5 (<!DOCTYPE html>)
What is the behavior of *floated* elements?
Floated elements are originally calculated in the normal flow and then removed. The floated elements is then ignored by the normal flow
What can be said about global attributes?
Global attributes are common to all elements in HTML
How is called the library of over 800 "free" licensed fonts?
Google fonts
Which language describe contents?
HTML It is a standardized system for tagging content on a web page so that a web browser knows how to present it properly to the viewer
What is the difference between HTML and HTTP?
HTML describes what's on a page and HTTP allows the page to be communicated to a user
What means the acronym HTTPS?
HyperText, Transfer, Protocol, Secure (https) It is the secure version of HTTP, the protocol over which data is sent between your browser and the Web site that you are connected to.
What is the standard markup language for creating Web pages?
Hypetext Markup Language, HTML
ID value can only be used in one element
ID value can only be used in one element
What is JS,Bin?
JS,Bin is a debugging tool
JSBin, and CodePen, are two online editors
JSBin, and CodePen, are two online editors
Meta-data are, datas not viewed by the user
Meta-data are, datas not viewed by the user
How is called attributes which are applied only to a specific instance of a tag?
Non-global attributes
Where should you put in CSS?
Put a comment at the top of each CSS rule
How to add comments to your CSS file?
Surround the text with a set of slashes and asterisks (/*.....*/)
Tags and attributes make up the language.
Tags and attributes make up the language.
Tags, read capital or, lower case letters the same
Tags, read capital or, lower case letters the same
What allows the page to be communicated to a user?
The Hypertext Transfert Protocole (HTTP) It is a protocol managed by the W3C to dictate the manner in which Web pages share data on the World Wide Web
Who invented the World Wide Web?
Tim Berners,Lee
What stands for URL?
Uniform Resource Locator
Which international community has the mission to safeguard the accessibility the World Wide Web?
W3C's
Which organisation has been developing and hosting free and open source tools?
W3C's
Who safeguards the openness of the World Wide Web?
W3C's
How do we call the font-family combinations to ensure maximum compatibility between browsers?
Web Safe Fonts Some commonly used font combinations: Serif fonts, Sans-serif fonts, Monospace fonts
What is the website which present a unique html page with a multitude presenations?
Zen Garden The HTML remains the same, the only thing that has changed is the external CSS file.
a tooltip
a tooltip
How do you code when you want to add two class names as selectors?
add the two class names by separating them by a space
How is called the symbol *"&"*?
ampersand
angle brackets enable to separate the annotations from the regular text
angle brackets enable to separate the annotations from the regular text
blockquote, for long quote
blockquote, for long quote
br, for break
br, for break
character is encoded, using one or more bytes
character is encoded, using one or more bytes
*Floating element* become inline and are removed from the normal flow. That is, elements coming after the float may be hidding behing a floating elements as they are now ignored by the natural flow. How can you cancel the fact that *floating* elements are ignored?
clear
comment tag, enables to leave comments
comment tag, enables to leave comments
leaving comments in your code is....
considered a best practice
A sans-serif typeface in the geometric style, released by Monotype Imaging in 1991?
font-family: Century Gothic
A widely used sans-serif typeface developed in 1957 by Swiss typeface designer Max Miedinge?
font-family: Helvetica
What is the property wich enables to highlight a row in the color when mouse is over it?
hover (*hover {background-colour: yellow;}*)
hr, for horizontal rule
hr, for horizontal rule
html organizes the content
html organizes the content
What website enables to checks the markup validity of *CSS* code?
jigsaw.w3.org/css-validator/ (CSS validation service)
What are the 4 values for the property *float*?
left, right, inherit, and none
Which property specifies what happens if content overflows an element's box?
overflow This property specifies whether to clip content or to add scrollbars when an element's content is too big to fit in a specified area.
overflow: hidden;
overflow: hidden;
which property specifies the type of positioning method used for an element?
position Position can take 5 values: static, relative, absolute, fixed or z-index
script
script
semi-colon
semi-colon
tags tell the computer where an element begins and ends
tags tell the computer where an element begins and ends
Code to add a 10px padding to a property *td*?
td { padding: 10px ; }
How to tranform a text to all characters to uppercase?
text-transform: uppercase;
What are the 2 type of value for boolean attributes?
true or false It is true when it is present
Coding: create a descendant selector using using *ul* and *li*
ul li
What website enables to checks the markup validity of your *HTML* code?
validator.w3.org (Markup validation service)
What site enables to check if there are internationalization problems with your page?
validator.w3.org/i18n-checker/ This checker explains what the problmes are and what to do about it
What are the 3 values to specify in order to create a border?
width, style and color * { border: 1 pixel, solid, black; }*
What should be done if you have passages in another language inside the page?
you should put a *lang* attribute on markup that surrounds them
you must specify the encoding you wish,
your page to use
Which property specifies the stack order of an element?
z-index;
How to position an element relative to its first positioned (not static) ancestor element?
{ position: absolute; }
How *to position* an element relative to the browser window?
{ position: fixed; }
How *to position* an element relative to its normal position?
{ position: relative; } Example: *left : 20px* adds 20 pixels to the element's *left* position
What is the default position value?
{ position: static; } Elements render in order, as they appear in the document flow
If an element is floating on the left, how cancel the fact that it is not into the natural flow anymore?
{clear: left; } Assigning a value of left says the top edge of this element must sit below any element that has the float: left property applied to it
What is the CSS property to display an element as a block element?
{display: block;}
What is the CSS property to display an element as an inline element?
{display: inline;}
How can you tell to an element to inherit *the float value* of its parent element?
{float: inherit; }
Coding: if content overflows the element box, scroll
{overflow: scroll;}
