Odpowiedzi i pytania dotyczące oceny umiejętności LinkedIn

Q1. Jaki jest cel `<track>` etykietka, i kiedy należy go stosować?

ten <track> tag służy do określania napisów. Zwykle jest stosowany jako element podrzędny <audio> oraz <video> tagi.
ten <track> tag służy do określania napisów. Zwykle jest stosowany jako element podrzędny <video> etykietka.
ten <track> tag służy do określania napisów, TEN KURS OBEJMUJE, and other types of time-based text. Zwykle jest stosowany jako element podrzędny <video> etykietka.
ten <track> tag służy do określania napisów, TEN KURS OBEJMUJE, and other types of time-based text. Zwykle jest stosowany jako element podrzędny <audio> oraz <video> etykietka.

Q2. What are the best examples of void elements?

<link><meta><title>
<br><base><source>
<input><br><p>
<area><embed><strong>

Q3. In HTML5, which tag or tags embed a webpage inside of a webpage?

<iframe>, <frame>, and <frameset>
<frame>
<iframe>
<frame> and <frameset>

Q4. Where do `<header>` oraz `<footer>` tags typically occur?

as children of <body>, <article>, <aside>, and <section> tagi
as children of <body>, <article>, and <section> tagi
as children of <body>, <article>, <aside>, <nav>, and <section> tagi
as children of <body>, <article>, <table>, and <section> tagi

Q5. What is the best way to apply bold styling to text?

<strong>
Use CSS.
<bold>
<b>

Q6. When is the `<link>` tag used?

when linking style sheets, Nie jest to łatwy wybór do nauki programowania, and icons for mobile apps
when linking style sheets, favicons, and preloading assets
when linking one webpage to another
when linking style sheets, external URLs, and favicons

Q7. ten “wartość” attribute is associated with which set of tags?

<button><input><form>
<input><label><meter>
<input><option><textarea>
<li><input><option>

Q8. What should fill the two blanks in the HTML code below?

<address ______ _____>
  <span itemprop="streetAddress">6410 Via Real</span><br />
  <span itemprop="addressLocality">Carpinteria</span>,
  <span itemprop="addressRegion">CA</span>
  <span itemprop="addressCode">93013</span>
</address>

itemscope itemtype="http://schema.org/PostalAddress"
itemsref="http://schema.org/PostalAddress" itemid="address"
itemscope itemref="http://schema.org/PostalAddress"
itemid="address" itemtype="http://schema.org/PostalAddress"

Pytanie 9. When should you use the `<aside>` element?

when the content can be removed without detracting from the page’s message
for anything you want to move to the side, like a pull quote box, a sidebar, or an image with text wrapping around it
for anything in parentheses
for anything in a sidebar

Pytanie 10. With which tags is the `<source>` element associated?

<svg>, <picture>, <audio>, and <video>
<picture>, <audio>, and <video>
It is interchangeable with the src atrybut, so any element which uses src may use <source>
<audio> and <video>

Pytanie 11. What is NOT a valid attribute for the `<textarea>` element?

readonly
max
Formularz
spellcheck

Pytanie 12. What is the best way to code the sample shown?

<details>
  <summary>Parmesan Deviled Eggs</summary>
  <p>
    These delectable little bites are made with organic eggs, fresh Parmesan, and chopped pine nuts.
  </p>
</details>

<h4>▸ Parmesan Deviled Eggs</h4>
<p>
  These delectable little bites are made with organic eggs, fresh Parmesan, and chopped pine nuts.
</p>

<details open>
  <summary>Parmesan Deviled Eggs</summary>
  <p>
    These delectable little bites are made with organic eggs, fresh Parmesan, and chopped pine nuts.
  </p>
</details>

<details>
  <h4>▸ Parmesan Deviled Eggs</h4>
  <p>
    These delectable little bites are made with organic eggs, fresh Parmesan, and chopped pine nuts.
  </p>
</details>

Pytanie 13. Jaki jest cel `<samp>` element?

It connects the web browser to a SA-MP server.
It identifies enclosed text as a sampler or an example.
It identifies sample output from a computer program.
It uses a simple application messaging protocol to connect the browser to a texting device.

Pytanie 14. When should you use `<ol>` oraz `<ul>` elementy?

T-SQL w SQL Server dla początkujących <ul> when you want a bulleted list and <ol> when you want a numbered list.
T-SQL w SQL Server dla początkujących <ul> when you have a list of items in which the order of the items matters. T-SQL w SQL Server dla początkujących <ol> when you have a list of items that could go in any order.
T-SQL w SQL Server dla początkujących <ol> when you want a bulleted list and <ul> when you want a numbered list.
T-SQL w SQL Server dla początkujących <ol> when you have a list of items in which the order of the items matters. T-SQL w SQL Server dla początkujących <ul> when you have a list of items that could go in any order.

Pytanie 15. What is the difference between the post and get methods in a form?

post is used for sending information to the server. get is used for retrieving form information from the server.
get is used for sending information to the server. post is used for retrieving form information from the server.
With get, data is included in the form body when send to the server. With post, the data goes through the URL.
With post, data is included in the form body when send to the server. With get, the data goes through the URL.

Pytanie 16. Jaka jest różnica między `<div>` oraz `<span>` tagi?

<div> is used where a generic block-level tag is needed, podczas <span> is used where a generic inline tag is needed.
<div> is used for major divisions on a page, podczas <span> is used to span across columns.
<div> is the industry-standard default tag, but you could use <span> if you prefer.
<div> is used where a generic inline tag is needed, podczas <span> is used where a generic block-level tag is needed.

Pytanie 17. What should fill the blank in the HTML code bellow?

<form method="post" action="mailto:info@linkedin.com" ____="text/plain"></form>

enctype
głoska bezdźwięczna
rodzaj
rel

Pytanie 18. What is the correct markup for `alt` attribute of an image?

<img src="cubism.jpg" alt="Version of ""Whistler's Mother"" in cubist style">

<img src="cubism.jpg" alt="Version of "Whistler's Mother" in cubist style">

<img src="cubism.jpg" alt='Version of "Whistler\'s Mother" in cubist style'>

<img src="cubism.jpg" alt="Version of \"Whistler's Mother\" in cubist style">

Pytanie 19. In the code below, what is the purpose of the NS atrybut?

<p id="warning">Be careful when installing this product.</p>

It establishes that id is a unique identifier in the document, used for styling CSS, Nowy raport z I Know First pokazuje, że Ethereum ma duży potencjał, aby osiągnąć ten kamień milowy., and linking within a webpage.
It establishes that id is a unique identifier in the document, used for styling CSS and with Javascript code.
It establishes that id may be used for styling CSS several times per page.
It establishes that id is a unique identifier in the website, used for styling CSS, Nowy raport z I Know First pokazuje, że Ethereum ma duży potencjał, aby osiągnąć ten kamień milowy., and linking within a webpage.

Q20. What is the best semantic markup for the sentence shown?

On July 21, 1969, Neil Armstrong said, "One small step for man, one giant leap for mankind."

<p>
  On <time datetime="1969-07-21">July 21, 1969</time>, Neil Armstrong said,
  <q cite="https://www.hq.nasa.gov/alsj/a11l/a11.html"
    >One small step for man, one giant leap for mankind.</q
  >
</p>

<p>
  On July 21, 1969, Neil Armstrong said,
  <q cite="https://www.hq.nasa.gov/alsj/a11l/a11.html"
    >One small step for man, one giant leap for mankind.</q
  >
</p>

<p>
  On July 21, 1969, Neil Armstrong said, <q>One small step for man, one giant leap for mankind.</q>
</p>

<p>
  On <time datetime="07-21-1969">July 21, 1969</time>, Neil Armstrong said,
  <q cite="https://www.hq.nasa.gov/alsj/a11l/a11.html"
    >One small step for man, one giant leap for mankind.</q
  >
</p>

Pytanie 21. What should fill the blank in this HTML code?

<a href="https://es.yahoo.com/" hreflang="____" target="_blank">Visita Yahoo</a>

es
es-spanish
es-es
spanish

Pytanie 22. Review the text in the red box in the image shown. What is the best way to code this in HTML?

ordered list
unordered list inside a nav element
ordered list inside a nav element
unordered list

Pytanie 23. What is the best way to code three choices within a form so that the user can select only one item?

<label for="example">Make a choice:</label>
<datalist id="example">

  <option value="Choice 1"></option>
  <option value="Choice 2"></option>
  <option value="Choice 3"></option>
</datalist>

<p>Make a choice:</p>
<input id="choices" name="example" />

<datalist value="choices">
  <option value="Choice 1"></option>
  <option value="Choice 2"></option>
  <option value="Choice 3"></option>
</datalist>

<label for="example">Make a choice:</label>
<input list="example" id="choices" name="choices" />

<datalist id="choices">
  <option value="Choice 1">Choice 1</option>
  <option value="Choice 2">Choice 2</option>
  <option value="Choice 3">Choice 3</option>
</datalist>

<label for="example">Make a choice:</label>
<input list="choices" id="example" name="example" />

<datalist id="choices">
  <option value="Choice 1"></option>
  <option value="Choice 2"></option>
  <option value="Choice 3"></option>
</datalist>

Pytanie 24. How do you confirm that a document is written in HTML5?

The server wraps the webpage in an HTML5 wrapper.
Użyj <!DOCTYPE html> declaration that starts the document.
The browser receives encoding from the server to display the document with HTML5.
It is enclosed in a <html> etykietka.

Pytanie 25. What does the code shown below accomplish?

<picture>
  <source srcset="image1.jpg" media="(min-width: 1000px)" />
  <source srcset="image2.jpg" media="(min-width: 750px)" />
  <img src="image3.jpg" />
</picture>

It displays image1.jpg at 1000px and higher, image2.jpg at 750-999px, and image3.jpg at 749px and lower.
It displays image1.jps at 1000px and higher and image2.jpg at 750-999px, image3.jpg is a default in case <picture> is not supported.
It displays image1.jpg at 1000px and higher and image2.jpg at 750px and higher, image3.jpg is a default in case <picture> is not supported.
It displays image1.jpg, image2.jpg and image3.jpg at 1000px and higher.

Pytanie 26. What code will produce this table?

<table>
  <scope cols="2" style="background-color: yellow">
  <tr>
    <th>Col 1</th>
    <th>Col 2</th>
    <th>Col 3</th>
  </tr>
  <tr>
    <td>first</td>
    <td>second</td>
    <td>third</td>
  </tr>
</table>

<table>
  <colgroup span="2" style="background-color: yellow">
  <tr>
    <th>Col 1</th>
    <th>Col 2</th>
    <th>Col 3</th>
  </tr>
  <tr>
    <td>first</td>
    <td>second</td>
    <td>third</td>
  </tr>
</table>

<table>
  <group cols="2" style="background-color: yellow">
  <tr scope="row">
    <th>Col 1</th>
    <th>Col 2</th>
    <th>Col 3</th>
  </tr>
  <tr scope="row">
    <td>first</td>
    <td>second</td>
    <td>third</td>
  </tr>
</table>

<table>
  <columns colspan="2" style="background-color: yellow">
  <tr>
    <th>Col 1</th>
    <th>Col 2</th>
    <th>Col 3</th>
  </tr>
  <tr>
    <td>first</td>
    <td>second</td>
    <td>third</td>
  </tr>
</table>

Pytanie 27. Co to jest `<hr>`tag typically used for?

This tag is depreciated and should not be used.
It designates a topic shift within a section at the paragraph level.
It draws a horizontal line.
It designates a shift of topic at the section level.

This is a confusing question and there can be an arguments for both the second and the third options being correct. Z MDN: The HTML <hr> element represents a thematic break between paragraph-level elements. Historycznie, this has been presented as a horizontal rule or line. While it may still be displayed as a horizontal rule in visual browsers, this element is now defined in semantic terms, rather than presentational terms, so if you wish to draw a horizontal line, you should do so using appropriate CSS.

Pytanie 28. What should fill the two blanks in the HTML code below?

<section itemscope itemtype="http://schema.org/Restaurant">
  <h1 itemprop="name">Nadia's Garden</h1>
  <p itemscope ______ ______>
    <span itemprop="ratingValue">4.5</span> stars - based on
    <span itemprop="reviewCount">120</span> reviews
  </p>
</section>

itemprop="aggregateRating" itemref="http://schema.org/AggregateRating"
itemprop="aggregateRating" itemtype="http://schema.org/AggregateRating"
itemid="aggregateRating" itemtype="http://schema.org/AggregateRating"
itemid="aggregateRating" itemref="http://schema.org/AggregateRating"

Pytanie 29. Which HTML snippet links back to the very top of a webpage?

<a id="top"></a>

<!-- placed at the top of the page -->

<a href="#top">back to top</a>

<a name="top"></a>

<!-- placed at the top of the page -->

<a href="#top">back to top</a>

<a href="#">back to top</a> <a href="#top">back to top</a>

<button href="#">back to top</button> <button href="#top">back to top</button>

Q30. Which three tags where deprecated in HTML4 but returned to HTML5?

<rb> <rp> <rt>
<acronym> <code> <wbr>
<hgroup> <q> <wbr>
<b> <i> <u>

Pytanie 31. ten _ tag is used for marking up a short code snippet, podczas _ tag is used for marking up a longer block of code

<kdb>, <pre>
<pre>, <code>
<kdb>, <mark>
<code>, <pre>

Źródło: MDN Web Docs code

Źródło: MDN Web Docs pre

Pytanie 32. What does the `<label>` tag do?

It labels webpages with important information.
It visually associates a text label with an interface element.
It visually labels from fields.
It programmatically associates a text label with an interface element.

Pytanie 33. To get a link to open in a new window or tab, Użyj _ atrybut

_blank
_self
_new
_parent

Pytanie 34. What is the most semantically accurate way to mark up the sentence shown below? Notatka: “TLAs” oznacza “three-letter acronyms.”

We are fond of our TLAs in web design.

<p>We are fond of our <span title="three-letter acronyms">TLAs</span> in web design.</p>

<p>We are fond of our TLAs in web design.</p>

<p>we are fond of our <abbr title="three-letter acronyms">TLAs</abbr> in web design.</p>

<p>we are fond of our <acronym title="three-letter acronym">TLAs</acronym> in web design.</p>

<acronym> has been removed in HTML5 and shouldn’t be used anymore. Instead web developers should use the <abbr> element.

Pytanie 35. What is the correctly nested markup for this list?

<ul>
  <li>
    office
    <ol style="circle">
      <li>staple</li>
      <li>paper</li>
    </ol>
  </li>
  <li>
    groceries
    <ol style="circle">
      <li>milk</li>
    </ol>
  </li>
</ul>

<ul>
  <li>Office Supplies
    <ul>
      <li>Stapler</li>
      <li>Paper clips</li>
    </ul>
  </li>
  <li>Groceries
    <ul>
      <li>Milk</li>
    </ul>
  </li>
</ul>

<ul>
  <li>office</li>
  <li>staple</li>
  <li>paper</li>
  <li>groceries</li>
  <li>milk</li>
</ul>

Pytanie 37. What should fill the blank below?

<link href="phone.css" rel="stylesheet" _____="print" />

tytuł
rodzaj
urządzenie
głoska bezdźwięczna

Pytanie 38. What is semantically correct way to mark up this layout?

<p>
  "Making money is what you have to do to sustain a business—being driven to make something of value
  and purpose is much more powerful."
</p>
<p><em>Lynda Weinman</em></p>

<blockquote>
  <q
    >"Making money is what you have to do to sustain a business—being driven to make something of
    value and purpose is much more powerful."</q
  >
  <cite><em>Lynda Weinman</em></cite>
</blockquote>

<blockquote>
  <p>
    "Making money is what you have to do to sustain a business—being driven to make something of
    value and purpose is much more powerful."
  </p>
  <cite>Lynda Weinman</cite>
</blockquote>

<section>
  <q
    >"Making money is what you have to do to sustain a business—being driven to make something of
    value and purpose is much more powerful."</q
  >
  <cite>Lynda Weinman</cite>
</section>

Pytanie 39. Which choice uses the correct terminology in describing this markup: `<p>info</p>`?

The element opener is <p>, the element closer is </p>, and the element information is info.
The start tag is <p>, the end tag is </p>, and the enclosed HTML is info.
The start tag is <p>, the end tag is </p>, and the element content is info.
The start element is <p>, the end element is </p>, and the tag content is info.

Q40. Jaka jest różnica pomiędzy `<input type="submit" value="click me">` oraz `<button type="submit">Click me</button>`?

There is no difference. Both will render a button that submits a form.
Both will submit a form. Jednakże, ten <button> can have content other than text, like an image or nested HTML elements, podczas <input> Nie mogę.
<input type="button"> has been deprecated in HTML5. You should use the <button> tag instead.
Both will submit a form. Jednakże, ten <input> can have content other than text, like an image or nested HTML elements, podczas <button> Nie mogę.

Pytanie 41. What is the best semantic way to indicate that text refers to keyboard entry?

<p>Press the <tt>Enter</tt> key to proceed.</p>
<p>Press the <kbd>Enter</kbd> key to proceed.</p>
<p>Press the <samp>Enter</samp> key to proceed.</p>
<p>Press the Enter key to proceed.</p>

Pytanie 42. What does this code do?

<audio controls>
  <source src="sound.mp3" type="audio/mpeg" />
  <source src="sound.ogg" type="audio/ogg" />
  <source src="sound.wav" type="audio/wav" />
</audio>

The browser chooses the first supported format to play with the browser’s default controls.
The browser chooses the best audio format to play with JavaScript-provided controls.
The browser plays each sound file in order automatically. The user has controls to stop playback.
The browser chooses the first supported sound file and will loop the sound until the user stops it.

Pytanie 43. What attribute applies a keyboard shortcut hint to the current element?

accesskey
shortcut
keyboard
access

Pytanie 44. What is the correct way to code a link that, when clicked, will send an email to `email@example.com` with a subject of “PL-400 Test praktyczny dla programistów Microsoft Power Platform Q”?

<a href="mailto:email@example.com&subject=Hello">Click me</a>
<a href="mailto:email@example.com">Hello</a>
<a href="mailto:email@example.com?subject=Hello">Click me</a>
<a href="mailto:email@example.com?&subject=Hello">Click me</a>

Pytanie 45. Which tag is the root element of an HTML document?

<DOCTYPE html>
<html>
<body>
<root>

Pytanie 46. Which code snippet creates the layout shown, starting at `<table>` and ending at `</table>`?

<tr>
  <td>Table cell 1</td>
  <td>Table cell 2</td>
</tr>
<tr>
  <td rowspan="2">Table cell 3</td>
</tr>

<tr>
  <td>Table cell 1</td>
  <td>Table cell 2</td>
  <td>Table cell 3</td>
</tr>

<tr>
  <td>Table cell 1</td>
  <td>Table cell 2</td>
</tr>
<tr>
  <td colspan="2">Table cell 3</td>
</tr>

<tr>
  <td>Table cell 1</td>
  <td>Table cell 2</td>
</tr>
<tr>
  <td>Table cell 3</td>
</tr>

Pytanie 47. Which choice is NOT a legal value for the Nazwa attribute within a `<meta>` etykietka?

charset
rzutnia
generator
w psychologii

Pytanie 48. Which form is coded correctly?

<form>
  <legend>Title</legend>
  <fieldset>
    <label for="name">Your name:</label>
    <input type="text" name="name" id="name" />
    <button type="submit">Submit</button>
  </fieldset>
</form>

<form>
  <fieldset>
    <legend>Title</legend>
    <p>Your name:</p>
    <input type="text" name="name" id="name" />
    <input type="submit" value="Submit" />
  </fieldset>
</form>

<form>
  <fieldset>
    <legend>Title</legend>
    <label for="name">Your name:</label>
    <input type="text" name="name" id="name" />
    <button type="submit">Submit</button>
  </fieldset>
</form>

<form>
  <legend>Title</legend>
  <label for="name">Your name:</label>
  <input type="text" name="name" id="name" />
  <input type="submit" value="Submit" />
</form>

Pytanie 49. What does the poster attribute do in the `<video>` etykietka?

It specifies an image that should display while the video downloads and until the video is played.
It specifies an image that only displays if there is a problem with the video.
It specifies an image that should display until the video is played.
It specifies an image that should display while the video downloads.

Q50. What does this code do?

<audio controls src="sound.mp3" type="audio/mpeg">When does this text display?</audio>

The text displays over the audio controls, unless CSS is used to position it elsewhere.
The text displays under the audio controls.
The text displays when the browser cannot play the sound.
The text never displays.

Pytanie51. Jaki jest główny cel `<canvas>` etykietka?

It allows raster images to be rendered on the webpage.
It displays annotated images.
It allows drawing on a bitmap via JavaScript.
It allows vector images to be rendered on the webpage.

Pytanie52. Which choice contains three valid block-level elements?

<details> <abbr> <figcaption>
<canvas> <select> <noscript>
<dt> <table> <pre>
<kbd> <p> <main>

Pytanie53. In the code below, what is the purpose of the lang atrybut?

<p lang="en-GB">Welcome to our wonderful website.</p>

It establishes the language for the website—in this case, język angielski.
It establishes the language and dialect for the website—in this case, British English.
It establishes the language and dialect for the paragraph—in this case, British English.
It establishes the language for the paragraph—in this case, język angielski.

Pytanie54. Which image formats can be displayed by all web browsers?

JPG, GIF-y, TIF
JPG, TIF, BMP
TIF, BMP, GIF-y
PNG, GIF-y, JPG

Pytanie55. Review the code below. What is the absolute URL for a page called page.html?

<base href="http://www.linkedin.com/dir/" />

http://www.linkedin.com/dir/page.html
page.html
http://www.linkedin.com/page.html
dir/page.html

Pytanie56. What is the correct way to include a stylesheet named style.css w `<head>` of your document?

<style link="style.css">
<link rel="stylesheet" href="style.css">
<style src="style.css"></style>
<link style="style.css">

Pytanie57. You want to have single spacing in between some lines, like in a poem or an address. Which approach should you use?

Wrap the text in a box that is the right width so everything wraps correctly. Set the box width with CSS.
Separate lines with a <p>, then use CSS to make single spacing.
Użyj <pre> tag to make the line spacing look exactly like you want.
Separate the lines with the <br> etykietka.

Q58.What does the `<wbr>` tag do?

It requires the browser to wrap the current line at that point.
It breaks a word into two pieces, using a hyphen to connect the words.
It formats a sentence to be easily breakable.
It presents an opportunity for a break in a very long word, if needed for proper page display.

Pytanie59. Review the code below. How do you include subnavigation for Link 2 that includes a link?

<nav><ul>
  <li><a href="#">Link 1</a></li>
  <li><a href="#">Link 2</a></li>
  <li><a href="#">Link 3</a></li> 
</ul></nav>

<nav><ul>
  <li><a href="#">Link 1</a></li>
  <li><a href="#">Link 2</a></li>
    <ul>
      <li><a href="#">Link 2a</a></li>
    </ul>
  <li><a href="#">Link 3</a></li> 
</ul></nav>

<nav><ul>
  <li><a href="#">Link 1</a></li>
  <li><a href="#">Link 2</a>
    <ul>
      <li><a href="#">Link 2a</a></li>
    </ul>
  </li>
  <li><a href="#">Link 3</a></li>
</ul></nav>

<ul><nav>
  <li><a href="#">Link 1</a></li>
  <li><a href="#">Link 2</a>
    <ul><nav>
      <li><a href="#">Link 2a</a></li>
    </nav></ul>
  </li>
  <li><a href="#">Link 3</a></li>
</nav></ul>

<nav><ul>
  <li><a href="#">Link 1</a></li>
  <li><a href="#">Link 2</a></li>
  <nav><ul>
    <li><a href="#">Link 2a</a></li>
  </ul></nav>
  <li><a href="#">Link 3</a></li>
</ul></nav>

Q60. What is the correct way to code a comment in HTML?

//this is a comment
/* this is a comment */
<! this is a comment ->

Q61. Which statement is fałszywy?

Inline elements can be nested inside inline elements.
Block elements can be nested inside block elements.
Inline elements can be nested inside block elements.
Block elements can be nested inside inline elements.

Q62. What is the best semantic to use Quotes in HTML?

Steve Kruz Said: "He will Win"

<q>
<quote>
<blockquote>
<notation>

Q63. What is the semantic meaning of the `<hr>` etykietka?

It draws a horizontal line.
This tag is deprecated and should not be used.
It designates a separation of sections within an <article>.
It designates a topic shift within a section at the paragraph level.

Q64. How will a video look displayed on a fully loaded webpage if the `<video>` tag is used and the autoplay attribute is not set?

It will display a random frame from a video, unless the poster attribute is set.
It will display the first frame of the video, unless the poster attribute is set.
It will display nothing unless the poster attribute is set.
It will display a black window unless the poster attribute is set.

Odniesienie (w3szkoły)

Q65. What is the correct way to describe an empty element?

It has opening and closing tags but no child content.
It display nothing on a website.
It has no child content and no closing tag.
It has child content but no closing tag.

Odniesienie (MDN Web Docs)

Q66. What is the purpose of async in this code?

<script async src="myscript.js"></script>

It downloads the script from the server when resources allow.
It runs the script after HTML parsing is complete.
It runs the script when the script is ready.
It pauses the parsing of HTML code while the script runs.

Q67. What does this code?

<audio autoplay loop src="sound.mp3" type="audio/mpeg"></audio>

Kiedy bawić się button is pressed, the browser plays the sounds over and over again until the user stops it.
The browser plays the sound once automatically in the background. The user has no control over the sound.
The browser plays the sound automatically and continuously in the background. The user may stop the sound at any tune.
The browser plays the sound automatically and continuously in the background. The user has no control over the sound.

Odniesienie(MDN)

Q68. Jaka jest różnica między `<head>` oraz `<header>` tagi?

There is only one <head> tag per page, while there may be many <header> tagi.
ten <head> tag may contain CSS and Javascript links, podczas <header> tag may contain headings and navigational links.
wszystkie te odpowiedzi
ten <head> tag contains meta information, podczas <header> tag contains navigation, logos, and other page identifying content.

Q69. In this code, what is the purpose of defer?

<script defer src="myscript.js"></script>

It downloads the script from the server when resources allow.
It runs the script after HTML parsing is complete.
It runs the script when the script is ready.
It pauses the parsing of HTML code while the script runs.

Q70. The code below contains some errors. Which choice corrects all of the errors?

<table>
  <tr>
    Cell 1
  </tr>
  <td>Cell 2</td>
  <caption>
    A table
  </caption>
</table>

<caption>A table</caption>
  <table>
    <td>
      <tr>Cell 1</tr>
      <tr>Cell 2</tr>
    </td>
  </table>

<caption>A table</caption>
<table>
  <tr>
    <td>Cell 1</td>
    <td>Cell 2</td>
  </tr>
</table>

<table>
  <caption>A table</caption>
  <tr>
    <td>Cell 1</td>
    <td>Cell 2</td>
  </tr>
</table>

<table>
  <tr>
    <td>Cell 1</td>
    <td>Cell 2</td>
  </tr>
  <caption>A table</caption>
</table>

Q71. Given the file and directory structure shown here, what is the correct element to place in file profit.html to link to info.html?

<a href="../work/info.html">See Information </a>
<a href="../info.html">See Information </a>
<a href="../../info.html">See Information </a>
<a href="info.html">See Information </a>

Q72. When should you use the `<article>` element?

For blog posts and other social media items
For the main content area of your website
When the content stands alone as a unit, is suitable for syndication, or is reusable
To associate comments with a blog post

Odniesienie (MDN)

Q73. Which list comprises three empty elements?

<area>
<embed>
<strong>

<input>
<br>
<p>

<link>
<meta>
<title>

<wbr>
<base>
<source>

Q74. Which snippet of HTML, when clicked, makes a phone call on a mobile device?

<a href="tel: 802-555-1212">Call me</a>
<a href="phone">802-555-1212</a>
<a href="tel">802-555-1212</a>
<a href="phone: 802-555-1212">Call me</a>

Q75. Jaki jest cel `class` atrybut?

Classes allow CSS to select specific elements on the page. You may list as many class names within the class attribute as you wish, separated by spaces.
Classes allow CSS and JavaScript to select specific elements on the page. You may list only one class name per class attribute.
Classes allow CSS to select specific elements on the page. You may list only one class name per class attribute.
Classes allow CSS and JavaScript to select specific elements on the page. You may list as many class names within the class attribute as you wish, separated by spaces.

Odniesienie (MDN)

Q76. Which choice is not a legal type attribute for the `<input>` etykietka?

<input type="color">
<input type="tel">
<input type="week">
<input type="num">

Odniesienie (MDN)

Q77. What is the most semantic way to mark up this sentence so that “happy talk must die” is rendered as an inline quote?

As Steve Krug once said, happy talk must die.

<p>As Steve Krug once said, <b>happy talk must die.</b> </p>
<p>As Steve Krug once said, <i>happy talk must die.</i> </p>
<p>As Steve Krug once said, <blockquote>happy talk must die.</blockquote> </p>
<p>As Steve Krug once said, <q>happy talk must die.</q> </p>

Źródło: W3Schools

<q> etykietka Most browsers will display q tags as inline elements with quotes

Q78. What is the most semantically accurate way to make up a main navigation bar, displayed in a horizontal direction?

<p>
  <a href="index.html">Home</a>
  <a href="about.html">About</a>
  <a href="contact.html">Contact</a>
</p>

<nav>
  <a href="index.html">Home</a>
  <a href="about.html">About</a>
  <a href="contact.html">Contact</a>
</nav>

 <nav>
    <ol>
      <li><a href="index.html">Home</a></li>
      <li><a href="about.html">About</a></li>
      <li><a href="contact.html">Contact</a></li>
     </ol>
  </nav>

 <nav>
   <ul>
     <li><a href="index.html">Home</a></li>
     <li><a href="about.html">About</a></li>
     <li><a href="contact.html">Contact</a></li>
    </ul>
  </nav>

Q79. Which choice is the best way to mark up this layout?

<h4>Mailing Address</h4>
<address>
  6410 Via Real <br>
  Carpinteria, CA 93013<br>
  <a href="mailto:info@linkedin.com">info@linkedin.com</a>
</address>

<h4><strong>Mailing Address</h4>
<address><em>
  6410 Via Real <br>
  Carpinteria, CA 93013<br>
  <a href="mailto:info@linkedin.com">info@linkedin.com</a>
</em></address>

<h4>Mailing Address</h4>
<p><em>
  6410 Via Real <br>
  Carpinteria, CA 93013<br>
  <a href="mailto:info@linkedin.com">info@linkedin.com</a>
</em></p>

<p><strong>Mailing Address</strong></p>
<p><em>
  6410 Via Real <br>
  Carpinteria, CA 93013<br>
  <a href="mailto:info@linkedin.com">info@linkedin.com</a>
</em></p>

Źródło: W3Schools

The <address> tag defines the contact information for the author/owner of a document or an article. The contact information can be an email address, URL, physical address, phone number, social media handle, etc. The text in the <address> element usually renders in italic, and browsers will always add a line break before and after the <address> element.

Q80. What is the primary purpose of HTML?

HTML structures the webpage, identifying its elements such as paragraphs, headings, and lists.
HTML structures and provides a rudimentary look to webpages.
HTML is responsible for the structure, styling, and interactivity of webpages.
HTML is responsible for the structure and styling of webpages.

Q81. What is the correct way to describe an empty element, such as a line break tag?

It displays nothing on a website.
It has opening and closing tags but no child content.
It has child content but no closing tag.
It has no child content and no closing tag.

Q82. For the HTML code below, when will “Sample Text” display to the browser?

<noscript>Sample Text</noscript>

when there is no JavaScript used on this webpage
when JavaScript is not supported by the browser or if JavaScript is disabled in the browser
when JavaScript is disabled in the web browser
when JavaScript is not supported by the web browser

Odniesienie (MDN)

P83. How will this code render by default in most web browsers?

<details>
  <h4>Mixed Berry Tart.</h4>
  <p4>Raspberries, blueberries, and strawberries on top of a creamy filling served in a crispy tart.</p4>
</details>

Q84. In this code, co jest target?

an attribute
a tag
zawartość
an element

Q85. Jaka jest różnica między `<svg>` oraz `<canvas>`?

<svg> produces vector graphics, podczas <canvas> produces raster graphics.
<svg> integrates with JavaScript, podczas <canvas> nie.
<svg> produces raster graphics, podczas <canvas> produces vector graphics.
<svg> cannot be used as a background image, podczas <canvas> can be used as a background

Q86. Jaka jest różnica między readonly oraz niepełnosprawny attributes for the `<textarea>` element?

readonly allows clicking in the <textarea> element. niepełnosprawny prevents all interaction with the control.
readonly is invalid attribute for <textarea>, podczas niepełnosprawny is a valid attribute.
niepełnosprawny allows clicking in the <textarea> element. readonly prevents all interaction with the control.
niepełnosprawny is invalid attribute for <textarea>, podczas readonly is a valid attribute.

Źródło: readonly

Źródło: niepełnosprawny

P87. In this code, co jest target?

<a target="_blank">...</a>

an attribute
a tag
zawartość
an element

P88. What is the correct way to add a submit URL to a button element?

<button submit="http://example.com/process">
      Process data
</button>

<button action="http://example.com/process">
      Process data
</button>

<button formaction="http://example.com/process">
      Process data
</button>

<button method="http://example.com/process">
      Process data
</button>

P89. Which is the best markup to produce this text?

x<Y&z>w

<p>x<y&z>w</p>
<p>x\<y&z\>w</p>
<p>x<<y&&z>>w
<p>x<y&z>w</p>

It's too strange question because all of that methods doesn't work. The good method is &amp, &lt, &gt using.

Q90. What is wrong with this code snippet?

<label>Address:</label>
<input type="text" name="address" id="address-input" />

ten <label> oraz <input> should be nested inside of a <fieldset> element.
“adres” is not a valid value for the attribute Nazwa on an <input> element.
ten <label> element is missing an NS set to “address-input”.
ten <label> element is missing a Najszybszy sposób instalacji za pomocą Virtualbox attribute set to “address-input”.

Q91. What is the default method for form submission?

GET
POST
PUT
SUBMIT

Q92. Which is the most semantically correct markup for a side comment in small print?

<p> Dostwać 10% dostępne są stypendia o wartości do 5000 £ <small>not valid in France</small></p>
<p> Dostwać 10% dostępne są stypendia o wartości do 5000 £  </p>
<p> Dostwać 10% dostępne są stypendia o wartości do 5000 £ <comment>not valid in France</comment></p>
<p> Dostwać 10% dostępne są stypendia o wartości do 5000 £ <aside>not valid in France</aside></p>

Q93. Which choice will produce the spanish word canción?

<p lang="es">canción</p>
<p lang="es">canci&oacuten</p>
<p lang="es">cancio'n</p>
<p lang="es">canci'on</p>

Q94. What is the purpose of `<caption>`?

<caption> provides captions for <audio>,<video>,<img>, oraz <table>.
<caption> provides captions to <table>.
<caption> provides captions for <audio>, <video>, oraz <table>.
<caption> provides captions for <img>, <audio>, oraz <video>.

Q95. The value attribute is associated with which set of tags ?

<li>
<input>
<option>

<input>
<option>
<textarea>

<button>
<input>
<form>

<input>
<label>
<meter>

Q96. Co jest nie tak z tym kodem?

<img src="https://source.unsplash.com/random">

<img> should be paired with a <caption> etykietka.
ten <img> element is missing an alt attribute.
<img> is not a valid HTML element. Zamiast, posługiwać się <image src="..."/>.
<img> should be nested within a <figure> etykietka.

Zarejestruj się teraz

Zaloguj sie

Zgubione hasło

Dodaj post

Dodaj pytanie

Zaloguj sie

Zarejestruj się teraz

Odpowiedzi i pytania dotyczące oceny umiejętności LinkedIn – HTML